在 Microsoft Edge 中開發提要欄位的體驗
Microsoft Edge 中的提要字段是位於瀏覽器側邊的永續性窗格,與瀏覽器的主要內容並存。 提要字段可讓使用者在其瀏覽器索引標籤旁輕鬆存取熱門網站和公用程式。 提要欄位中的內容會啟用並存流覽,並將在瀏覽器索引標籤之間切換內容的需求降至最低,藉此增強使用者的主要工作。 藉由在 Microsoft Edge 中使用提要字段,使用者就可以存取所需的生產力工具,同時留在其工作流程中。
身為開發人員,您可以透過兩種方式,利用側邊欄來體驗自己的體驗:
- 藉由調整現有的漸進式 Web 應用程式 (PWA) 在提要欄位中執行。
- 使用 Microsoft Edge 擴充功能中的提要字段 API。
選擇正確的方法
您可以利用提要欄位的兩種不同方式是設計來符合不同的開發人員需求。 以下是提要欄位應用程式和提要字段延伸模組之間的主要差異:
方面 | 提要欄位應用程式 | 提要欄位延伸模組 |
---|---|---|
字詞定義 | 在提要欄位中執行的漸進式 Web 應用程式 (PWA) 。 | 在提要欄位中顯示內容的 Microsoft Edge 擴充功能。 |
分配 | 就像網站一樣,應用程式會裝載在應用程式的網頁伺服器上。 | 延伸模組會透過 Microsoft Edge 附加元件網站散發。 |
功能 | 應用程式可以使用所有 Web API 和功能,以及 PWA 功能,例如離線支援、推送或檔案系統存取。 | 延伸模組可以使用功能強大的擴充功能 API,例如讀取或修改目前的頁面。 |
上下文 | 應用程式會在自己的 Web 內容中執行,與主索引標籤分開。 | 延伸模組可以存取目前的網頁,並透過擴充功能的內容腳本修改網頁。 |
安裝 | 使用者在瀏覽應用程式的網站時,會與提要字段互動來安裝應用程式。 | 延伸模組是由使用者從 Microsoft Edge 附加元件網站安裝。 |
使用者體驗 | 應用程式在提要欄位中有自己的圖示。 如果圖示已關閉,則按下圖示會開啟提要字段,並顯示應用程式的內容。 | 用戶體驗取決於擴充功能。 擴充功能可以開啟提要字段,視使用者在瀏覽器中瀏覽的網站而定。 |
運用的技術 | Web 開發和 PWA。 請參閱 ) 的漸進式 Web Apps (PWA 概觀。 | 擴充功能開發。 請參閱 Microsoft Edge 擴充功能概觀。 |
提要欄位應用程式
提要字段應用程式可讓您調整現有的漸進式 Web 應用程式 (PWA) ,以安全地與其他瀏覽器索引卷標一起執行,以獲得並存共同瀏覽體驗。 對於想要提供隨附體驗的 Web 開發人員而言,此方法是絕佳的選擇,包括不需要進階擴充功能的社交、傳訊或媒體應用程式。
提要字段應用程式基礎結構可協助使用者在流覽 Web 時探索並安裝提要字段應用程式,只要對 Web 應用程式指令清單檔案進行簡單變更,就能為您的應用程式提供絕佳的探索能力。 如果您想要針對 Microsoft Edge 中的提要字段重複使用現有的 Web 應用程式,並充分利用 PWA 可用的 Web 功能,則提要字段應用程式是不錯的選項。
若要深入瞭解 PWA 及其建立方式,請參閱 ) 的漸進式 Web Apps (PWA 概觀。 若要深入瞭解如何將現有的 PWA 調整為 Microsoft Edge 中的提要欄位,請參閱在 Microsoft Edge 中建置提要欄位的 PWA。
提要欄位延伸模組
Microsoft Edge 延伸模組 (附加元件) 可以選擇性地使用提要字段 API,在 Microsoft Edge 的提要欄位中顯示自定義 UI。 除了擴充功能也會出現在其他位置之外,例如在 Microsoft Edge 工具列中或快顯中。
如果您的應用程式體驗依賴功能強大的擴充功能 API,例如讀取或修改目前的頁面,則提要欄位延伸模組會提供這些功能。 用戶可以透過 Microsoft Edge 附加元件網站來尋找並安裝這些擴充功能。 Microsoft Edge 小組會繼續發展這些提要字段擴充性模型,並歡迎您提供意見反應。 若要留下意見反應,請在存放庫上 建立新問題 ,或 搜尋現有問題 並加入現有的交談。
若要深入瞭解Microsoft Edge 延伸模組及其建立方式,請參閱 Microsoft Edge 擴充功能概觀。 若要深入瞭解如何在延伸模組中使用提要字段 API,請參閱 開發 Microsoft Edge 提要字段的延伸模組。