覆寫 Chrome 網頁

覆寫網頁可以用來將 Google 網頁的副檔名取代為 HTML 檔案 Chrome 通常提供。除了 HTML 之外,覆寫網頁通常也有 CSS 和 JavaScript 程式碼。

擴充功能可取代下列任一頁面:

  • 書籤管理員:使用者選擇「書籤管理員」選單項目後顯示的頁面 開啟 Chrome 選單;在 Mac 上,則是選取 [書籤] 選單中的「書籤管理員」項目。你也可以 輸入網址 chrome://bookmarks,就能前往這個網頁。
  • 歷史記錄:使用者從 Chrome 選擇「歷史記錄」選單項目時顯示的頁面 功能表,或在 Mac 上按一下 [記錄] 選單中的 [顯示完整記錄] 項目。你也可以前往這個頁面 輸入網址 chrome://history
  • 新分頁:使用者建立新分頁或視窗時顯示的頁面。你也可以前往 輸入網址 chrome://newtab
注意:單一擴充功能只能覆寫一個網頁。舉例來說,擴充功能無法同時覆寫「書籤管理員」和「歷史記錄」頁面。

無痕視窗經過特殊處理。您無法在無痕視窗中覆寫新分頁。 只要無痕模式資訊清單屬性: 設為「spanning」(此為預設值)。參閱「儲存資料和無痕模式」一文 詳細瞭解應該如何處理無痕式視窗。

下列螢幕截圖顯示預設的「新分頁」頁面和自訂的新分頁。

預設新分頁

自訂新分頁

資訊清單

擴充功能資訊清單中註冊覆寫頁面,如下所示:

{
  "name": "My extension",
  ...

  "chrome_url_overrides" : {
    "PAGE_TO_OVERRIDE": "myPage.html"
  },
  ...
}

請將 PAGE_TO_OVERRIDE 替換成下列其中一個值:

  • bookmarks
  • history
  • newtab

提示

如需有效的覆寫頁面,請遵守下列規範:

  • 快速調整網頁大小。 使用者希望內建瀏覽器網頁能立即開啟。避免執行耗時較長的作業 讓應用程式從可以最快做出回應的位置 回應使用者要求舉例來說,請避免同步擷取網路或資料庫資源。
  • 在頁面中加入標題。 否則系統可能會讓使用者看到網頁的網址,以致讓使用者感到困惑。這裡舉例說明 指定標題:<title>New Tab</title>
  • 請勿仰賴鍵盤焦點所在網頁。 使用者建立新分頁時,網址列一律會優先顯示焦點。
  • 請勿嘗試模擬預設的「新分頁」頁面。 這些 API 可用於建立略微修改的預設新分頁 網頁、近期關閉頁面、提示、主題背景圖片等。結束時間 那麼最好不要嘗試製作完全不同的內容

範例

請參閱覆寫範例一文。