如果您要設計 Chrome 應用程式,我們建議您採用以下的實務做法來開發 Chrome 應用程式,包括開發 Chrome 應用程式以及相關大型網路專案的建議流程。
開發 Chrome 應用程式的最佳做法
讓應用程式支援國際化應用
- 使用
chrome.i18n
API 和 /_locales
/。 - 即使一開始不打算提供英文以外版本,您也可以透過 /_
locales
/ 和chrome.i18n
提供英文字串,日後有需要時就能輕鬆加入其他語言版本。
預先決定應用程式是否需擁有離線執行能力
- 應用程式設計完成後,就不容易再加入離線支援功能。
- 在資訊清單中設定標記。自 Chrome 35 版起,除非應用程式要求
webview
權限,不然系統都會認定應用程式支援離線執行,offline_enabled
的預設值為true
。
透過 Chrome 和 Chrome 作業系統進行測試
- 雖然與 Chrome 作業系統相比,開發 Chrome 瀏覽器的應用程式是比較容易的,但是如果您的應用程式預計將在 Chrome 作業系統中使用,就請務必定期在 Chrome 作業系統的全部四個版本 (穩定版、測試版、開發版和 Canary 版) 上進行測試。
定期在裝置上使用各版 Chrome 進行測試
- 由於 Chrome 會頻繁發佈新功能,所以開發平台可能時常有所異動。透過定期測試,您可以儘快找出會對應用程式造成影響的異動。
- 在 Chrome 作業系統裝置上輪流使用穩定版、測試版、開發版和 Canary 版進行測試 (使用命令列參數即可切換為 Canary 版)。
在資訊站模式中測試 (如果適用)
- 由於資訊站模式所呈現的內容,可能不同於一般 Chrome 作業系統的全螢幕模式,因此請在 Chrome 裝置上使用資訊站模式進行測試。
在 Chrome 線上應用程式商店中建立開發版、測試版和正式版應用程式
- 建立只對特定群組使用者提供的開發版應用程式,以及不對外公開的測試版應用程式。提供這些版本可讓您快速達成測試目的,同時避免過多風險。
認識並瞭解所有可用的 API
- 前往 Chrome 開發人員網站瀏覽公開的 API 說明文件,例如 Chrome Platform API,以及網路和硬體 API。
- 瀏覽 Chrome 原始碼中的 API 定義,瞭解有哪些未明文說明的 API 可用。
- 使用沒有明文說明的 API 是否安全?未明文說明的 API 可能無預警變更或消失,所以在使用上是有風險的。如果您有使用這些 API,請在 Canary 版上測試以即時瞭解相關異動。
Chrome 應用程式所適用大型網路專案的最佳做法
在應用程式中建立無障礙工具
- 嚴格測試:是否可以只用鍵盤來操作應用程式?
- 有了 Chrome Accessibility Developer Tools 擴充功能,Chrome 開發工具即可用來稽核無障礙工具,協助您找出無障礙工具的問題。
- 導致應用程式無障礙功能受限的常見原因:
- 未提供
onKeyDown
事件處理常式 - 未設定
TabIndex
- 沒有為 HTML 元素提供 Aria 屬性
- 未提供
使用 JavaScript 編譯器及進行單元測試
- 為大型 JavaScript® 程式偵錯可能有一定的難度。如果您的應用程式有數千行 JavaScript 程式碼,建議您使用編譯器來找出問題。
- 以程式碼單元或模組為單位進行測試,分開測試各項功能並找出錯誤。
透過 Google Analytics (分析) 追蹤應用程式使用情況
- 查看有多少人正在 Chrome 線上應用程式商店瀏覽您的應用程式。
- 追蹤應用程式使用情況,例如:
- 有多少人正在應用程式中執行特定的操作
- 應用程式開啟了多長時間