探索 Chrome
chrome.i18n
使用 chrome.i18n 基礎架構,在整個應用程式或擴充功能中實作國際化。 如果擴充功能有 /_locales 目錄, manifest 就必須定義 "default_locale" 。 您必須將所有向使用者顯示的字串放入名為 messages.json 的檔案中。每次新增語言代碼時,請在名為 /_locales/_localeCode_ 的目錄下新增訊息檔案,其中 localeCode 是英文的 en 等代碼。 以下是支援英文 ( en )、西班牙文 ( es ) 和韓文 ( ko )
- Chrome 擴充功能
在 Windows 上,以 Chromium 為基礎的瀏覽器提供更優異的文字算繪效果
Edge 團隊新增了支援功能,可直接在 Chromium 中遵循 Windows ClearType 調諧器值,進而改善 Windows 上以 Chromium 為基礎的瀏覽器文字算繪品質。
- Chrome
chrome.storage
使用 chrome.storage API 儲存、擷取及追蹤使用者資料的變更。 如要使用儲存空間 API,請在擴充功能的 manifest 中宣告 "storage" 權限。例如: Storage API 提供擴充功能專屬方式,可保留使用者資料和狀態。這個 API 與網路平台的儲存空間 API ( IndexedDB 和 Storage ) 類似,但設計目的是滿足擴充功能的儲存空間需求。以下列舉幾個主要功能: 雖然擴充功能可以在某些情況 (彈出式視窗和其他 HTML 頁面) 下使用
- Chrome 擴充功能
chrome.storage
使用 chrome.storage API 儲存、擷取及追蹤使用者資料的變更。 Storage API 提供擴充功能專屬方式,可保留使用者資料和狀態。這個 API 與網路平台的儲存空間 API ( IndexedDB 和 Storage ) 類似,但設計目的是滿足擴充功能的儲存空間需求。以下列舉幾個主要功能: 雖然擴充功能可以在某些情況 (彈出式視窗和其他 HTML 頁面) 下使用 [ Storage ][mdn-storage] 介面 (可透過 window.localStorage
- Chrome 擴充功能
人工智慧
Chrome 的 AI 功能 歡迎來到運用 AI 技術的新世代網路時代。瞭解 AI 如何協助開發人員輕鬆打造強大的網路體驗。 體驗 Chrome 版 Gemini Nano 帶來無限可能。 內建 AI Gemini 生態系統即將在 Chrome 中導入 Gemini Nano 是效率最高的模型。 在用戶端工作 用戶端 AI 可為使用者提供強大的模型,同時保護資料隱私並縮短延遲時間。 開始使用 瞭解開始使用內建 AI 建構功能和應用程式時,必須具備哪些條件。 可用的 API 查看可在 Chrome
Docs
建構應用程式所需的程式碼範例、指南及 API 參考資料
Chrome for Developers
協助您在網路上蓬勃發展、拓展事業及創新。
- Chrome
chrome.userScripts
使用 userScripts API 在「User Scripts」情境中執行使用者指令碼。 如要使用 User Scripts API ( chrome.userScripts ),請在 manifest.json 中加入 "userScripts" 權限,並為要執行指令碼的網站加入 "host_permissions" 。 使用者指令碼是插入網頁的程式碼片段,可用來修改網頁的外觀或行為。與其他擴充功能 (例如 內容指令碼 和 chrome.scripting API ) 不同,使用者指令碼
- Chrome 擴充功能
擴充功能 / 開始使用
開始使用 Chrome 擴充功能的所有基本知識
- Chrome 擴充功能
chrome.printing
使用 chrome.printing API 將列印工作傳送至 Chromebook 上安裝的印表機。 所有 chrome.printing 方法和事件都需要在 擴充功能資訊清單 中宣告 "printing" 權限。例如: 以下範例示範如何使用列印命名空間中的每個方法。這個程式碼是從 extensions-samples GitHub 存放區的 api-samples/printing 複製而來,或以該程式碼為基礎。 在本範例中,當 jobStatus 不是 PENDING 或
- Chrome 擴充功能
chrome.printing
使用 chrome.printing API 將列印工作傳送至 Chromebook 上安裝的印表機。 所有 chrome.printing 方法和事件都需要在 擴充功能資訊清單 中宣告 "printing" 權限。例如: 以下範例示範如何使用列印命名空間中的每個方法。這個程式碼是從 extensions-samples GitHub 存放區的 api-samples/printing 複製而來,或以該程式碼為基礎。 在本範例中,當 jobStatus 不是 PENDING 或
- Chrome 擴充功能
播放媒體時自動進入子母畫面
Chrome 允許播放媒體的網路應用程式自動進入子母畫面。
- Chrome
Chrome 134 開發人員預覽版
瞭解即將推出的 Chrome 最新功能。
- Chrome
chrome.enterprise.platformKeys
使用 chrome.enterprise.platformKeys API 產生金鑰,並為這些金鑰安裝憑證。憑證會由平台管理,可用於 TLS 驗證、網路存取,或透過 chrome.platformKeys 由其他擴充功能使用。 使用這個 API 註冊用戶端憑證的一般步驟如下: 使用 enterprise.platformKeys.getTokens 取得所有可用的符記。 找出 id 等於 "user" 的符記。之後請使用這個權杖。 使用 generateKey 權杖方法 (在
- Chrome 擴充功能
chrome.enterprise.platformKeys
使用 chrome.enterprise.platformKeys API 產生金鑰,並為這些金鑰安裝憑證。憑證會由平台管理,可用於 TLS 驗證、網路存取,或透過 chrome.platformKeys 由其他擴充功能使用。 使用這個 API 註冊用戶端憑證的一般步驟如下: 使用 enterprise.platformKeys.getTokens() 取得所有可用的符記。 找出 id 等於 "user" 的權杖。之後請使用這個權杖。 使用 generateKey() 權杖方法 (在
- Chrome 擴充功能
Chrome 133
CSS 進階 attr()、text-box-trim、捲動狀態容器查詢等。
- Chrome
Chrome 133 的新功能
Chrome 133 即將推出!還有許多令人興奮的新 CSS 功能等著您發掘。
- Chrome
PWA 適用的分頁式應用程式模式
透過分頁式應用程式模式,漸進式網頁應用程式開發人員可以將分頁式文件介面新增至獨立的 PWA。
透過應用程式專屬記錄功能,提升使用者的瀏覽體驗
如何在 Android 應用程式中使用應用程式專屬記錄
使用暫時性自訂分頁,提升使用者的網頁隱私權
如何在 Android 應用程式中使用暫時性自訂分頁
使用 Auth 分頁簡化驗證程序
如何在 Android 應用程式中使用專屬的 Auth 分頁
透過 Chrome Custom Tabs 中的應用程式專屬歷史記錄,加深使用者參與度
為 Android 版 Chrome 自訂分頁推出應用程式專屬的瀏覽記錄
- Chrome
使用 Android 版 Auth 分頁改善網頁登入流程
使用 Android 版 Auth 分頁改善網頁式驗證
- Chrome
chrome.permissions
請使用 chrome.permissions API,在執行階段 (而非安裝階段) 要求 已宣告的選用權限 ,讓使用者瞭解為何需要這些權限,並只授予必要的權限。 權限警告會說明 API 授予的功能,但部分警告可能不明顯。Permissions API 可讓開發人員說明權限警告,並逐步推出新功能,讓使用者無須擔心風險,就能瞭解擴充功能。如此一來,使用者就能指定願意授予的存取權,以及要啟用的功能。 舉例來說, 選用權限擴充功能
- Chrome 擴充功能
chrome.runtime
使用 chrome.runtime API 擷取服務工作者、傳回資訊清單的詳細資料,並監聽擴充功能生命週期中的事件並做出回應。您也可以使用這個 API,將網址的相對路徑轉換為完整網址。 Runtime API 提供方法,可支援擴充功能可使用的多個功能領域: 執行階段 API 中的大多數方法 不 需要任何權限,但需要 nativeMessaging 權限的 sendNativeMessage 和 connectNative 例外。 以下範例說明如何在資訊清單中宣告 nativeMessaging
- Chrome 擴充功能
chrome.permissions
請使用 chrome.permissions API,在執行階段 (而非安裝階段) 要求 已宣告的選用權限 ,讓使用者瞭解為何需要這些權限,並只授予必要的權限。 權限警告會說明 API 授予的功能,但部分警告可能不明顯。Permissions API 可讓開發人員說明權限警告,並逐步推出新功能,讓使用者無須擔心風險,就能瞭解擴充功能。如此一來,使用者就能指定願意授予的存取權,以及要啟用的功能。 舉例來說, 選用權限擴充功能
- Chrome 擴充功能
Chrome 133 版 DevTools 的新功能
持續性 AI 即時通訊記錄、更完善的導覽功能、忽略清單和成效中的堆疊追蹤,以及新的「What’s new」面板等。
- Chrome 開發人員工具
- Chrome
WebGPU 新功能 (Chrome 133)
新增 unorm8x4-bgra 和 1 個元件的頂點格式,可透過未定義的值要求未知限制、WGSL 對齊規則變更、WGSL 效能提升,以及更多功能。
- Chrome
- WebGpu
2025 年 1 月 Chrome 擴充功能的最新消息
概略說明 Chrome 擴充功能的最新變更,以及開發人員可以期待的未來擴充功能。
- Chrome
- Chrome 擴充功能
chrome.bookmarks
使用 chrome.bookmarks API 建立、整理及操作書籤。另請參閱「 覆寫頁面 」,您可以使用這項功能建立自訂的「書籤管理員」頁面。 您必須在 擴充功能資訊清單 中宣告「書籤」權限,才能使用書籤 API。例如: 書籤會以樹狀結構排列,其中每個節點都是書籤或資料夾 (有時稱為「群組」 )。樹狀結構中的每個節點都會由 bookmarks.BookmarkTreeNode 物件表示。 BookmarkTreeNode 屬性會用於整個 chrome.bookmarks
- Chrome 擴充功能
chrome.bookmarks
這項權限會 觸發警告 。 使用 chrome.bookmarks API 建立、整理及操作書籤。另請參閱「 覆寫頁面 」,您可以使用這項功能建立自訂的「書籤管理員」頁面。 您必須在 擴充功能資訊清單 中宣告「書籤」權限,才能使用書籤 API。例如: 書籤會以樹狀結構排列,其中每個節點都是書籤或資料夾 (有時稱為「群組」 )。樹狀結構中的每個節點都會由 bookmarks.BookmarkTreeNode 物件表示。 BookmarkTreeNode 屬性會用於整個
- Chrome 擴充功能
使用 Prompt API 管理工作階段的最佳做法
本指南將介紹使用 Prompt API 管理工作階段的最佳做法。
版本資訊
瞭解影響開發人員的 Chrome 異動
- Chrome
Chrome 新功能
Chrome 新功能 瀏覽我們的說明文件和網誌,探索 Chrome 的最新動態。 新增內容,並對說明文件進行重大更新。 article 大型語言模型如何串流回覆 新說明文件,瞭解 AI 中的串流資料如何在伺服器和用戶端中運作。 article Chrome 線上應用程式商店的通知和申訴 Chrome 線上應用程式商店的通知和申訴程序已更新。 article 來源試用中的 AI API 從 Chrome 131 以上版本開始,擴充功能的 Translator API、Summarizer API
Chrome 線上應用程式商店政策更新:確保開發人員能清楚瞭解政策內容並保持一致
Chrome 線上應用程式商店致力於為開發人員和使用者打造優質可靠的生態系統。為達成這個目標,我們宣布一系列政策更新,旨在讓平台上的政策更明確一致。這些更新涵蓋功能、內容標準和開發人員指南等重要領域。 我們正在簡化 申訴程序 ,讓申訴流程更有效率且更公開透明。日後,開發人員將可針對每項政策違規提出一次申訴。判決結果一旦確定,開發人員就無法重新提出申訴。 為配合更廣泛的 Google 產品政策,我們會更新 用詞 ,明確禁止在 Chrome
- Chrome 擴充功能
- Chrome
大型語言模型如何串流回覆
瞭解串流內容,以及如何與 AI 和 LLM 搭配使用。
使用內建 AI 翻譯
內建的 Translator API 可讓您將任意內容從原文語言翻譯成譯文語言。參與來源試用,試用 API。
呈現串流 LLM 回覆的最佳做法
請運用這些前端最佳做法,搭配支援串流的 API (例如 Prompt API),顯示 Gemini 的串流回應。
簡化密碼金鑰的 WebAuthn 功能偵測
瞭解如何使用 `getClientCapabilities()` 偵測 WebAuthn 功能,並為使用者調整驗證工作流程。
- 密碼金鑰
- Chrome
在節能模式下凍結
從 Chrome 133 開始,在啟用節能模式時,系統會將 CPU 密集的背景分頁凍結。
- Chrome
開發人員工具提示
開發人員工具提示
- Chrome 開發人員工具
媒體
改善在網站和網頁應用程式中加入圖片、影片和其他內容的方式。
Google 密碼管理工具的密碼金鑰現在可在 iOS 裝置上使用
iOS 17 以上版本的 Chrome 現可透過 Google 密碼管理工具 (GPM) 建立、同步處理及驗證密碼金鑰。這樣一來,Chrome 就能在任何地方使用 GPM 的密碼金鑰。
- Chrome
- 密碼金鑰
CSS attr() 升級
您現在可以將 attr() 與任何 CSS 屬性 (包括自訂屬性) 搭配使用,且該函式可將值剖析為字串以外的資料類型。
- Chrome
CSS scroll-state()
與容器查詢類似,但適用於卡住、固定和溢出的查詢。
- Chrome
Chrome 133 開發人員預覽版
瞭解 Chrome 最新推出的功能。
- Chrome
Chrome Extensions
瞭解如何開發 Chrome 擴充功能。
- Chrome 擴充功能
CSS text-box-trim
在文字內容上方和下方留出空間,以達到視覺平衡。
- Chrome
Chrome 132
對話方塊的 ToggleEvent、支援元素層級的影片分享功能,以及 File System Access API 支援 Android 和 WebView 等。
- Chrome
如何在 Chrome 開發人員工具中導入 Gemini
瞭解開發人員工具中的全新 AI 輔助面板,瞭解各種有趣又令人期待的用途
- Chrome
- Chrome 開發人員工具
Chrome 132 的新功能
Chrome 132 即將推出!對話方塊元素會取得 ToggleEvent,支援元素層級的影片分享功能,而 File System Access API 則支援 Android 和 WebView。
- Chrome
chrome.sockets.udp
使用 chrome.sockets.udp API 透過 UDP 連線,透過網路傳送及接收資料。這個 API 取代了先前在「socket」API 中找到的 UDP 功能。 如要使用這個 API,您必須 在資訊清單中宣告下列鍵 。 數字 新建立的 Socket 的 ID。請注意,透過這個 API 建立的 Socket ID 與透過其他 API 建立的 Socket ID 不相容,例如已淘汰的 [ socket ](../socket/) API。 DNS 解析偏好設定。預設值為 any
chrome.tabs
使用 chrome.tabs API 與瀏覽器的分頁系統互動。您可以使用這個 API 在瀏覽器中建立、修改及重新排列分頁。 Tabs API 不僅提供操作和管理分頁的功能,還可偵測分頁的 語言 、拍攝 螢幕截圖 ,以及與分頁的內容指令碼 通訊 。 大多數功能都不需要任何權限即可使用。例如: 建立 新分頁、 重新載入 分頁、 前往 其他網址等。 開發人員在使用 Tabs API 時,應注意三項權限。 這個權限不會授予 chrome.tabs 命名空間的存取權。相反地,它會授予擴充功能在
- Chrome 擴充功能
chrome.tabs
使用 chrome.tabs API 與瀏覽器的分頁系統互動。您可以使用這個 API 在瀏覽器中建立、修改及重新排列分頁。 Tabs API 不僅提供操作和管理分頁的功能,還可偵測分頁的 語言 、拍攝 螢幕截圖 ,以及與分頁的內容指令碼 通訊 。 大多數功能都不需要任何權限即可使用。例如: 建立 新分頁、 重新載入 分頁、 前往 其他網址等。 開發人員在使用 Tabs API 時,應注意三項權限。 以下範例說明如何在 manifest 中宣告每項權限: 以下各節將說明一些常見用途。
- Chrome 擴充功能
內建 AI 挑戰賽得獎者
歡迎探索內建 AI 挑戰賽的得獎應用程式和擴充功能,我們邀請您重新發掘 Chrome 中的 Gemini Nano 所能提供的無限可能。
- Chrome
已停止支援 Web Vitals 擴充功能
Web Vitals 擴充功能和開發人員工具的合併作業已完成,且已停止支援該擴充功能。
- Chrome
- Chrome 開發人員工具
從任何元素擷取影片串流
Element Capture API 能有效且完善,能將目前分頁的擷取內容轉換為 DOM 子樹狀結構的擷取資料。
chrome.ttsEngine
使用 chrome.ttsEngine API 實作文字轉語音(TTS) 引擎,並使用擴充功能。如果擴充功能是使用這個 API 註冊,當任何擴充功能或 Chrome 應用程式使用 tts API 產生語音時,擴充功能就會收到包含要朗讀的字詞和其他參數的事件。擴充功能接著可以使用任何可用的網路技術來合成及輸出語音,並將事件傳回呼叫函式以回報狀態。 擴充功能可以註冊為語音引擎。這樣一來,它就能攔截對 tts.speak 和 tts.stop
- Chrome 擴充功能
chrome.cookies
使用 chrome.cookies API 查詢及修改 Cookie,並在 Cookie 變更時收到通知。 如要使用 cookies API,您必須在資訊清單中宣告「cookies」權限,以及您要存取 cookies 的任何主機的 主機權限 。例如: 分區 Cookie 可讓網站標示特定 Cookie 應以頂層框架的來源做為索引。也就是說,如果網站 A 使用 iframe 嵌入網站 B 和網站 C,則分割 Cookie 在各網站中的值可能不同。 chrome.cookies
- Chrome 擴充功能
chrome.cookies
使用 chrome.cookies API 查詢及修改 Cookie,並在 Cookie 變更時收到通知。 如要使用 cookies API,請在資訊清單中宣告 "cookies" 權限,以及您要存取 cookie 的任何主機的 主機權限 。例如: 分區 Cookie 可讓網站標示特定 Cookie 應根據頂層框架的來源進行編碼。舉例來說,如果網站 A 使用 iframe 在網站 B 和網站 C 中嵌入,來自 A 的已分割 Cookie 的嵌入版本,在 B 和 C 中可能會有不同的值。
- Chrome 擴充功能
chrome.appviewTag
使用 appview 標記,即可在 Chrome 應用程式中嵌入其他 Chrome 應用程式 (請參閱「 用法 」)。 物件 開發人員指定的選用資料,可供要嵌入的應用程式在做出嵌入決策時使用。 字串 傳送內嵌要求的應用程式 ID。 void 允許嵌入要求。 allow 函式如下所示: 字串 指定要嵌入的內容。 void 防止嵌入要求。 deny 函式如下所示: 要求嵌入其他應用程式。 字串 要嵌入的應用程式擴充功能 ID。 任何 選填
chrome.ttsEngine
使用 chrome.ttsEngine API 實作文字轉語音(TTS) 引擎,並使用擴充功能。如果擴充功能是使用這個 API 註冊,當任何擴充功能或 Chrome 應用程式使用 tts API 產生語音時,擴充功能就會收到包含要朗讀的字詞和其他參數的事件。擴充功能接著可以使用任何可用的網路技術來合成及輸出語音,並將事件傳回呼叫函式以回報狀態。 擴充功能可以註冊為語音引擎。這樣一來,它就能攔截對 tts.speak() 和 tts.stop()
- Chrome 擴充功能
使用 XFO 或 CSP 降低點擊劫持風險
進一步瞭解如何減輕點擊劫持攻擊。
WebGPU 新功能 (Chrome 132 版)
紋理檢視畫面用途、32 位元浮點紋理混合、GPUDevice adapterInfo 屬性、使用無效格式設定畫布內容會擲回 JavaScript 錯誤、篩選紋理上的取樣器限制、擴充子群組實驗、改善開發人員體驗、實驗性支援 16 位元規格化紋理格式等等。
- Chrome
- WebGpu
Chrome 擴充功能的新功能's
Chrome 擴充功能平台、說明文件和政策近期異動
- Chrome 擴充功能
WebGPU
透過指南、示範內容和最新消息瞭解 WebGPU
透過 Chrome 建構內容
查看 Chrome 最新穩定版和 Beta 版的內容。
付款
瞭解如何在 Chrome 中使用最新的 Payment API
隱私權與安全性
瞭解 Chrome 的隱私權與安全性功能。
應用程式
已淘汰的技術,用於打造存取基礎作業系統的體驗。
布偶操作員
Node.js 程式庫提供用於控制無頭 Chrome 或 Chromium 的高階 API
Android 網頁版
瞭解 Chrome 在 Android 上開發網頁應用程式的功能。
chrome.certificateProvider
使用這個 API 將憑證公開給平台,讓平台可用這些憑證進行 TLS 驗證。 這個 API 的典型用途是將用戶端憑證公開給 ChromeOS,步驟如下: 實際步驟順序可能不同。舉例來說,如果使用自動選取憑證的企業政策,系統就不會要求使用者選取憑證 (請參閱「 AutoSelectCertificateForUrls 」和「 適用於使用者的 Chrome 政策 」)。 在擴充功能中,這可能會類似於以下程式碼片段: 系統支援的加密編譯簽章演算法類型。
- Chrome 擴充功能
chrome.extension
chrome.extension API 提供可供任何擴充功能頁面使用的公用程式。這項功能可支援在擴充功能與其內容指令碼之間,或在擴充功能之間交換訊息,詳情請參閱「 訊息傳遞 」一文。 擴充功能檢視畫面的類型。 "tab" "popup" 對於在無痕分頁中執行的內容指令碼,以及在無痕處理程序中執行的擴充功能頁面,此值為 True。後者僅適用於使用「split」incognito_behavior 的擴充功能。 布林值 針對目前擴充功能中執行的背景頁面,傳回 JavaScript
- Chrome 擴充功能
燈塔
透過 Lighthouse 自動稽核網站效能
效能
使用 Chrome 的效能工具最佳化網頁應用程式的效能。
chrome.system.display
使用 system.display API 查詢顯示中繼資料。 列舉值,用於指出系統是否偵測到並使用螢幕。如果系統未偵測到螢幕 (可能已中斷連線,或因睡眠模式而被視為中斷連線),則系統會將螢幕視為「非活動」狀態。例如,當所有螢幕都已中斷連線時,系統會使用此狀態保留現有螢幕。 "active" 「inactive」 數字 螢幕高度 (以像素為單位)。 數字 左上角的 X 座標。 數字 左上角的 y 座標。 數字 螢幕寬度 (以像素為單位)。 字串 螢幕的專屬 ID。 數字
- Chrome 擴充功能
chrome.system.display
使用 system.display API 查詢顯示中繼資料。 列舉值,用於指出系統是否偵測到並使用螢幕。如果系統未偵測到螢幕 (可能已中斷連線,或因睡眠模式而被視為中斷連線),則系統會將螢幕視為「非活動」狀態。例如,當所有螢幕都已中斷連線時,系統會使用此狀態保留現有螢幕。 "active" 「inactive」 數字 螢幕高度 (以像素為單位)。 數字 左上角的 X 座標。 數字 左上角的 y 座標。 數字 螢幕寬度 (以像素為單位)。 字串 螢幕的專屬 ID。 數字
- Chrome 擴充功能
chrome.action
使用 chrome.action API 控制 Google Chrome 工具列中的擴充功能圖示。 如要使用這個 API,您必須 在資訊清單中宣告下列鍵 。 如要使用 chrome.action API,請指定 "manifest_version" 為 3 ,並在 資訊清單檔案 中加入 "action" 鍵。 "action" 鍵 (以及子鍵) 為選用項目。如果未納入,工具列仍會顯示擴充功能,以便使用者存取擴充功能的選單。因此,建議您一律納入至少 "action" 和
- Chrome 擴充功能
瀏覽器支援
「自訂分頁」功能及其瀏覽器可用性總覽。
身分
瞭解 Chrome 的身分識別功能,例如網路驗證。
chrome.commands
使用指令 API 新增鍵盤快速鍵,以便在擴充功能中觸發動作,例如開啟瀏覽器動作或向擴充功能傳送指令。 如要使用這個 API,您必須 在資訊清單中宣告下列鍵 。 Commands API 可讓擴充功能開發人員定義特定指令,並將指令繫結至預設的按鍵組合。擴充功能接受的每個指令,都必須在 擴充功能資訊清單 中宣告為 "commands" 物件的屬性。 屬性鍵會用做指令名稱。指令物件可採用兩種屬性。 這是個選屬性,用於宣告指令的預設鍵盤快速鍵。如果省略,則指令將不會綁定。這個屬性可接受字串或物件值。
- Chrome 擴充功能
使用遠端偵錯時無法執行這項操作
部分 WebDriver 指令 (例如調整瀏覽器視窗大小) 需要將 Chrome 擴充功能載入瀏覽器。ChromeDriver 通常會在每次啟動新的 Chrome 工作階段時載入這個「自動化擴充功能」。 不過,ChromeDriver 可以接收指示,連線至現有的 Chrome 工作階段,而非啟動新工作階段。這項操作是透過 Capabilities (也稱為 ChromeOptions)
ChromeOS
所有 ChromeOS 測試映像檔都已在 /usr/local/chromedriver/ 中安裝 ChromeDriver 二進位檔。二進位檔會更新為該測試映像檔中的相同 Chrome 版本。也就是說,您一律會使用 ChromeDriver 的最新版本。 如果測試預期要針對 ChromeDriver 二進位檔的穩定版本執行,您必須在測試中編寫自己的程式碼,才能下載特定二進位檔,並取代 /usr/local/chromedriver/ 中的二進位檔。 您可以編寫使用 ChromeDriver 與
WebView 總覽
WebView 元件是以 Chromium 開放原始碼專案為基礎。
chrome.certificateProvider
使用這個 API 將憑證公開給平台,讓平台可用這些憑證進行 TLS 驗證。 這個 API 的典型用途是將用戶端憑證公開給 ChromeOS,步驟如下: 實際步驟順序可能不同。舉例來說,如果使用自動選取憑證的企業政策,系統就不會要求使用者選取憑證 (請參閱 AutoSelectCertificateForUrls 和「 使用者適用的 Chrome 政策 」)。 在擴充功能中,這可能會類似於以下程式碼片段: 系統支援的加密編譯簽章演算法類型。 "RSASSA_PKCS1_v1_5_MD5_SHA1"
- Chrome 擴充功能
chrome.extension
chrome.extension API 提供可供任何擴充功能頁面使用的公用程式。這項功能可支援在擴充功能與其內容指令碼之間,或在擴充功能之間交換訊息,詳情請參閱「 訊息傳遞 」一文。 擴充功能檢視畫面的類型。 "tab" "popup" 對於在無痕分頁中執行的內容指令碼,以及在無痕處理程序中執行的擴充功能頁面,此值為 True。後者僅適用於使用「split」incognito_behavior 的擴充功能。 布林值 請使用 runtime.lastError 。 如果非同步擴充功能 API
- Chrome 擴充功能
效能記錄
ChromeDriver 支援效能記錄功能,可讓您取得「時間軸」、「網路」和「網頁」等網域的事件,以及指定追蹤類別的 追蹤資料 。 根據預設,系統不會啟用效能記錄功能。因此,您必須在建立新工作階段時啟用這項功能。 啟用後,效能記錄會收集時間軸、網路和網頁事件。如要同時啟用追蹤功能,或自訂效能記錄,請繼續閱讀。 請參閱 Michael Klepikov 撰寫的 完整範例 ,瞭解如何使用預設選項記錄效能。 Angular Benchpress 也使用效能記錄功能。
ChromeDriver 當機
如要診斷及修正 ChromeDriver 當機問題,您可以採取以下幾種做法。這項功能僅適用於 ChromeDriver 當機,與 Chrome 當機或關閉不同。 在 Windows 上,您可能會看到類似以下的畫面: 建立可重現問題的案例,讓 ChromeDriver 貢獻者可以用來重現問題並進行偵錯。只要不是 100% 都會發生當機情形,就沒關係。 請針對重現案件提交錯誤。這通常是最快的取得協助方式。 如要建立及偵錯當機傾印,您需要 ChromeDriver 的偵錯版本。我們沒有
下載內容
針對較舊的 Chrome 版本,以下是支援的 ChromeDriver 版本。 如要進一步瞭解如何選取正確的 ChromeDriver 版本,請參閱「 版本選擇 」頁面。 支援 Chrome 114 版 詳情請參閱 版本資訊 。 支援 Chrome 114 版 詳情請參閱 版本資訊 。 支援 Chrome 113 版 詳情請參閱 版本資訊 。 支援 Chrome 113 版 詳情請參閱 版本資訊 。 支援 Chrome 112 版 詳情請參閱 版本資訊 。 支援 Chrome 112 版
Chrome 無法立即啟動或當機(')
這類問題通常會在使用特殊測試套件 (可能是 IDE) 或持續建構系統 (例如 Jenkins) 執行 ChromeDriver 或 Chrome 時發生。 請嘗試從一般使用者指令提示,啟動測試使用的 Chrome 二進位檔。確認 chromedriver.log 檔案中使用的 Chrome 二進位檔。如果您將特殊的命令列切換或引數傳遞至 Chrome,請務必一併納入這些項目。如果 Chrome 無法正常啟動,您必須修正 Chrome 安裝程序。請嘗試重新安裝。 假設您可以透過命令提示字執行
Android
最新的 ChromeDriver 二進位檔 已封裝為適用於各種主機平台的 ZIP 檔案。 您可以在「 下載 」中找到先前版本的 ChromeDriver。 ChromeDriver 支援在 Chrome 瀏覽器 (30 以上版本) 上執行測試,以及在 Android 4.4 (KitKat) 以上版本中,針對已啟用 網路偵錯 和 JavaScript 的 WebView 應用程式執行測試。 你可以透過以下方式安裝 Chrome 應用程式: 穩定版:
鍵盤支援
目前 ChromeDriver 僅支援已設定美國鍵盤的系統。 ChromeDriver 偵測到此狀態時,會記錄以下內容: 沒有美國鍵盤的使用者,在執行 sendKeys 或 TypeElement 指令時,可能會發生按鍵遺失的情況。 為解決這個問題,我們建議這類使用者在系統設定中,將美國鍵盤 (QWERTY 版) 設為次要選項。這樣一來,ChromeDriver 就能使用美國鍵盤設定。 一如往常,ChromeDriver 是開放原始碼專案,歡迎您貢獻內容。
加那利
ChromeDriver Canary 提供最新的 ChromeDriver 功能。新的二進位檔會在一天內多次建構及提供。 請注意,這項功能是專為開發人員和早期採用者設計,有時可能會完全中斷。 從 M115 開始,每個發布管道 (包括 Canary) 的最新 Chrome + ChromeDriver 版本都會在 Chrome for Testing 可用性資訊主頁上提供。如要自動下載版本,可以使用方便的 JSON 端點。 如要查看舊版,請按照下列步驟找到 Canary 版本:
行動裝置模擬
Chrome 允許使用者透過 Chrome 開發人員工具啟用裝置模式 ,從電腦版 Chrome 模擬行動裝置上的 Chrome。這項功能可加快網頁開發作業,讓開發人員無須使用實際裝置,即可快速測試網站在行動裝置上的顯示方式。ChromeDriver 也可以使用「mobileEmulation」功能模擬裝置,並透過字典值指定該功能。 與開發人員工具一樣,ChromeDriver 也有兩種方式可啟用行動模擬功能: 「mobileEmulation」字典的格式取決於所需的方法。
安全性考量
ChromeDriver 是一項功能強大的工具,但如果落入壞人手中,可能會造成危害。使用 ChromeDriver 時,請遵循下列建議:
自動填入功能的實際運作情形:實際洞察
Chrome 研究顯示,使用自動填入功能的使用者填寫表單的速度更快,放棄率也較低。
- Chrome
針對開發人員意見回饋表單的自訂選取要求所得出的結果
感謝你撥出時間與我們分享意見、查看詳細資料,並協助我們制定標準。
- Chrome
開始使用內建 AI 技術
瞭解開始使用內建 AI 建構功能和應用程式時,必須具備的條件。
使用內建 AI 技術偵測語言
Language Detector API 提供內建的語言探索功能,可在網頁和瀏覽器中使用。
如何使用分配時間軸工具
使用「配置時間軸」工具找出未正確進行垃圾收集的物件,並繼續保留記憶體。
- Chrome 開發人員工具
避免使用非合成動畫
如何通過 "避免非合成動畫" Lighthouse 稽核。
CSS 2024 年度總回顧
歡迎加入 Chrome DevRel 團隊,與滑板恐龍一起探索 2024 年推出的最新 Chrome 和網頁平台 CSS。
使用開發人員工具記錄及分析效能追蹤記錄
使用開發人員工具記錄及分析效能追蹤記錄。
- Chrome
- Chrome 開發人員工具
記憶體術語
本節說明記憶體分析中使用的常用術語,並適用於不同語言的多種記憶體剖析工具。
- Chrome 開發人員工具
Chrome 132 版 DevTools 的新功能
使用 Gemini 偵錯網路要求、來源檔案和效能追蹤記錄,查看 AI 即時通訊記錄等。
- Chrome 開發人員工具
- Chrome
查看及編輯擴充功能儲存空間
如何使用「Extension Storage」面板查看及編輯擴充功能儲存空間。
- Chrome 開發人員工具
chrome.browser
使用 chrome.browser API 與與目前應用程式和 Chrome 設定檔相關聯的 Chrome 瀏覽器互動。 字串 在首次開啟新分頁時,要前往的網址。 在與目前應用程式和 Chrome 設定檔相關聯的瀏覽器視窗中開啟新分頁。如果沒有開啟 Chrome 設定檔的瀏覽器視窗,系統會在建立新分頁前開啟新的視窗。 OpenTabOptions 設定分頁的開啟方式。 函式 選填 callback 參數如下所示: Promise<void> 承諾僅支援資訊清單 V3
chrome.bluetoothSocket
使用 chrome.bluetoothSocket API,透過 RFCOMM 和 L2CAP 連線傳送及接收資料至藍牙裝置。 如要使用此 API,您必須 在資訊清單中宣告下列鍵 。 "system_error" 系統發生錯誤,連線可能無法復原。 "not_listening" 套接字未處於偵聽狀態。 AcceptError 錯誤代碼,指出發生錯誤的情況。 字串 錯誤訊息。 數字 伺服器通訊端 ID。 數字 用戶端通訊端 ID,也就是新建立連線的通訊端 ID。這個 Socket ID 應只與
chrome.socket
使用 chrome.socket API 透過 TCP 和 UDP 連線,透過網路傳送及接收資料。 注意: 自 Chrome 33 起,這個 API 已淘汰,改用 sockets.udp 、 sockets.tcp 和 sockets.tcpServer API。 數字 號碼 選填 已接受的 Socket ID。 數字 新建立的 Socket ID。 字串 可用的 IPv4/6 位址。 字串 顯示卡的基礎名稱。在 *nix 上,這通常會是「eth0」、「lo」等。 數字 前置字串長度
chrome.mdns
使用 chrome.mdns API 透過 mDNS 探索服務。這項 API 包含 NSD 規格中的部分功能:http://www.w3.org/TR/discovery-api/ 字串 mDNS 廣告服務的 IP 位址。 string[] mDNS 廣告服務的中繼資料。 字串 mDNS 廣告服務的主機:通訊埠組合。 字串 mDNS 宣傳服務的服務名稱。 在 onServiceList 事件中納入的服務例項數量上限。如果有更多例項可用,則可能會從 onServiceList 事件中截斷。
chrome.bluetooth
使用 chrome.bluetooth API 連線至藍牙裝置。所有函式都會透過 chrome.runtime.lastError 回報失敗。 如要使用此 API,您必須 在資訊清單中宣告下列鍵 。 字串 轉接器的地址,格式為「XX:XX:XX:XX:XX:XX」。 布林值 指出是否可使用轉接器 (即已啟用)。 布林值 指出轉接程式目前是否正在探索。 字串 使用者可判讀的轉接器名稱。 布林值 指出變壓器是否有電。 FilterType 選填 要套用至裝置清單的篩選器類型。預設值為「all」。
chrome.syncFileSystem
使用 chrome.syncFileSystem API 在 Google 雲端硬碟上儲存及同步資料。這個 API 無法用於存取儲存在 Google 雲端硬碟中的任意使用者文件。它提供應用程式專用的可同步儲存空間,可用於離線和快取用途,讓不同用戶端都能使用相同的資料。如要進一步瞭解如何使用這個 API,請參閱「 管理資料 」。 "last_write_win" "manual" SyncAction 選填 觸發 onFileStatusChanged 事件的同步處理動作。動作值可以是
chrome.webviewTag
使用 webview 標記,透過網路主動載入來自網際網路的即時內容,並將內容嵌入 Chrome 應用程式。應用程式可控制 webview 的顯示方式,並與網頁內容互動、在嵌入的網頁中啟動導覽、回應發生在該網頁中的錯誤事件等 (請參閱「 使用方式 」)。 決定 clearData 應清除哪些資料的選項。 號碼 選填 清除此日期當天或之後累積的資料,以自紀元起算的毫秒為單位 (可透過 JavaScript Date 物件的 getTime 方法存取)。如果未指定,預設值為 0
chrome.bluetoothLowEnergy
chrome.bluetoothLowEnergy API 可用於透過 通用屬性設定檔 (GATT) 與 Bluetooth Smart (低功耗) 裝置通訊。 如要使用此 API,您必須 在資訊清單中宣告下列鍵 。 ManufacturerData [] 選填 製造商專屬資料清單,這些資料會納入廣告資料的「製造商專屬資料」欄位。 ServiceData [] 選填 要在廣告資料的「服務資料」欄位中納入的服務資料清單。 string[] 選填 要在廣告資料的「服務 UUID」欄位中加入的
chrome.serial
使用 chrome.serial API 讀取序列埠連接裝置的資料,並寫入該裝置。 號碼 選填 請參閱 ConnectionOptions.bitrate 。如果使用非標準的位元率,或是在查詢底層裝置時發生錯誤,這個欄位可能會省略或不正確。 數字 查看「 ConnectionOptions.bufferSize 」 數字 序列埠連線的 ID。 boolean 選填 請參閱 ConnectionOptions.ctsFlowControl 。如果查詢底層裝置時發生錯誤,則可以省略這個欄位。
chrome.fontSettings
使用 chrome.fontSettings API 管理 Chrome 的字型設定。 如要使用 Font Settings API,您必須在 擴充功能資訊清單 中宣告 "fontSettings" 權限。例如: Chrome 允許部分字型設定取決於特定的通用字型系列和語言腳本。舉例來說,Sans Serif 簡體中文使用的字型,可能與 Serif 日文使用的字型不同。 Chrome 支援的通用字型系列是以 CSS 通用字型系列 為基礎,並列於 GenericReference
- Chrome 擴充功能
chrome.app.runtime
使用 chrome.app.runtime API 管理應用程式生命週期。應用程式執行階段會管理應用程式安裝作業、控制活動頁面,並可隨時關閉應用程式。 "new_note" 應用程式可在啟動時執行特定動作,例如建立新記事。在應用程式啟動時使用的動作類型,可在 LaunchData 執行個體的 actionData 欄位中提供。 "new_note" 任何 選填 開發人員指定的選用資料,可供要嵌入的應用程式在做出嵌入決策時使用。 字串 void 允許「 embedderId 」將這個應用程式嵌入
chrome.usb
使用 chrome.usb API 與已連接的 USB 裝置互動。這個 API 可在應用程式內容中提供 USB 作業存取權。使用這個 API 時,應用程式可充當硬體裝置的驅動程式。系統會透過設定 runtime.lastError ,並執行該函式的一般回呼,回報這個 API 產生的錯誤。在這種情況下,回呼的一般參數會處於未定義狀態。 布林值 這是有效的設定嗎? 數字 設定編號。 string 選填 設定說明。 ArrayBuffer 與這個設定相關聯的額外描述元資料。
Chrome 擴充功能中的提示 API
發掘 Chrome 擴充功能中 Prompt API 的無限可能。
擴充功能和 AI
瞭解如何運用 AI 開發擴充功能
- Chrome 擴充功能
淘汰「效能深入分析」面板
實驗版「效能深入分析」面板將於 2025 年 1 月移除,取而代之的是「效能」面板中的新版深入分析功能。
- Chrome 開發人員工具
- Chrome
使用嚴格的 HSTS 政策
進一步瞭解如何設定強大的 HTTP 嚴格傳輸安全性 (HSTS) 政策
Chrome DevTools
探索 AI 輔助功能的最新消息和用途
- Chrome 開發人員工具
chrome.documentScan
使用 chrome.documentScan API 探索及擷取附加的文件掃描器中的圖片。
- Chrome 擴充功能
chrome.declarativeContent
使用 chrome.declarativeContent API 可根據網頁內容採取行動,且無須取得讀取網頁內容的權限。 宣告式內容 API 可讓您根據網頁的網址或 CSS 選取器是否與網頁上的元素相符,啟用擴充功能的動作,而無需新增 主機權限 或插入 內容指令碼 。 使用 activeTab 權限,在使用者點選擴充功能動作後與網頁互動。 規則包含條件和動作。如果任何條件成立,系統就會執行所有動作。動作為 setIcon() 和 showAction() 。 只有在符合所有列出條件時,
- Chrome 擴充功能
chrome.desktopCapture
桌面擷取 API 可擷取螢幕畫面、個別視窗或個別分頁的內容。 用於定義在 chooseDesktopMedia() 中使用的電腦媒體來源集合的列舉。 "screen" "window" "tab" "audio" 鏡像 SelfCapturePreferenceEnum 。 「include」 "exclude" 與 SystemAudioPreferenceEnum 互通。 「include」 "exclude" 隱藏由 chooseDesktopMedia() 顯示的桌面媒體選擇器對話方塊。
- Chrome 擴充功能
chrome.dns
使用 chrome.dns API 進行 DNS 解析。 如要使用這個 API,您必須在 manifest 中宣告 "dns" 權限。 以下程式碼會呼叫 resolve() ,擷取 example.com 的 IP 位址。 service-worker.js: string 選填 代表 IP 位址常值的字串。只有在 resultCode 表示成功時才會提供。 數字 結果代碼。零表示成功。 解析指定的主機名稱或 IP 位址文字。 字串 要解析的主機名稱。 函式 選填 callback
- Chrome 擴充功能
chrome.system.storage
使用 chrome.system.storage API 查詢儲存裝置資訊,並在可移除儲存裝置連接和解除連接時收到通知。 "success" 彈出指令成功執行,應用程式可提示使用者移除裝置。 "in_use" 裝置正在由其他應用程式使用。彈出裝置失敗;使用者應等待其他應用程式完成使用裝置後,再移除裝置。 "no_such_device" 系統未知曉有此裝置。 "failure" 彈出指令失敗。 數字 儲存裝置的可用容量,以位元組為單位。 字串 getAvailableCapacity 函式參數
- Chrome 擴充功能
chrome.contextMenus
使用 chrome.contextMenus API 將項目新增至 Google Chrome 的內容功能表。您可以選擇內容選單新增項目適用於哪些類型的物件,例如圖片、超連結和頁面。 您必須在擴充功能的資訊清單中宣告 "contextMenus" 權限,才能使用 API。此外,您應指定 16 x 16 像素的圖示,以便顯示在選單項目旁邊。例如: 內容功能表項目可顯示在任何文件 (或文件內的框架) 中,甚至是含有 file:// 或 chrome://
- Chrome 擴充功能
chrome.contentSettings
使用 chrome.contentSettings API 變更設定,控制網站是否可使用 Cookie、JavaScript 和外掛程式等功能。一般來說,您可以透過內容設定自訂 Chrome 的行為,但只能針對個別網站自訂,而非全域設定。 您必須在擴充功能的資訊清單中宣告 "contentSettings" 權限,才能使用 API。例如: 您可以使用模式指定每個內容設定的適用網站。例如, https://*.youtube.com/* 會指定 youtube.com
- Chrome 擴充功能
chrome.alarms
使用 chrome.alarms API 排定程式碼,以便定期執行或在未來的特定時間執行。 如要使用 chrome.alarms API,請在 manifest 中宣告 "alarms" 權限: 為確保可靠的行為,建議您瞭解 API 的運作方式。 裝置在休眠狀態時,鬧鐘會繼續運作。不過,鬧鐘不會喚醒裝置。裝置喚醒時,系統會觸發所有未響起的鬧鐘。重複鬧鐘最多會觸發一次,然後會從裝置喚醒開始,以指定的時間間隔重新排定鬧鐘,但不會考量鬧鐘原本設定的執行時間已過的時間。
- Chrome 擴充功能
chrome.audio
chrome.audio API 可讓使用者取得系統連結的音訊裝置相關資訊,並控制這些裝置。這個 API 目前僅適用於 ChromeOS 的資訊站模式。 字串 裝置名稱。 DeviceType 裝置的類型。 字串 使用者容易閱讀的名稱 (例如「USB 麥克風」)。 字串 音訊裝置的專屬 ID。 布林值 如果是目前的活動裝置,則為「是」。 數字 裝置的音量、輸出音量、輸入增益。 string 選填 穩定/永久裝置 ID 字串 (如有)。 StreamType 與此裝置相關聯的串流類型。
- Chrome 擴充功能
自動填入
瀏覽器和您 (開發人員) 可以協助使用者更快輸入資料,並避免重複輸入資料。 自動填入功能可讓瀏覽器自動使用使用者儲存的資訊 (例如姓名、地址和付款詳細資料) 填入表單欄位。瞭解自動填入功能的運作方式,以及如何確保瀏覽器提供適當的自動填入選項,有助於節省使用者的時間和麻煩,並協助他們避免出錯。啟用自動填入功能,有助於減少使用者放棄流程,並提高表單提交率。 特別是商務和結帳流程,開發人員發現自動填入功能對買家體驗和商家成效帶來重大助益。 想讓使用者快速輕鬆地從購物車進入付款流程嗎?
CrUX 工具
CrUX 工具的技術說明文件。
- Chrome UX Report
chrome.declarativeNetRequest
chrome.declarativeNetRequest API 可用於指定宣告式規則,藉此封鎖或修改網路要求。這樣一來,擴充功能就能修改網路要求,而不必攔截並查看內容,進而提供更完善的隱私權保護。 「 declarativeNetRequest 」和「 declarativeNetRequestWithHostAccess 」權限提供相同的功能。兩者之間的差異在於權限要求或授予的時間。 除了先前所述的權限之外,某些類型的規則集 (特別是靜態規則集) 需要宣告
- Chrome 擴充功能
chrome.devtools.panels
使用 chrome.devtools.panels API 將擴充功能整合至「開發人員工具」視窗使用者介面:建立您自己的面板、存取現有的面板,以及新增側欄。 每個擴充功能面板和側欄都會顯示為獨立的 HTML 頁面。在「開發人員工具」視窗中顯示的所有擴充功能頁面,皆可存取 chrome.devtools API 的所有部分,以及所有其他擴充功能 API。 您可以使用 devtools.panels.setOpenResourceHandler 方法安裝回呼函式,以便處理使用者開啟資源的請求
- Chrome 擴充功能
chrome.fileBrowserHandler
使用 chrome.fileBrowserHandler API 擴充 ChromeOS 檔案瀏覽器。舉例來說,您可以使用這個 API 讓使用者將檔案上傳至網站。 使用者按下 Alt + Shift + M 或連接外部儲存裝置 (例如 SD 卡、USB 隨身碟、外接硬碟或數位相機) 時,ChromeOS 檔案瀏覽器就會顯示。除了顯示外部裝置上的檔案,檔案瀏覽器還能顯示使用者先前儲存至系統的檔案。
- Chrome 擴充功能
chrome.readingList
使用 chrome.readingList API 讀取及修改 閱讀清單 中的項目。 如要使用 Reading List API,請在擴充功能 資訊清單 檔案中加入 "readingList" 權限: manifest.json: Chrome 會在側邊面板顯示閱讀清單。使用者可儲存網頁,以便稍後或離線時閱讀。 使用 Reading List API 擷取現有項目,並在清單中新增或移除項目。 閱讀清單中的項目並非絕對順序。 各項目均有索引鍵網址。其中包括雜湊和查詢字串。 以下各節說明一些
- Chrome 擴充功能
影片無障礙功能獲得 Gemini API 開發人員競賽網頁獎
我們已選出 Gemini API 開發人員競賽的網頁獎得主 ViddyScribe。他們舉例說明 Gemini 如何為任何影片生成音訊描述,讓網路上的影片更容易存取。
- Chrome
WebGPU 的後續發展
瞭解在最新 GPU for the Web 工作小組會議中討論的新 AI 和轉譯功能。
- Chrome
- WebGpu
我們開始測試新的擴充功能選單,請準備好擴充功能
如何為新版擴充功能選單準備擴充功能。
- Chrome
密碼金鑰
以更輕鬆安全的方式更換密碼。
chrome.networking.onc
chrome.networking.onc API 可用於設定網路連線 (行動網路、乙太網路、VPN 或 Wi-Fi)。這個 API 適用於自動啟動的 ChromeOS 資訊站工作階段。 網路連線設定會依據 開放網路設定 (ONC) 規格指定。 注意 :大多數字典屬性和列舉值都會使用大寫駝峰式名稱,以符合 ONC 規格,而非 JavaScript 的 lowerCamelCase 慣例。 「已啟用」 「Activating」 「NotActivated」 "PartiallyActivated"
成效 AI 輔助
運用 AI 瞭解成效設定檔
- Chrome 開發人員工具
直接在「效能」面板中註解追蹤記錄
瞭解如何透過開發人員工具中的全新註解功能,讓效能追蹤記錄更易於理解
- Chrome
Chrome 電腦版密碼金鑰的 Signal API
隆重推出 Chrome 桌機版密碼金鑰專用 Signal API
- 密碼金鑰
- Chrome
內建 AI
我們最新的內建 AI 技術,不僅為使用者打造功能強大的模型,同時能保護機密資料並縮短延遲時間。
來源 AI 輔助
運用 AI 技術瞭解網站資源
- Chrome 開發人員工具
加入 Translator API 來源試用
使用本機 AI 模型在瀏覽器中即時翻譯文字。使用者現在可以以母語進行貢獻。
- Chrome
Chrome 132 Beta 版
瞭解 Chrome 最新推出的功能。
- Chrome
AI 輔助面板
透過 AI 技術瞭解網站如何運作
- Chrome 開發人員工具
利用 AI 進行用戶端翻譯
瞭解 Translator API,為全球客戶服務提供支援。
網路 AI 輔助
透過 AI 技術瞭解網站的網路流量
- Chrome 開發人員工具
Chrome 131 版
我們將調整 CSS 醒目顯示繼承功能、為詳細資料元素提供更多 CSS 樣式、透過頁面邊界框架簡化列印版面配置等。
- Chrome
使用 Signal API 讓密碼金鑰與伺服器上的憑證保持一致
WebAuthn Signal API 可讓依賴方向密碼金鑰供應器傳送現有憑證的狀態,讓密碼金鑰與伺服器上的憑證保持一致。
- 密碼金鑰
- Chrome
Chrome 131 的新功能
Chrome 131 即將推出!為詳細資料元素提供更多 CSS 樣式、透過頁面邊界方塊簡化列印版面配置,以及更多功能。
- Chrome
加入 Chrome Extensions 的 Prompt API 試用
參與 Chrome 擴充功能的 Prompt API 來源試用,並在 Chrome 中使用 Gemini Nano。
- Chrome
加入 Summarizer API 來源試用計畫
參與來源試用計畫,協助使用者將冗長的文章、複雜的文件,甚至是熱絡的即時通訊對話,濃縮成精簡扼要的摘要。
- Chrome
使用內建 AI 技術製作摘要
將冗長的文章、複雜的文件,甚至是熱絡的即時通訊對話,濃縮為精簡扼要的摘要。
CSS 和 UI
尋找字體排版、顏色和版面配置等主題的資源。
資訊清單 - 沙箱
警告: 自 57 版起,Chrome 將不再允許在沙箱網頁中顯示外部網路內容 (包括嵌入的框架和指令碼)。請改用 webview 。 定義一系列應用程式或擴充功能頁面,要在沙箱專屬來源中提供,以及可與這些頁面搭配使用的「內容安全政策」。在沙箱中執行應用程式有兩個含意: 沙箱頁面不受應用程式或擴充功能的其他部分使用的 內容安全政策 (CSP) 限制 (它有自己的 CSP 值)。這表示,例如,它可以使用內嵌指令碼和 eval 。 舉例來說,以下說明如何指定要透過自訂 CSP
資訊清單 - 規定
應用程式或擴充功能所需的技術。Chrome 線上應用程式商店等代管網站可能會使用這份清單,避免使用者安裝無法在電腦上運作的應用程式或擴充功能。目前支援的規定包括「3D」和「外掛程式」;日後可能會新增其他規定檢查。 「3D」要求代表 GPU 硬體加速。「webgl」需求是指 WebGL API 。如要進一步瞭解 Chrome 3D 圖像支援功能,請參閱 WebGL 和 3D 圖像 的說明文章。您可以列出應用程式所需的 3D 相關功能,如以下範例所示:
儲存區域的資訊清單
與 local 和 sync 儲存區不同, managed 儲存區需要將其結構宣告為 JSON 結構定義 ,並由 Chrome 嚴格驗證。這個結構定義必須儲存在 "storage" 資訊清單金鑰 "managed_schema" 屬性指定的檔案中,並宣告應用程式支援的企業政策。 政策與選項類似,但由系統管理員而非使用者設定,可讓應用程式為機構的所有使用者預先設定。如需 Chrome 本身的範例,請參閱「 Chrome 如何處理政策 」。 宣告政策後,即可透過 storage.managed
開始使用來源試用
測試全新或實驗性的網路平台功能。在開放所有使用者使用這項功能前,先向網頁標準社群提供功能的可用性、實用性、有效性和效益。
What's WebGPU 的新功能 (Chrometain131)
在 WGSL、GPUCanvasContext getConfiguration()、點和線基元中剪輯距離不得有深度偏誤、子群組包含的內建掃描函式、對多重繪圖間接間接支援、著色器模組編譯選項嚴格數學的實驗性支援,以及移除 GPUAdapter requestAdapterInfo() 等。
- Chrome
- WebGpu
更多樣式 <詳細資料> 樣式選項
您現在可以使用新的 ::details-content pseudo-element 設定顯示類型,並為展開和收合的部分設定容器樣式。
修正記憶體問題
瞭解如何使用 Chrome 和開發人員工具找出會影響頁面效能的記憶體問題,包括記憶體流失、記憶體消耗量,以及頻繁的垃圾收集。
- Chrome 開發人員工具
記憶體面板總覽
深入瞭解記憶體配置情形、調查低階記憶體問題,以及管理垃圾收集。
- Chrome 開發人員工具
透過流暢的憑證共用機制,協助使用者順利登入
透過順暢的憑證共用功能,您可以向密碼管理工具發出安全信號,讓使用者在 Android 應用程式和網站上使用相同的憑證登入。
- Chrome
自訂開發人員工具
這裡列出自訂 Chrome 開發人員工具的方法:變更主題、位置、面板順序、語言等等。
- Chrome 開發人員工具
徽章參考資料
切換各種疊加層,並使用徽章加快 DOM 樹狀結構導覽速度。
- Chrome 開發人員工具
在「效能」面板中監控即時網站體驗核心指標
在「效能」面板中監控即時 Core Web Vitals 指標。
- Chrome 開發人員工具
- Chrome
使用 CSS 列印網頁時,在網頁邊界新增內容
列印網頁時建立自訂頁首和頁尾。
- Chrome
開發人員工具 (Chrome 131) 的新功能'
使用 Gemini 偵錯 CSS、在「Performance」面板中標註發現項目並取得洞察資訊,以及找出過度版面配置位移和未合成的動畫等。
- Chrome 開發人員工具
- Chrome
辨識使用者(');手寫功能
手寫辨識 API 可讓網頁應用程式使用進階的手寫辨識服務,即時辨識手寫輸入內容中的文字。
WebGPU:疑難排解提示和修正
瞭解 WebGPU 在 Chrome 瀏覽器中可能停用或無法運作的原因。
從 Chrome 中移除 --headless=old
Chrome 132 不再包含舊版無頭模式。改用無頭版介面或新的無頭模式。
- Chrome
分析執行階段效能
瞭解如何使用 Chrome 開發人員工具評估執行階段效能。
- Chrome 開發人員工具
開發人員工具推出全新捲動標記:快速找到可捲動元素
瞭解 DevTools 的新捲動徽章如何簡化捲動元素的偵錯作業 (以及我們如何建構這項功能)。
- Chrome
為 Cache-Control: no-store 啟用 bfcache
Chrome 會進行變更,讓使用 Cache-Control: no-store 的網頁在安全無虞的情況下使用 bfcache。瞭解這對開發人員的意義。
Chrome 無頭模式
Chrome'無頭模式現在更接近 Chrome'、一般 "headful" 模式,對開發人員來說變得更加實用了。
- Chromium
使用開發人員工具 AI 輔助功能的 5 個好用技巧
瞭解開發人員工具中的全新 AI 輔助面板,瞭解各種有趣又令人期待的用途
- Chrome
內建 AI API
我們最新的內建 AI 技術,不僅為使用者打造功能強大的模型,同時能保護機密資料並縮短延遲時間。
Chrome 131 Beta 版
透過最新的 Beta 版,瞭解 Chrome 即將推出的功能。
- Chrome
API 參考資料
Chrome 擴充功能所提供所有 API 的完整參考資料。包括已淘汰的 Chrome 應用程式平台的 API,以及仍處於 Beta 版和開發階段的 API。
- Chrome 擴充功能
Chrome 130
Chrome 130 已正式推出!子圖中的文件圖片可讓您進一步控管相框中的畫面,CSS 巢狀宣告可修正一些棘手的極端情況,而您可以指定元素裝飾方式在不同線條之間的運作方式,而且還能執行更多!
- Chrome
Chrome 130 的新功能
Chrome 130 已正式推出!子圖中的文件圖片可讓您進一步控管相框中的畫面,CSS 巢狀宣告可修正一些棘手的極端情況,而您可以指定元素裝飾在不同線條中的裝飾行為。Pete LePage 已詳細說明 Chrome 130 中開發人員可用的最新功能。
- Chrome
造型 AI 輔助功能
瞭解開發人員工具中的 AI 功能如何為網站設定樣式。
- Chrome 開發人員工具
What's WebGPU 的新功能 (Chrome 適 130)
雙重來源混合、Metal 上的著色器編譯時間改善、GPUAdapter requestAdapterInfo() 淘汰等。
- Chrome
- WebGpu
chrome.virtualKeyboard
chrome.virtualKeyboard API 是 Kiosk 專用 API,可用於設定資訊站工作階段中虛擬鍵盤的版面配置和行為。 布林值 選填 指出虛擬鍵盤是否提供自動完成功能。 布林值 選填 指定虛擬鍵盤是否提供自動更正功能。 布林值 選填 指定虛擬鍵盤是否可透過手寫辨識提供輸入內容。 布林值 選填 虛擬鍵盤是否提供拼字檢查功能。 布林值 選填 指定虛擬鍵盤能否提供語音輸入功能。 針對虛擬鍵盤提供的功能設定限制。 FeatureRestrictions
chrome.clipboard
系統會提供 chrome.clipboard API,讓使用者存取剪貼簿的資料。在提供開放原始碼替代版本前,這項暫時解決方案適用於 ChromeOS 平台應用程式。這項功能推出後,我們就會在開放網路解決方案推出後淘汰 (預計於 2017 年第 4 季淘汰)。 字串 其他資料項目的內容。如果 type 為「textPlain」,則為純文字字串或標記字串 (如果 type 為「textHtml」)。資料不得超過 2 MB。 DataItemType 其他資料項目的類型。 "textPlain"
AI 創新
AI 創新工具分頁參考資料。
- Chrome 開發人員工具
檢查網路活動
透過教學課程瞭解 Chrome 開發人員工具中最熱門的網路相關功能。
- Chrome 開發人員工具
長動畫頁框 API
瞭解 Long Animation Frames API (LoAF) 是 Long Tasks API 的下一個疊代項目,方便您透過歸因測量影格更新延遲
2024 年 10 月 Chrome 擴充功能的最新消息
概略說明 Chrome 擴充功能的最新變更,以及開發人員可以期待的未來擴充功能。
- Chrome 擴充功能
- Chrome
Native Client
在瀏覽器中執行已編譯 C 和 C++ 程式碼的沙箱。這項功能已淘汰。
Chrome 130 中的 box-decoration-break 屬性
Chrome 130 包含無前置字串的完整 Box-decoration-break 支援。
- Chrome
私人網路存取權處於暫停狀態
私人網路存取權 (PNA) 的推出作業已暫停。
- Chrome
CSS 選項樣式的沿用設定變更
Chrome 131 版即將變更 CSS 醒目顯示繼承設定。
- Chrome
可透過早期預覽版使用 Translation API
Translation API 現已開放內建 AI 搶先體驗計畫的參與者使用。
- Chrome
CSS 錨定定位 API
使用錨定定位 API 相對放置元素。
在 Chrome 開發人員工具中取得預測結果:原因與改進方式
瞭解開發人員工具偵錯工具如何預測是否有例外狀況。
- Chrome
WebAuthn:模擬驗證器
在 Chrome 開發人員工具中模擬 Authenticator 和針對 WebAuthn 進行偵錯。
- Chrome 開發人員工具
加入 Google Chrome 內建 AI 挑戰
我們推出內建 AI 挑戰賽,邀請您重新發想 Chrome 中的 Gemini Nano 可發揮的效用。
- Chrome
Chrome 130 版 DevTools 的新功能
針對可透過「效能」面板瀏覽的即時指標和導覽標記、重新構思的網路篩選器、經過清理的 HAR 匯出內容等提供的建議。
- Chrome 開發人員工具
- Chrome
搜尋:在所有載入資源中尋找文字
使用「搜尋」面板在所有已載入的資源中尋找文字。
- Chrome 開發人員工具
功能參考資料
Chrome 開發人員工具錄製工具面板功能的完整參考資料。
- Chrome 開發人員工具
改善 Chrome 線上應用程式商店開發人員資訊主頁的行動裝置體驗
我們很高興推出一組 UI 變更,讓 Chrome 線上應用程式商店開發人員資訊主頁更有回應性,也更適合在行動裝置上使用。我們希望這項功能能讓您在監控商店資訊成效、修改商店資訊,以及管理商店擴充功能時,享有更便利的體驗。 我們已更新所有圖表和分析頁面,讓這些頁面更有彈性,方便你查看擴充功能在行動裝置上的商店資訊成效。 你也可以透過行動裝置更新商店中繼資料,包括說明、圖片和隱私權設定。
- Chrome 擴充功能
- Chrome
安全性:瞭解安全性問題
使用「安全性」面板,確認網頁已全面採用 HTTPS 進行保護。
- Chrome 開發人員工具
涵蓋範圍:找出未使用的 JavaScript 和 CSS
如何在 Chrome 開發人員工具中尋找及分析未使用的 JavaScript 和 CSS 程式碼。
- Chrome 開發人員工具
來源面板總覽
透過 Chrome 開發人員工具的「來源」面板查看及編輯檔案、建立程式碼片段、對 JavaScript 進行偵錯,以及設定工作區。
- Chrome 開發人員工具
圖層面板:探索網站圖層
檢查網站的組成層。
- Chrome 開發人員工具
快取簡介:檢查、清除及停用快取
使用開發人員工具檢查快取並排解相關問題。
- Chrome 開發人員工具
- Chrome
單頁應用程式適用的相同文件檢視轉換功能
開始在單頁應用程式中使用相同文件檢視模式轉換功能。
網站體驗指標擴充功能現已在開發人員工具中推出
網站體驗指標擴充功能將與 Chrome 開發人員工具的「效能」面板合併,並於 2025 年 1 月結束獨立支援。
- Chrome 開發人員工具
- Chrome
主控台總覽
Chrome 開發人員工具控制台的主要用途是記錄訊息並執行 JavaScript。
- Chrome 開發人員工具
透過網頁應用程式資訊清單 ID 屬性明確識別 PWA
選用的 `id` 屬性是網頁應用程式資訊清單規格的一部分,可讓您明確定義 PWA 所使用的 ID。在資訊清單中新增「id」屬性,藉此移除 `start_url` 或資訊清單位置的依附元件,以便日後更新。
Chrome 讓 Google 密碼管理工具中的密碼金鑰在電腦和 Android 裝置間保持同步
不久後,Chrome 電腦版將可在 Google 密碼管理工具 (GPM) 中建立密碼金鑰,並在 Android 和其他平台上同步這些密碼金鑰。
- Chrome
- 密碼金鑰
可供早期預覽的 Writer 和 Rewriter API
EPP 參與者現可在 Chrome 中使用寫入和重寫 API 設計原型,
- Chrome
需要意見回饋:我們應該如何定義 CSS 馬賽克?
兩種建議的砌體規格比較。
- Chrome
Chrome 130 Beta 版
運用最新的 Chrome Beta 版測試新功能和異動項目。
- Chrome
What's WebGPU 的新功能 (Chrome 適 129)
HDR 支援面板色調對應模式、擴大的子群組支援,以及更多功能。
- Chrome
- WebGpu
Chrome 129 新功能
Chrome 129 即將推出!您可以從長時間的工作中產生以下程式碼:如要提升效能,您可以使用內建函式的大小以動畫呈現元素,以及變更錨定定位語法,還有許多其他功能。Pete LePage 已詳細說明 Chrome 129 中開發人員可用的最新功能。
- Chrome
在開發人員工具中監控本地和實際使用者的 Core Web Vitals 效能
Chrome 開發人員工具的「效能」面板採用全新方式監控本機 Core Web Vitals 效能,並與實際現場的使用者資料進行比較。
- Chrome 開發人員工具
- Chrome
Chrome 實驗:程序共用
程序共用實驗及其影響 Chrome 開發人員工具'開發人員體驗
- Chrome
成效面板:分析網站成效
分析網站的載入和執行階段效能
- Chrome 開發人員工具
以高度為高度:自動;(以及其他內建大小關鍵字) 在 CSS 中
使用 `interpolate-size` 和 `calc-size()` 為內建大小設定關鍵字設定動畫
在 Web Serial 中更新藍牙 RFCOMM
瞭解如何使用 Web Serial 偵測藍牙 RFCOMM 序列埠是否可用。
- Chrome
徵求開發人員意見回饋:可自訂選取
搶先一睹全新的可自訂精選功能。
- Chrome
凍結螢幕 &;檢查消失元素
凍結 DOM 中的元素,以便您使用 DevTools 檢查這些元素。
- Chrome 開發人員工具
- Chrome
版本資訊
有關 CrUX 資料集最新異動的詳細資料。
- Chrome UX Report
鍵盤鎖定和指標鎖定 API 需要 Chrome 131 的權限
Keyboard Lock API 可讓開發人員為各種用途提供沉浸式全螢幕體驗,包括互動式網站、遊戲、遠端桌面或應用程式串流。這麼做的方式是讓網站使用主機作業系統允許的所有可用金鑰。 Pointer Lock API 可讓電腦應用程式隱藏指標圖示,並將滑鼠動作解讀為其他動作,例如在 3D 世界中四處查看。 自 Chrome 131 起,使用這兩種 API 都需要權限。您可以 檢查 權限,如以下程式碼片段所示: 您不需要明確 要求
- Chrome
任何元素的子母畫面,而不只是 <影片
在持續開啟的頂端視窗中顯示任意 HTML 內容。
資訊清單 - Nacl 模組
從 MIME 類型到處理每種類型的 Native Client 模組的一或多個對應。適用對象 例如,下列程式碼片段中的粗體程式碼會將 Native Client 模組註冊為內容 OpenOffice 試算表 MIME 類型的處理常式。 「path」的值是擴充功能中的 Native Client 資訊清單 (.nmf 檔案) 的位置 目錄。如要進一步瞭解 Native Client 和.nmf 檔案,請參閱 Native Client 技術 總覽 。 每個 MIME 類型只能與一個.nmf
externally_connectable
externally_connectable 資訊清單屬性會宣告可執行的擴充功能、應用程式和網頁 透過 runtime.connect 和 runtime.sendMessage 連線至您的應用程式。 如需訊息傳遞的教學課程,請參閱「 跨擴充功能和應用程式訊息功能 」和「 傳送訊息」一文 網頁 。 如未在應用程式資訊清單中宣告 externally_connectable ,所有擴充功能和應用程式皆可 卻無法連線網頁。因此,將資訊清單更新為使用 externally_connectable
資訊清單 - 圖示
一或多個代表擴充功能、應用程式或主題的圖示。建議您一律提供 128x128 的 圖示;都會在安裝期間及 Chrome 線上應用程式商店使用。額外資訊也必須提供 48x48 圖示,用於擴充功能管理頁面 (chrome://extensions)。你也可以 指定 16x16 圖示,做為擴充功能網頁的網站小圖示。 圖示通常應使用 PNG 格式,因為 PNG 是最能支援透明效果。他們 但 WebKit 支援的任何格式都可以,包括 BMP、GIF、ICO 和 JPEG。以下是 範例說明: 如果您使用
資訊清單版本
一個整數,用於指定套件所需的資訊清單檔案版本。使用 Chrome 18,開發人員 應 指定 2 (無引號),才能使用本文所述的格式 文件: 建議自 Chrome 18 版起 淘汰 資訊清單第 1 版。您並不一定 需要使用 第 2 版 在不久的將來,我們會停止支援使用已淘汰的套件 資訊清單版本。尚未就緒的擴充功能、應用程式和主題,歡迎搶先體驗 Chrome 18 的新資訊清單版本可以明確指定版本 1 ,或者將金鑰保持停用 。 下文將詳細說明資訊清單檔案第 1 版和第 2 版之間的差異
記憶體檢查器:檢查 ArrayBuffer、TypedArray、DataView 和 Wasm 記憶體。
使用記憶體檢查器檢查 JavaScript 中的 ArrayBuffer、TypedArray 或 DataView,以及 WebAssembly。C++ Wasm 應用程式。
- Chrome 開發人員工具
變更:追蹤 HTML、CSS 和 JavaScript 變更
追蹤 HTML、CSS 和 JavaScript 的變更。
- Chrome 開發人員工具
在 Chrome 中啟用各網站間的無縫憑證共用功能
如果你目前使用多個網域共用同一個帳戶管理後端,現在也能運用 Digital Asset Links 輕鬆共用憑證。這樣一來,使用者只要儲存一次憑證,Chrome 密碼管理工具就會建議他們前往任何相關聯的網站。
錨定位置語法變更
您應瞭解錨定定位 API 的相關變更。
- Chrome
在指令選單中執行指令
說明如何開啟指令選單、執行指令、開啟檔案、查看其他動作等。
- Chrome 開發人員工具
隆重推出 Digital Credentials API 來源試用
Digital Credentials API 的來源試用將於 Chrome 128 開始。Digital Credentials API 是新的網路平台 API,可讓網站透過駕照或數位錢包中儲存的數位憑證等數位憑證,要求使用者提供可驗證的資訊。
- Chrome
開發人員工具 (Chrome 129) 的新功能'
「成效 >」中的搜尋要求;您可以在網路中使用自動填入功能在地址表單中使用測試資料、透過「錄音工具」面板匯出至 Puppeteer 專用的 Puppeteer、透過效能面板的觀察結果快速瞭解效能問題等等。
- Chrome
- Chrome 開發人員工具
網路平台
瞭解 Chrome 的運作方式、參與來源試用,並隨時隨地使用 Chrome 打造內容。
Chrome 推出 WebAuthn 的提示、相關來源要求和 JSON 序列化功能
Chrome 上的 WebAuthn 現在可以使用提示、相關來源要求和 JSON 序列化
- Chrome
chrome.tabGroups
使用 chrome.tabGroups API 與瀏覽器的分頁分組系統互動。你可以使用這個 API 修改及重新排列瀏覽器的分頁群組。如要將分頁分組或取消分組,或是查詢群組中的分頁,請使用 chrome.tabs API。 群組的顏色。 "灰色" "blue" "紅色" "黃色" "green" 「粉紅色」 "紫色" "青色" 「橘色」 布林值 群組是否收合。收合的群組就是其分頁隱藏的群組。 顏色 群組的顏色。 數字 群組 ID。單一瀏覽器工作階段內的群組 ID 不得重複。 string
- Chrome 擴充功能
chrome.privacy
在 Chrome 中,您可以使用 chrome.privacy API 控制哪些功能會影響使用者隱私。這個 API 需要運用 ChromeSetting 類型 API 原型 取得及設定 Chrome 的設定。 您必須聲明「隱私權」擴充功能 資訊清單 中具有使用 API 的權限。例如: 現在可以直接讀取 Chrome 設定目前的值。首先,您需要找出 請針對該物件呼叫 get() ,以便擷取 目前價值和擴充功能的控制層級舉例來說,用於判斷 Chrome 的信用卡資訊是否自動填入 此時應寫入:
- Chrome 擴充功能
chrome.wallpaper
使用 chrome.wallpaper API 變更 ChromeOS 桌布。 您必須聲明「桌布」應用程式 資訊清單 中要使用的權限 桌布 API例如: 例如,如要將桌布設為 https://example.com/a_file.png ,你可以呼叫 chrome.wallpaper.setWallpaper : 支援的桌布版面配置。 "STRETCH" "CENTER" "CENTER_CROPPED" 將桌布設為 url 或 wallpaperData 搭配指定的 layout 物件
- Chrome 擴充功能
chrome.system.storage
使用 chrome.system.storage API 查詢儲存裝置資訊,並在連接及卸離卸除式儲存裝置時收到通知。 "success" 排除指令成功,應用程式可提示使用者移除裝置。 "in_use" 已有其他應用程式正在使用這部裝置。排除失敗;在使用者使用裝置完成前,請勿移除裝置。 "no_such_device" 我找不到這類裝置。 "failure" 排除指令失敗。 數字 儲存裝置的可用容量,以位元組為單位。 字串 getAvailableCapacity 函式參數 id 的複製 id 。
- Chrome 擴充功能
chrome.scripting
使用 chrome.scripting API 在不同的情況下執行指令碼。 如要使用 chrome.scripting API,請在 資訊清單 中宣告 "scripting" 權限,以及插入指令碼的網頁主機權限。使用 "host_permissions" 金鑰或 "activeTab" 權限,授予臨時主機權限。以下範例使用 Active Tab 權限。 您可以使用 chrome.scripting API 將 JavaScript 和 CSS 插入 網站。做法類似您可以撰寫的內容 指令碼
- Chrome 擴充功能
chrome.input.ime
使用 chrome.input.ime API 實作 Chrome OS 適用的自訂 IME。如此一來,你的擴充功能就能處理按鍵動作、設定組成及管理候選視窗。 您必須宣告「input」 擴充功能資訊清單 中的權限,以便使用 input.ime API。例如: 以下程式碼會建立輸入法編輯器,可將使用者輸入的字母轉換為大寫。 輔助視窗中的按鈕 ID。 "復原" "addToDictionary" 輔助視窗的屬性。 string optional ChromeVox 朗讀字串。 "復原" 布林值 設為
- Chrome 擴充功能
chrome.webAuthenticationProxy
chrome.webAuthenticationProxy API 可讓遠端主機上執行的遠端桌面軟體攔截 Web Authentication API (WebAuthn) 要求,以便在本機用戶端處理這些要求。 字串 傳遞至 navigator.credentials.create() 的 PublicKeyCredentialCreationOptions ,已序列化為 JSON 字串。序列化格式與
- Chrome 擴充功能
chrome.enterprise.hardwarePlatform
針對執行瀏覽器的硬體平台,您可以使用 chrome.enterprise.hardwarePlatform API 取得該硬體平台的製造商和型號。注意:這個 API 僅適用於由企業政策安裝的擴充功能。 字串 字串 取得硬體平台的製造商和型號;如果擴充功能經過授權,則會透過 callback 傳回。 函式 選用 callback 參數如下所示: HardwarePlatformInfo Promise&lt; HardwarePlatformInfo &gt; Promise
- Chrome 擴充功能
chrome.devtools.performance
使用 chrome.devtools.performance API,可監聽開發人員工具「效能」面板中的狀態更新記錄。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 chrome.devtools.performance API 可讓開發人員使用 Chrome 開發人員工具中 效能面板 面板的錄製功能。你可以使用這個 API 在錄製開始或停止時收到通知。 目前有兩個事件: 開發人員可藉由監聽這些事件,建立能回應「Performance」 (效能)
- Chrome 擴充功能
chrome.tabCapture
使用 chrome.tabCapture API 與分頁媒體串流互動。 chrome.tabCapture API 可讓您存取含有影片及內容的 MediaStream 目前分頁的音訊。只有在使用者叫用擴充功能後才能呼叫這個方法,例如: 按一下擴充功能的 動作按鈕 。這類似於 "activeTab" 權限。 為分頁取得 MediaStream 後,系統就會停止播放該分頁中的音訊 以便傳達給使用者這與在發生下列情況時, getDisplayMedia() 函式的行為類似
- Chrome 擴充功能
chrome.vpnProvider
使用 chrome.vpnProvider API 實作 VPN 用戶端。 chrome.vpnProvider 的一般使用如下: 呼叫 createConfig() 來建立 VPN 設定。VPN 設定是使用者在 ChromeOS UI 中看見的永久項目。使用者可以從清單中選取 VPN 設定,並與其連線或中斷連線。 將事件監聽器新增至 onPlatformMessage 、 onPacketReceived 和 onConfigRemoved 事件。 當使用者連線至 VPN 設定時,會收到
- Chrome 擴充功能
chrome.systemLog
使用 chrome.systemLog API 記錄擴充功能的 Chrome 系統記錄。 字串 這會新增記錄。 MessageOptions 記錄選項。 函式 選用 callback 參數如下所示: 承諾<void> Promise 適用於 Manifest V3 及以上版本,但系統會為 回溯相容性您無法在同一函式呼叫中同時使用兩者。 保證會以傳遞至回呼的相同類型來解析。
- Chrome 擴充功能
chrome.enterprise.deviceAttributes
使用 chrome.enterprise.deviceAttributes API 讀取裝置屬性。注意:這個 API 僅適用於由企業政策強制安裝的擴充功能。 擷取管理員加註的位置。如果目前的使用者未聯盟,或管理員未設定已加註的位置,則會傳回空字串。 函式 選用 callback 參數如下所示: 字串 承諾<字串> Promise 適用於 Manifest V3 及以上版本,但系統會為 回溯相容性您無法在同一函式呼叫中同時使用兩者。 保證會以傳遞至回呼的相同類型來解析。
- Chrome 擴充功能
chrome.power
使用 chrome.power API 覆寫系統的電源管理功能。 根據預設,作業系統會在使用者處於閒置狀態時調暗螢幕,最終將 有些人會將 Cloud Storage 視為檔案系統 但實際上不是只要使用 Power API,應用程式或擴充功能就能讓系統保持啟用狀態。 這個 API 可用於指定停用電源管理的 Level 。 "system" 水平儀,但允許螢幕變暗或關閉。舉例來說 即使螢幕關閉,通訊應用程式仍可繼續接收訊息。 "display"
- Chrome 擴充功能
chrome.system.memory
chrome.system.memory API。 數字 可用容量量,以位元組為單位。 數字 實體記憶體總容量 (以位元組為單位)。 取得實體記憶體資訊。 函式 選用 callback 參數如下所示: MemoryInfo Promise&lt; MemoryInfo &gt; Promise 適用於 Manifest V3 及以上版本,但系統會為 回溯相容性您無法在同一函式呼叫中同時使用兩者。 保證會以傳遞至回呼的相同類型來解析。
- Chrome 擴充功能
chrome.topSites
使用 chrome.topSites API 存取新分頁中顯示的熱門網站 (也就是最常造訪的網站)。但使用者自訂的捷徑不包括在內。 您必須宣告「top 網站」 擴充功能資訊清單 中的權限,才能使用這個 API。 如要試用這個 API,請安裝 chrome-extension-samples 提供的 top Sites API 範例 Cloud Storage 也提供目錄同步處理功能 這個物件會封裝最常造訪的網址,例如新分頁中的預設捷徑。 字串 頁面標題 字串 最常造訪的網址。 取得熱門網站清單。
- Chrome 擴充功能
chrome.proxy
使用 chrome.proxy API 管理 Chrome 的 Proxy 設定。這個 API 需要運用 ChromeSetting 類型 API 原型 取得及設定 Proxy 設定。 您必須宣告「proxy」請使用 擴充功能資訊清單 中的權限,才能使用 Proxy 設定 也能使用 Google Cloud CLI 或 Compute Engine API例如: Proxy 設定是在 proxy.ProxyConfig 物件中定義。視 Chrome 的 Proxy 設定而定 設定可能包含
- Chrome 擴充功能
chrome.enterprise.networkingAttributes
使用 chrome.enterprise.networkingAttributes API 讀取目前網路的相關資訊。注意:這個 API 僅適用於由企業政策強制安裝的擴充功能。 string optional 裝置的本機 IPv4 位址 (如未設定,則為未定義)。 string optional 裝置的本機 IPv6 位址 (如未設定,則為未定義)。 字串 裝置的 MAC 位址。 擷取裝置預設網路的網路詳細資料。如果使用者未隸屬於任何網域,或是裝置未連上網路,系統就會設定「
- Chrome 擴充功能
chrome.devtools.recorder
使用 chrome.devtools.recorder API 自訂開發人員工具中的「錄音工具」面板。 devtools.recorder API 是一項預先發布版功能,可讓您擴充 Chrome 開發人員工具中的 錄音工具面板 。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 如要註冊擴充功能外掛程式,請使用 registerRecorderExtensionPlugin 函式。這個函式需要外掛程式例項、 name 和 mediaType
- Chrome 擴充功能
chrome.system.cpu
使用 system.cpu API 查詢 CPU 中繼資料。 字串 處理器的架構名稱。 string[] 一組功能代碼,表示處理器功能。目前支援的代碼為「mmx」、「sse」、「sse2」、「sse3」、「ssse3」、「sse4_1」、「sse4_2」和「avx」。 字串 處理器的模型名稱。 數字 邏輯處理器數量。 ProcessorInfo [] 各個邏輯處理器的相關資訊。 數字 [] CPU 每個熱區的 CPU 溫度讀數清單。氣溫會以攝氏度為單位。 目前僅支援 ChromeOS。 數字
- Chrome 擴充功能
chrome.processes
使用 chrome.processes API 與瀏覽器的程序互動。 數字 使用的快取部分,以位元組為單位。 數字 快取的大小,以位元組為單位。 編號 選填 最新測量的處理程序 CPU 使用率,以程序所有執行緒總共使用單一 CPU 核心的百分比表示。這會將值從 0 變更為 CpuInfo.numOfProcessors*100,在多執行緒程序中,可能超過 100%。只有在從 onUpdated 或 onUpdatedWithMemory 的回呼中接收物件時,才會使用這個屬性。 快取 選用 程序的
- Chrome 擴充功能
chrome.devtools.network
使用 chrome.devtools.network API 可擷取開發人員工具在「網路」面板中顯示的網路要求相關資訊。 網路要求資訊會以 HTTP 封存格式 ( HAR ) 表示。裝置的說明 HAR 不在本文件的範圍內,請參閱 HAR v1.2 規格 。 就 HAR 而言, chrome.devtools.network.getHAR() 方法會傳回完整的 HAR 記錄 , chrome.devtools.network.onRequestFinished 事件提供 HAR 項目
- Chrome 擴充功能
chrome.webNavigation
使用 chrome.webNavigation API,即可接收關於傳輸中導航要求的狀態通知。 所有 chrome.webNavigation 方法和事件都必須宣告 "webNavigation" 權限 ,前往 擴充功能資訊清單 頁面。例如: 導覽成功時,事件會按下列順序觸發: 程序期間發生的任何錯誤都會導致 onErrorOccurred 事件。針對特定 導覽,在 onErrorOccurred 之後不再觸發其他事件。 如果導覽頁框含有子頁框,系統會先觸發其 onCommitted
- Chrome 擴充功能
chrome.search
使用 chrome.search API 透過預設提供者搜尋。 "CURRENT_TAB" 指定搜尋結果會顯示在使用中瀏覽器的分頁或分頁中。 "NEW_TAB" 指定搜尋結果會顯示在新分頁中。 "NEW_WINDOW" 指定搜尋結果會顯示在新視窗中。 處理方式 選用 要顯示搜尋結果的位置。預設值為 CURRENT_TAB 。 編號 選填 要顯示搜尋結果的位置。 tabId 無法與 disposition 搭配使用。 字串 要使用預設搜尋引擎查詢的字串。
- Chrome 擴充功能
chrome.devtools.inspectedWindow
使用 chrome.devtools.inspectedWindow API 與檢查的視窗互動:取得所檢查網頁的分頁 ID、評估所檢查視窗的程式碼、重新載入網頁,或是取得頁面中的資源清單。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 tabId 屬性會提供分頁 ID,您可以與 chrome.tabs.* 搭配使用 以及 API 呼叫但請注意, chrome.tabs.* API 不會向開發人員工具公開 基於安全性考量,擴充功能頁面—您必須將分頁 ID
- Chrome 擴充功能
chrome.tts
使用 chrome.tts API 播放合成的文字轉語音 (TTS)。另請參閱相關的 ttsEngine API,這個 API 可讓擴充功能實作語音引擎。 Chrome 可在 Windows (使用 SAPI 5)、Mac OS X 和 ChromeOS 上提供這項功能, 作業系統提供的語音合成功能在所有平台上,使用者可以 安裝本身註冊為替代語音引擎的擴充功能。 從擴充功能呼叫 speak() 即可說話。例如: 如要立即停止說話,只要呼叫 stop() 即可:
- Chrome 擴充功能
chrome.printerProvider
chrome.printerProvider API 會公開列印管理員使用的事件,用於查詢擴充功能控制的印表機、查詢其功能,以及向這些印表機提交列印工作。 string optional 印表機的人類可讀說明。 字串 印表機專屬 ID。 字串 印表機的人類可讀名稱。 為回應 onPrintRequested 事件而傳回的錯誤代碼。 "OK" 表示作業已成功完成。 "FAILED" 表示發生一般錯誤。 "INVALID_TICKET"
- Chrome 擴充功能
chrome.types
chrome.types API 包含 Chrome 的類型宣告。 ChromeSetting 類型提供一組常用函式 ( get() 、 set() 和 clear() ) Chrome 瀏覽器設定的事件發布者 ( onChange )。 Proxy 設定 。 Chrome 區分瀏覽器的設定有三種: Chrome 會管理不同層級的設定。以下清單說明可能的圖層 按優先順序遞增排序有效的設定 正如清單所指,政策可能會覆寫您透過擴充功能指定的任何變更。個人中心 可以使用 get()
- Chrome 擴充功能
chrome.printingMetrics
使用 chrome.printingMetrics API 擷取列印使用情形的相關資料。 "BLACK_AND_WHITE" 指出使用的是黑白模式。 "COLOR" 指定使用的是色彩模式。 "ONE_SIDED" 指定使用了單面列印。 &quot;TWO_SIDED_LONG_EDGE&quot; 指明使用了雙面列印,在長邊翻轉。 &quot;TWO_SIDED_SHORT_EDGE&quot; 指定使用了雙面列印,在短邊緣翻轉。 數字 用於列印的媒體高度
- Chrome 擴充功能
chrome.sessions
使用 chrome.sessions API 查詢及還原瀏覽工作階段中的分頁和視窗。 字串 外國裝置的名稱。 工作階段 [] 外國裝置目前開啟的視窗工作階段清單,從最新到最近修改的工作階段排序。 編號 選填 要求清單中要擷取的項目數量上限。省略這個參數即可擷取項目數量上限 ( sessions.MAX_SESSION_RESULTS )。 數字 視窗或分頁關閉或修改的時間,以 Epoch 紀元時間起算的毫秒數表示。 Tab 鍵 選用 如果此項目說明分頁,則為 tabs.Tab
- Chrome 擴充功能
功能與 ChromeOptions
功能是指用於自訂及設定 ChromeDriver 工作階段的選項。
語言偵測 API 開放搶先預覽
EPP 參與者現可在 Chrome 中使用語言偵測 API 設計原型。
- Chrome
chrome.declarativeNetRequest
chrome.declarativeNetRequest API 可讓您指定宣告規則,藉此封鎖或修改網路要求。這可讓擴充功能在不攔截及查看網路要求的情況下,修改網路要求,進而加強隱私保護。 declarativeNetRequestFeedback host_permissions 除了上述權限以外,特定類型的規則集 (具體來說是靜態規則集) 需要宣告 "declarative_net_request" 資訊清單鍵,該鍵應使用名為 "rule_resources"
- Chrome 擴充功能
Lighthouse:提升網站速度
使用 Chrome Lighthouse 加快網站載入速度。
- Chrome 開發人員工具
chrome.webRequest
使用 chrome.webRequest API 觀察及分析流量,以及攔截、封鎖或修改傳輸中的要求。 您必須在 擴充功能資訊清單 中宣告 "webRequest" 權限,才能使用網路要求 API,以及必要的 主機權限 。如要攔截子資源要求, 擴充功能必須同時具有要求網址及其發起者的存取權。例如: webRequestBlocking 必須授予這項權限,才能註冊封鎖事件處理常式。自 Manifest V3 起, 適用於政策已安裝的擴充功能 webRequestAuthProvider
- Chrome 擴充功能
chrome.sidePanel
使用 chrome.sidePanel API,在網頁主要內容與瀏覽器的側邊面板中代管內容。 如要使用 Side Panel API,請在擴充功能的 資訊清單 檔案中加入 "sidePanel" 權限: manifest.json: Side Panel API 可讓擴充功能在側邊面板中顯示自己的使用者介面,藉此提供持續強化使用者的瀏覽體驗。 部分功能包括: 以下各節說明 Side Panel API 的常見用途。如需完整的擴充功能範例,請參閱 擴充功能範例 。 您可以從資訊清單
- Chrome 擴充功能
chrome.pageAction
使用 chrome.pageAction API,將圖示放在 Google Chrome 主要工具列的右側。網頁動作代表可在目前網頁上進行,但不適用於所有網頁的動作。閒置時,網頁動作會顯示為灰色。 以下提供一些例子: 以下螢幕截圖中的 RSS 圖示代表網頁動作,可讓你訂閱 RSS 提供目前網頁的資訊提供。 隱藏的網頁動作會顯示為灰色。舉例來說,下方的 RSS 動態消息會顯示為灰色,因為你無法 訂閱目前網頁的資訊提供: 請考慮改用 瀏覽器動作 ,讓使用者能與您的 。 在 擴充功能資訊清單
- Chrome 擴充功能
chrome.omnibox
網址列 API 可讓您透過 Google Chrome 的網址列 (又稱為網址列) 註冊關鍵字。 使用者輸入擴充功能的關鍵字時,使用者只會開始與 。每個按鍵動作都會傳送至擴充功能,您可以提供回應建議。 這些建議可以使用多種格式。使用者接受建議後 您的擴充功能會收到通知,並可採取行動。 您必須在 資訊清單 中加入 omnibox keyword 欄位,才能使用網址列 API。個人中心 也應該指定 16x16 像素圖示;這個圖示會在您提供建議時顯示在網址列中 使用者會進入關鍵字模式 例如:
- Chrome 擴充功能
chrome.windows
使用 chrome.windows API 與瀏覽器視窗互動。您可以使用這個 API 在瀏覽器中建立、修改及重新排列視窗。 系統要求時, windows.Window 會包含 tabs.Tab 物件的陣列。您必須 如要存取 url ,請在 資訊清單 中宣告 "tabs" 權限。 tabs.Tab 的 pendingUrl 、 title 或 favIconUrl 屬性。例如: 擴充功能系統中的許多函式都會使用選用 windowId 引數,該引數預設為 。 「目前的視窗」
- Chrome 擴充功能
chrome.i18n
使用 chrome.i18n 基礎架構,為整個應用程式或擴充功能導入國際化功能。 您需要將所有使用者可看到的字串放入名為 messages.json 的檔案中。每次 新增語言代碼來新增訊息檔案,該目錄位於 _locales/_localeCode_ 目錄下,其中 localeCode 是一組代碼,例如 en 代表英文。 以下是支援英文 ( en ) 和西班牙文的國際化擴充功能檔案階層 ( es ) 和韓文 ( ko ): 假設您的擴充功能如下圖所示:
- Chrome 擴充功能
chrome.browserAction
使用瀏覽器動作將圖示放在 Google Chrome 主要工具列的網址列右側。除了其 圖示 以外,瀏覽器動作也可以提供 工具提示 、 徽章 和 彈出式視窗 。 在下圖中,網址列右側的彩色方塊是 瀏覽器動作。圖示下方會顯示彈出式視窗。 如果您想建立不一定會有效的圖示,請使用 網頁動作 ,而不要使用瀏覽器 動作。 在 擴充功能資訊清單 中註冊瀏覽器動作,如下所示: 你可以提供要用於 Chrome 的任何尺寸圖示,Chrome 會選擇最接近的尺寸和縮放比例 調整成適合的大小以填滿 16 dip
- Chrome 擴充功能
chrome.webRequest
使用 chrome.webRequest API 觀察及分析流量,以及攔截、封鎖或修改傳輸中的要求。 您必須在 擴充功能資訊清單 中宣告 "webRequest" 權限,才能使用網路要求 API,以及必要的 主機權限 。如要攔截子資源要求, 擴充功能必須同時具有要求網址及其發起者的存取權。例如: 自 Chrome 108 起,如果您使用 "webRequest" 和 "webRequestAuthProvider" ,即可透過非同步方式為 onAuthRequired 事件
- Chrome 擴充功能
chrome.fileBrowserHandler
使用 chrome.fileBrowserHandler API 擴充 Chrome OS 檔案瀏覽器。舉例來說,您可以透過這個 API 讓使用者上傳檔案到您的網站。 ChromeOS 檔案瀏覽器會在使用者按下 Alt + Shift + M 或連接外部儲存裝置 (例如 SD 卡、USB 金鑰、外接式磁碟或數位相機) 時啟動。除了在外部裝置上顯示檔案,檔案瀏覽器也可以顯示使用者先前儲存在系統中的檔案。
- Chrome 擴充功能
chrome.devtools.panels
使用 chrome.devtools.panels API 將擴充功能整合至開發人員工具視窗 UI:建立專屬面板、存取現有面板,以及新增側欄。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 每個擴充功能面板和側欄會顯示為個別的 HTML 網頁。已顯示所有擴充功能頁面 存取「開發人員工具」視窗中的所有模組,以及存取 chrome.devtools API 的所有模組,以及
- Chrome 擴充功能
資訊清單檔案格式
每個應用程式都有一個名為 manifest.json 的 JSON 格式的資訊清單檔案,以提供 可能不準確或不適當 以下程式碼顯示應用程式支援的資訊清單欄位,以及 說明每個欄位
chrome.system.cpu
使用 system.cpu API 查詢 CPU 中繼資料。 字串 處理器的架構名稱。 string[] 一組功能代碼,表示處理器功能。目前支援的代碼為「mmx」、「sse」、「sse2」、「sse3」、「ssse3」、「sse4_1」、「sse4_2」和「avx」。 字串 處理器的模型名稱。 數字 邏輯處理器數量。 ProcessorInfo [] 各個邏輯處理器的相關資訊。 數字 [] CPU 每個熱區的 CPU 溫度讀數清單。氣溫會以攝氏度為單位。 目前僅支援 ChromeOS。 數字
- Chrome 擴充功能
chrome.enterprise.networkingAttributes
使用 chrome.enterprise.networkingAttributes API 讀取目前網路的相關資訊。注意:這個 API 僅適用於由企業政策強制安裝的擴充功能。 string optional 裝置的本機 IPv4 位址 (如未設定,則為未定義)。 string optional 裝置的本機 IPv6 位址 (如未設定,則為未定義)。 字串 裝置的 MAC 位址。 擷取裝置預設網路的網路詳細資料。如果使用者未隸屬於任何網域,或是裝置未連上網路,系統就會設定「
- Chrome 擴充功能
chrome.loginState
使用 chrome.loginState API 讀取及監控登入狀態。 "SIGNIN_PROFILE" 指定擴充功能位於登入設定檔中。 "USER_PROFILE" 指定擴充功能位於使用者設定檔中。 "UNKNOWN" 表示工作階段狀態不明。 "IN_OOBE_SCREEN" 用於指定使用者處於開箱體驗的畫面。 "IN_LOGIN_SCREEN" 指定使用者位於登入畫面。 "IN_SESSION" 指定使用者正在進行工作階段。 "IN_LOCK_SCREEN" 指定使用者位於螢幕鎖定畫面。
- Chrome 擴充功能
chrome.input.ime
使用 chrome.input.ime API 實作 Chrome OS 適用的自訂 IME。如此一來,你的擴充功能就能處理按鍵動作、設定組成及管理候選視窗。 您必須宣告「input」 擴充功能資訊清單 中的權限,以便使用 input.ime API。例如: 以下程式碼會建立輸入法編輯器,可將使用者輸入的字母轉換為大寫。 輔助視窗中的按鈕 ID。 "復原" "addToDictionary" 輔助視窗的屬性。 string optional ChromeVox 朗讀字串。 "復原" 布林值 設為
- Chrome 擴充功能
chrome.fontSettings
使用 chrome.fontSettings API 管理 Chrome 的字型設定。 如要使用 Font Settings API,您必須宣告「fontSettings」 擴充功能的權限 資訊清單 。例如: Chrome 允許部分字型設定依特定的一般字型系列和語言 指令碼舉例來說,Sans-Serif 簡體中文使用的字型可能與字型不同 Serif 日文。 Chrome 支援的一般字型系列是以 CSS 一般字型系列 為基礎, 部分 API 參考資料當網頁指定一般字型系列時,Chrome
- Chrome 擴充功能
chrome.instanceID
使用 chrome.instanceID 存取執行個體 ID 服務。 重設應用程式執行個體 ID,並撤銷所有相關聯的權杖。 函式 選用 callback 參數如下所示: 承諾<void> Promise 僅適用於 Manifest V3 及以上版本,其他平台需要使用回呼。 撤銷授予的權杖。 物件 deleteToken 的參數。 字串 用來取得權杖的授權實體。 字串 用來取得權杖的範圍。 函式 選用 callback 參數如下所示: 承諾<void> Promise
- Chrome 擴充功能
chrome.gcm
使用 chrome.gcm 可讓應用程式和擴充功能透過 Firebase 雲端通訊 (FCM) 收發訊息。 訊息中所有鍵/值組合的大小上限 (以位元組為單位)。 4096 向 FCM 註冊應用程式。 callback 會傳回註冊 ID。如果系統以相同的 senderIds 清單再次呼叫 register ,會傳回相同的註冊 ID。 string[] 允許將訊息傳送至應用程式的伺服器 ID 清單。必須包含至少一個傳送者 ID,最多 100 個。 函式 選用 callback 參數如下所示: 字串
- Chrome 擴充功能
chrome.platformKeys
使用 chrome.platformKeys API 存取平台管理的用戶端憑證。如果使用者或政策授予權限,擴充功能就能在自訂驗證通訊協定中使用這類憑證。例如:這允許在第三方 VPN 中使用平台管理的憑證 (請參閱 chrome.vpnProvider )。 ArrayBuffer[] 伺服器允許的憑證授權單位辨別名稱清單。每個項目都必須是 DER 編碼的 X.509 DistinguishedName。 ClientCertificateType []
- Chrome 擴充功能
chrome.printingMetrics
使用 chrome.printingMetrics API 擷取列印使用情形的相關資料。 "BLACK_AND_WHITE" 指出使用的是黑白模式。 "COLOR" 指定使用的是色彩模式。 "ONE_SIDED" 指定使用了單面列印。 &quot;TWO_SIDED_LONG_EDGE&quot; 指明使用了雙面列印,在長邊翻轉。 &quot;TWO_SIDED_SHORT_EDGE&quot; 指定使用了雙面列印,在短邊緣翻轉。 數字 用於列印的媒體高度
- Chrome 擴充功能
chrome.devtools.inspectedWindow
使用 chrome.devtools.inspectedWindow API 與檢查的視窗互動:取得所檢查網頁的分頁 ID、評估所檢查視窗的程式碼、重新載入網頁,或是取得頁面中的資源清單。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 使用 chrome.devtools.inspectedWindow 與檢查的視窗互動:取得分頁 ID 便根據檢查的視窗評估程式碼、重新載入網頁,或是取得 頁面中的資源清單 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要
- Chrome 擴充功能
chrome.identity
使用 chrome.identity API 取得 OAuth2 存取權杖。 字串 帳戶的專屬 ID。在帳戶效期內,這個編號不會改變。 "SYNC" 指定已為主要帳戶啟用同步功能。 「ANY」 指定主要帳戶 (如果有的話) 的存在。 string[] 選填 已授予擴充功能的 OAuth2 範圍清單。 string optional 與要求相關聯的特定權杖。 字串 應從快取中移除的特定權杖。 AccountStatus 選用 主要帳戶登入設定檔的狀態,應傳回其 ProfileUserInfo
- Chrome 擴充功能
chrome.processes
使用 chrome.processes API 與瀏覽器的程序互動。 數字 使用的快取部分,以位元組為單位。 數字 快取的大小,以位元組為單位。 編號 選填 最新測量的處理程序 CPU 使用率,以程序所有執行緒總共使用單一 CPU 核心的百分比表示。這會將值從 0 變更為 CpuInfo.numOfProcessors*100,在多執行緒程序中,可能超過 100%。只有在從 onUpdated 或 onUpdatedWithMemory 的回呼中接收物件時,才會使用這個屬性。 快取 選用 程序的
- Chrome 擴充功能
chrome.history
使用 chrome.history API,與瀏覽器的瀏覽記錄互動。你可以在瀏覽器記錄中新增、移除及查詢網址。如要使用您的版本覆寫記錄頁面,請參閱 覆寫頁面 。 您必須宣告「history」 擴充功能資訊清單 中所列的權限,才能使用記錄 API。例如: History API 會使用「轉換類型」 說明瀏覽器前往特定網址的方式 即可。舉例來說,如果使用者點按其他網頁上的連結前往網頁, 轉場類型為「連結」 下表說明各種轉換類型。 如要試用這個 API,請前往
- Chrome 擴充功能
chrome.sessions
使用 chrome.sessions API 查詢及還原瀏覽工作階段中的分頁和視窗。 字串 外國裝置的名稱。 工作階段 [] 外國裝置目前開啟的視窗工作階段清單,從最新到最近修改的工作階段排序。 編號 選填 要求清單中要擷取的項目數量上限。省略這個參數即可擷取項目數量上限 ( sessions.MAX_SESSION_RESULTS )。 數字 視窗或分頁關閉或修改的時間,以 Epoch 紀元時間起算的毫秒數表示。 Tab 鍵 選用 如果此項目說明分頁,則為 tabs.Tab
- Chrome 擴充功能
chrome.enterprise.hardwarePlatform
針對執行瀏覽器的硬體平台,您可以使用 chrome.enterprise.hardwarePlatform API 取得該硬體平台的製造商和型號。注意:這個 API 僅適用於由企業政策安裝的擴充功能。 字串 字串 取得硬體平台的製造商和型號;如果擴充功能經過授權,則會透過 callback 傳回。 函式 選用 callback 參數如下所示: HardwarePlatformInfo Promise&lt; HardwarePlatformInfo &gt; Promise
- Chrome 擴充功能
chrome.devtools.recorder
使用 chrome.devtools.recorder API 自訂開發人員工具中的「錄音工具」面板。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 devtools.recorder API 是一項預先發布版功能,可讓您擴充 Chrome 開發人員工具中的 錄音工具面板 。 你可以從 Chrome M105 開始擴充匯出功能。從 Chrome M112 開始,您可以擴充重播按鈕。 如要註冊擴充功能外掛程式,請使用
- Chrome 擴充功能
chrome.tts
使用 chrome.tts API 播放合成的文字轉語音 (TTS)。另請參閱相關的 ttsEngine API,這個 API 可讓擴充功能實作語音引擎。 Chrome 針對 Windows (使用 SAPI 5)、Mac OS X 和 ChromeOS 提供原生支援, 作業系統提供的語音合成功能在所有平台上,使用者可以 安裝本身註冊為替代語音引擎的擴充功能。 從擴充功能呼叫 speak() 即可說話。例如: 如要立即停止說話,只要呼叫 stop() 即可:
- Chrome 擴充功能
chrome.dom
使用 chrome.dom API 存取擴充功能的特殊 DOM API 取得指定元素代管的開放陰影根層級或封閉式陰影根目錄。如果元素沒有附加陰影根目錄,則會傳回空值。 HTMLElement 物件 詳情請參閱 https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot
- Chrome 擴充功能
chrome.tabCapture
使用 chrome.tabCapture API 與分頁媒體串流互動。 chrome.tabCapture API 可讓您存取 MediaStream ,其中包含影片 目前分頁的音訊。只有在使用者叫用擴充功能後才能呼叫這個方法,例如: 按一下擴充功能的 動作按鈕 。這類似於 activeTab 權限。 為分頁取得 MediaStream 後,系統就不會繼續播放該分頁中的音訊 以便傳達給使用者這與在發生下列情況時, getDisplayMedia() 函式的行為類似
- Chrome 擴充功能
chrome.webNavigation
使用 chrome.webNavigation API,即可接收關於傳輸中導航要求的狀態通知。 所有 chrome.webNavigation 方法和事件都必須宣告「webNavigation」權限 ,前往 擴充功能資訊清單 。例如: 導覽成功時,事件會按下列順序觸發: 程序期間發生的任何錯誤都會導致 onErrorOccurred 事件。針對特定 導覽,在 onErrorOccurred 之後不再觸發其他事件。 如果導覽頁框含有子頁框,系統會先觸發其 onCommitted
- Chrome 擴充功能
chrome.topSites
使用 chrome.topSites API 存取新分頁中顯示的熱門網站 (也就是最常造訪的網站)。但使用者自訂的捷徑不包括在內。 您必須宣告「top 網站」 擴充功能資訊清單 中的權限,才能使用這個 API。 如要試用這個 API,請安裝 chrome-extension-samples 提供的 top Sites API 範例 Cloud Storage 也提供目錄同步處理功能 這個物件會封裝最常造訪的網址,例如新分頁中的預設捷徑。 字串 頁面標題 字串 最常造訪的網址。 取得熱門網站清單。
- Chrome 擴充功能
chrome.management
chrome.management API 可讓您管理已安裝的應用程式和擴充功能。 您必須宣告「管理」 擴充功能資訊清單 中所列的權限,才能使用管理服務 也能使用 Google Cloud CLI 或 Compute Engine API例如: management.getPermissionWarningsByManifest 、 management.uninstallSelf 和 management.getSelf 不需要管理權限。 商品停用的原因。 "未知"
- Chrome 擴充功能
chrome.search
使用 chrome.search API 透過預設提供者搜尋。 "CURRENT_TAB" 指定搜尋結果會顯示在使用中瀏覽器的分頁或分頁中。 "NEW_TAB" 指定搜尋結果會顯示在新分頁中。 "NEW_WINDOW" 指定搜尋結果會顯示在新視窗中。 處理方式 選用 要顯示搜尋結果的位置。預設值為 CURRENT_TAB 。 編號 選填 要顯示搜尋結果的位置。 tabId 無法與 disposition 搭配使用。 字串 要使用預設搜尋引擎查詢的字串。
- Chrome 擴充功能
chrome.idle
使用 chrome.idle API 偵測機器閒置狀態變更的時間。 您必須宣告「閒置」權限,才能使用閒置 API。例如: "active" "idle" "已鎖定" 取得時間 (以秒為單位),直到螢幕自動鎖定為止。如果螢幕一律不會自動鎖定,則傳回零持續時間。目前僅支援 ChromeOS。 函式 選用 callback 參數如下所示: 數字 時間 (以秒為單位),直到螢幕在閒置狀態時自動鎖定為止。如果螢幕一律不會自動鎖定,則為 0。 Promise&lt;number&gt;
- Chrome 擴充功能
chrome.wallpaper
使用 chrome.wallpaper API 變更 ChromeOS 桌布。 您必須聲明「桌布」應用程式 資訊清單 中要使用的權限 桌布 API例如: 例如,如要將桌布設為 https://example.com/a_file.png ,你可以呼叫 chrome.wallpaper.setWallpaper : 支援的桌布版面配置。 "STRETCH" "CENTER" "CENTER_CROPPED" 將桌布設為 url 或 wallpaperData 搭配指定的 layout 物件
- Chrome 擴充功能
chrome.types
chrome.types API 包含 Chrome 的類型宣告。 ChromeSetting 原型提供一組常用函式 ( get() 、 set() 和 clear() ) Chrome 瀏覽器設定的事件發布者 ( onChange )。 Proxy 設定 。 Chrome 區分瀏覽器的設定有三種: Chrome 會管理不同層級的設定。以下清單說明可能的圖層 按優先順序遞增排序有效的設定 正如清單所指,政策可能會覆寫您透過擴充功能指定的任何變更。個人中心 可以使用 get()
- Chrome 擴充功能
chrome.enterprise.deviceAttributes
使用 chrome.enterprise.deviceAttributes API 讀取裝置屬性。注意:這個 API 僅適用於由企業政策強制安裝的擴充功能。 擷取管理員加註的位置。如果目前的使用者未聯盟,或管理員未設定已加註的位置,則會傳回空字串。 函式 選用 callback 參數如下所示: 字串 承諾<字串> Promise 僅適用於 Manifest V3 及以上版本,其他平台需要使用回呼。 擷取管理員註解的資產 ID。如果目前的使用者未建立關聯,或管理員未設定資產
- Chrome 擴充功能
chrome.windows
使用 chrome.windows API 與瀏覽器視窗互動。您可以使用這個 API 在瀏覽器中建立、修改及重新排列視窗。 系統要求時, windows.Window 會包含 tabs.Tab 物件的陣列。您必須 如要存取 url ,請在 資訊清單 中宣告 "tabs" 權限。 tabs.Tab 的 pendingUrl 、 title 或 favIconUrl 屬性。例如: 擴充功能系統中的許多函式都會使用選用 windowId 引數,該引數預設為 。 「目前的視窗」
- Chrome 擴充功能
chrome.power
使用 chrome.power API 覆寫系統的電源管理功能。 根據預設,作業系統會在使用者處於閒置狀態時調暗螢幕,最終將 有些人會將 Cloud Storage 視為檔案系統 但實際上不是只要使用 Power API,應用程式或擴充功能就能讓系統保持啟用狀態。 這個 API 可用於指定停用電源管理的 Level 。 "system" 水平儀,但允許螢幕變暗或關閉。舉例來說 即使螢幕關閉,通訊應用程式仍可繼續接收訊息。 "display"
- Chrome 擴充功能
chrome.pageCapture
使用 chrome.pageCapture API 將分頁儲存為 MHTML。 MHTML 是大部分瀏覽器支援的 標準格式 。可封裝在單一檔案中。 及其所有資源 (CSS 檔案、圖片) 請注意,基於安全考量,MHTML 檔案只能透過檔案系統載入,且 只會在主頁框中載入 您必須宣告「pageCapture」 擴充功能資訊清單 中的權限,才能使用 pageCapture 也能使用 Google Cloud CLI 或 Compute Engine API例如: 將指定 ID 的分頁內容儲存為
- Chrome 擴充功能
chrome.systemLog
使用 chrome.systemLog API 記錄擴充功能的 Chrome 系統記錄。 字串 這會新增記錄。 MessageOptions 記錄選項。 函式 選用 callback 參數如下所示: 承諾<void> Promise 僅適用於 Manifest V3 及以上版本,其他平台需要使用回呼。
- Chrome 擴充功能
chrome.fileSystemProvider
使用 chrome.fileSystemProvider API 建立可透過 Chrome 作業系統檔案管理員存取的檔案系統。 您必須宣告「fileSystemProvider」權限以及 擴充功能資訊清單 一節,要求使用 File System Provider API。例如: file_system_provider 部分必須宣告如下: Files 應用程式會使用上述資訊,適當轉譯相關的 UI 元素。舉例來說,如果 configurable 設為
- Chrome 擴充功能
chrome.privacy
在 Chrome 中,您可以使用 chrome.privacy API 控制哪些功能會影響使用者隱私。這個 API 需要運用 ChromeSetting 類型 API 原型 取得及設定 Chrome 的設定。 您必須聲明「隱私權」擴充功能 資訊清單 中具有使用 API 的權限。例如: 現在可以直接讀取 Chrome 設定目前的值。首先,您需要找出 請針對該物件呼叫 get() ,以便擷取 目前價值和擴充功能的控制層級例如,用於判斷 Chrome 的自動填入功能 此時應寫入:
- Chrome 擴充功能
chrome.notifications
使用 chrome.notifications API 即可利用範本建立複合式通知,並在系統匣中向使用者顯示這些通知。 string optional Mac OS X 使用者看不到按鈕圖示。 字串 字串 有關這個項目的其他詳細資料。 字串 其中一個清單通知項目的標題。 string optional Mac OS X 使用者不會看到應用程式圖示遮罩。 應用程式圖示遮罩的網址。網址的限制與 iconUrl 相同。 應用程式圖示遮罩應採用 Alpha 通道,因為系統只會考慮圖片的 Alpha
- Chrome 擴充功能
chrome.downloads
這項權限會 觸發警告 使用 chrome.downloads API,透過程式輔助方式啟動、監控、操控及搜尋下載內容。 您必須在 擴充功能資訊清單 中宣告 "downloads" 權限,才能使用這個 API。 您可以在 examples/api/downloads 找到 chrome.downloads API 的簡單使用範例。 目錄。如需其他範例及瞭解如何查看原始碼,請參閱「 範例 」。 布林值 選填 布林值 選填 檔案 下載的檔案名稱很可疑。 網址 已知的下載網址已知是惡意。 內容
- Chrome 擴充功能
chrome.devtools.network
使用 chrome.devtools.network API 可擷取開發人員工具在「網路」面板中顯示的網路要求相關資訊。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 如要瞭解如何使用開發人員工具 API,請參閱「 開發人員工具 API 摘要 」一文。 網路要求資訊會以 HTTP 封存格式 ( HAR ) 表示。裝置的說明 HAR 不在本文件的範圍內,請參閱 HAR v1.2 規格 。 就 HAR 而言, chrome.devtools.network.getHAR()
- Chrome 擴充功能
chrome.vpnProvider
使用 chrome.vpnProvider API 實作 VPN 用戶端。 vpnProvider 的一般用法如下: 使用 createConfig 方法建立 VPN 設定。VPN 設定是永久性項目,會在 ChromeOS 原生 UI 中向使用者顯示。使用者可以從清單中選取 VPN 設定,並與其連線或中斷連線。 將事件監聽器新增至事件 onPlatformMessage 、 onPacketReceived 和 onConfigRemoved 。 當使用者連線至 VPN 設定時,會收到
- Chrome 擴充功能
chrome.proxy
使用 chrome.proxy API 管理 Chrome 的 Proxy 設定。這個 API 需要運用 ChromeSetting 類型 API 原型 取得及設定 Proxy 設定。 您必須宣告「proxy」請使用 擴充功能資訊清單 中的權限,才能使用 Proxy 設定 也能使用 Google Cloud CLI 或 Compute Engine API例如: Proxy 設定是在 proxy.ProxyConfig 物件中定義。視 Chrome 的 Proxy 設定而定 設定可能包含
- Chrome 擴充功能
chrome.printerProvider
chrome.printerProvider API 會公開列印管理員使用的事件,用於查詢擴充功能控制的印表機、查詢其功能,以及向這些印表機提交列印工作。 string optional 印表機的人類可讀說明。 字串 印表機專屬 ID。 字串 印表機的人類可讀名稱。 為回應 onPrintRequested 事件而傳回的錯誤代碼。 "OK" 表示作業已成功完成。 "FAILED" 表示發生一般錯誤。 "INVALID_TICKET"
- Chrome 擴充功能
chrome.events
chrome.events 命名空間包含 API 調度事件所使用的常見類型,可在有相關情況時通知您。 Event 物件可讓您在有有趣的事件發生時接收通知。以下是 根據 chrome.alarms.onAlarm 事件,在鬧鐘響起時收到通知: 如範例所示,您可以使用 addListener() 註冊通知。對 addListener() 一律是您定義的函式,用來處理事件,但 函式取決於您處理的事件。查看 alarms.onAlarm 的說明文件, 您可以看到函式有一個參數:包含詳細資料的
- Chrome 擴充功能
chrome.events
chrome.events 命名空間包含 API 調度事件所使用的常見類型,可在有相關情況時通知您。 Event 物件可讓您在有有趣的事件發生時接收通知。以下是 根據 chrome.alarms.onAlarm 事件,在鬧鐘響起時收到通知: 如範例所示,您可以使用 addListener() 註冊通知。對 addListener() 一律是您定義的函式,用來處理事件,但 函式取決於您處理的事件。查看 alarms.onAlarm 的說明文件, 您可以看到函式有一個參數:包含詳細資料的
- Chrome 擴充功能
chrome.idle
使用 chrome.idle API 偵測機器閒置狀態變更的時間。 您必須在擴充功能的資訊清單中宣告 "idle" 權限,才能使用閒置 API。例如: "active" "idle" "已鎖定" 取得時間 (以秒為單位),直到螢幕自動鎖定為止。如果螢幕一律不會自動鎖定,則傳回零持續時間。目前僅支援 ChromeOS。 函式 選用 callback 參數如下所示: 數字 時間 (以秒為單位),直到螢幕在閒置狀態時自動鎖定為止。如果螢幕一律不會自動鎖定,則為 0。
- Chrome 擴充功能
chrome.pageCapture
使用 chrome.pageCapture API 將分頁儲存為 MHTML。 MHTML 是大部分瀏覽器支援的 標準格式 。可封裝在單一檔案中。 及其所有資源 (CSS 檔案、圖片) 請注意,基於安全考量,MHTML 檔案只能透過檔案系統載入,且 只會在主頁框中載入 您必須宣告「pageCapture」 擴充功能資訊清單 中的權限,才能使用 pageCapture 也能使用 Google Cloud CLI 或 Compute Engine API例如: 將指定 ID 的分頁內容儲存為
- Chrome 擴充功能
chrome.offscreen
使用 offscreen API 建立及管理螢幕外文件。 如要使用 Offscreen API,請在 擴充功能資訊清單 中宣告 "offscreen" 權限。例如: 服務工作人員沒有 DOM 存取權,且許多網站都有內容安全政策, 內容指令碼的功能Offscreen API 允許擴充功能使用 DOM 將 API 放在隱藏的文件中,同時開啟新視窗或 標籤 runtime API 是唯一的擴充功能 API 。
- Chrome 擴充功能
chrome.fileSystemProvider
使用 chrome.fileSystemProvider API 建立可透過 Chrome 作業系統檔案管理員存取的檔案系統。 您必須宣告「fileSystemProvider」權限以及 擴充功能資訊清單 一節,要求使用 File System Provider API。例如: file_system_provider 部分必須宣告如下: Files 應用程式會使用上述資訊,適當轉譯相關的 UI 元素。舉例來說,如果 configurable 設為
- Chrome 擴充功能
chrome.management
chrome.management API 可讓您管理已安裝的應用程式和擴充功能。 您必須宣告「管理」 擴充功能資訊清單 中所列的權限,才能使用管理服務 也能使用 Google Cloud CLI 或 Compute Engine API例如: management.getPermissionWarningsByManifest() 、 management.uninstallSelf() 和 management.getSelf() 不需要管理權限。 商品停用的原因。 "未知"
- Chrome 擴充功能
chrome.debugger
chrome.debugger API 可做為 Chrome 遠端偵錯通訊協定 的替代傳輸方式。使用 chrome.debugger 附加至一或多個分頁,以檢測網路互動、對 JavaScript 進行偵錯、變更 DOM 和 CSS 等。使用 Debuggee 屬性 tabId 指定含有 sendCommand 的分頁,以及 tabId 從 onEvent 回呼的路徑事件。 您必須在擴充功能的資訊清單中宣告 "debugger" 權限,才能使用這個 API。 附加後,
- Chrome 擴充功能
chrome.omnibox
網址列 API 可讓您透過 Google Chrome 的網址列 (又稱為網址列) 註冊關鍵字。 使用者輸入擴充功能的關鍵字時,使用者只會開始與 。每個按鍵動作都會傳送至擴充功能,您可以提供回應建議。 這些建議可以使用多種格式。使用者接受建議後 您的擴充功能會收到通知,並可採取行動。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 您必須在 資訊清單 中加入 "omnibox.keyword" 欄位,才能使用 Omnibox API。個人中心 也應該指定 16 x 16
- Chrome 擴充功能
chrome.downloads
使用 chrome.downloads API,透過程式輔助方式啟動、監控、操控及搜尋下載內容。 您必須在 擴充功能資訊清單 中宣告 "downloads" 權限,才能使用這個 API。 您可以在 examples/api/downloads 找到 chrome.downloads API 的簡單使用範例。 目錄。如需其他範例及瞭解如何查看原始碼,請參閱「 範例 」。 布林值 選填 布林值 選填 檔案 下載的檔案名稱很可疑。 網址 已知的下載網址已知是惡意。 內容 下載的檔案是惡意檔案。 不常見
- Chrome 擴充功能
chrome.history
使用 chrome.history API,與瀏覽器的瀏覽記錄互動。你可以在瀏覽器記錄中新增、移除及查詢網址。如要使用您的版本覆寫記錄頁面,請參閱 覆寫頁面 。 如要與使用者的瀏覽器紀錄互動,請使用 history API。 如要使用 History API,請在 擴充功能資訊清單 中宣告 "history" 權限。例如: History API 會使用轉換類型,說明瀏覽器如何前往特定網址 即可。舉例來說,如果使用者點按其他網頁上的連結前往網頁, 轉場類型為「連結」如需這份清單,請參閱 參考內容
- Chrome 擴充功能
chrome.notifications
使用 chrome.notifications API 即可利用範本建立複合式通知,並在系統匣中向使用者顯示這些通知。 string optional Mac OS X 使用者看不到按鈕圖示。 字串 字串 有關這個項目的其他詳細資料。 字串 其中一個清單通知項目的標題。 string optional Mac OS X 使用者不會看到應用程式圖示遮罩。 應用程式圖示遮罩的網址。網址的限制與 iconUrl 相同。 應用程式圖示遮罩應採用 Alpha 通道,因為系統只會考慮圖片的 Alpha
- Chrome 擴充功能
chrome.gcm
使用 chrome.gcm 可讓應用程式和擴充功能透過 Firebase 雲端通訊 (FCM) 收發訊息。 訊息中所有鍵/值組合的大小上限 (以位元組為單位)。 4096 向 FCM 註冊應用程式。 callback 會傳回註冊 ID。如果系統以相同的 senderIds 清單再次呼叫 register ,會傳回相同的註冊 ID。 string[] 允許將訊息傳送至應用程式的伺服器 ID 清單。必須包含至少一個傳送者 ID,最多 100 個。 函式 選用 callback 參數如下所示: 字串
- Chrome 擴充功能
chrome.instanceID
使用 chrome.instanceID 存取執行個體 ID 服務。 重設應用程式執行個體 ID,並撤銷所有相關聯的權杖。 函式 選用 callback 參數如下所示: 承諾<void> Promise 適用於 Manifest V3 及以上版本,但系統會為 回溯相容性您無法在同一函式呼叫中同時使用兩者。 保證會以傳遞至回呼的相同類型來解析。 撤銷授予的權杖。 物件 deleteToken 的參數。 字串 用來取得權杖的授權實體。 字串 用來取得權杖的範圍。 函式 選用
- Chrome 擴充功能
chrome.loginState
使用 chrome.loginState API 讀取及監控登入狀態。 "SIGNIN_PROFILE" 指定擴充功能位於登入設定檔中。 "USER_PROFILE" 指定擴充功能位於使用者設定檔中。 "UNKNOWN" 表示工作階段狀態不明。 "IN_OOBE_SCREEN" 用於指定使用者處於開箱體驗的畫面。 "IN_LOGIN_SCREEN" 指定使用者位於登入畫面。 "IN_SESSION" 指定使用者正在進行工作階段。 "IN_LOCK_SCREEN" 指定使用者位於螢幕鎖定畫面。
- Chrome 擴充功能
chrome.platformKeys
使用 chrome.platformKeys API 存取平台管理的用戶端憑證。如果使用者或政策授予權限,擴充功能就能在自訂驗證通訊協定中使用這類憑證。例如:這允許在第三方 VPN 中使用平台管理的憑證 (請參閱 chrome.vpnProvider )。 ArrayBuffer[] 伺服器允許的憑證授權單位辨別名稱清單。每個項目都必須是 DER 編碼的 X.509 DistinguishedName。 ClientCertificateType []
- Chrome 擴充功能
chrome.identity
使用 chrome.identity API 取得 OAuth2 存取權杖。 字串 帳戶的專屬 ID。在帳戶效期內,這個編號不會改變。 "SYNC" 指定已為主要帳戶啟用同步功能。 「ANY」 指定主要帳戶 (如果有的話) 的存在。 string[] 選填 已授予擴充功能的 OAuth2 範圍清單。 string optional 與要求相關聯的特定權杖。 字串 應從快取中移除的特定權杖。 AccountStatus 選用 主要帳戶登入設定檔的狀態,應傳回其 ProfileUserInfo
- Chrome 擴充功能
chrome.dom
使用 chrome.dom API 存取擴充功能的特殊 DOM API 取得指定元素代管的開放陰影根層級或封閉式陰影根目錄。如果元素沒有附加陰影根目錄,則會傳回空值。 HTMLElement 物件 詳情請參閱 https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot
- Chrome 擴充功能
chrome.sockets.tcp
使用 chrome.sockets.tcp API 透過 TCP 連線透過網路傳送及接收資料。這個 API 會取代先前在 chrome.socket API 中找到的 TCP 功能。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 數字 新建立的通訊端的 ID。請注意,透過這個 API 建立的通訊端 ID 與其他 API 建立的通訊端 ID (例如已淘汰的 [ socket ](../socket/) API) 相容。 DNS 解析偏好設定。預設值為 any ,且會使用目前的 OS
chrome.hid
使用 chrome.hid API 與已連結的 HID 裝置互動。這個 API 讓使用者能在應用程式環境內存取 HID 作業。透過這個 API,應用程式可以做為硬體裝置的驅動程式。系統會透過設定 runtime.lastError ,並執行該函式的一般回呼,回報這個 API 產生的錯誤。在這種情況下,回呼的一般參數會處於未定義狀態。 編號 選填 裝置產品 ID (只有在供應商 ID 相符時才會勾選)。 編號 選填 HID 用量 ID,僅在 HID 使用頁面相符時勾選。 編號 選填 HID
chrome.fileSystem
使用 chrome.fileSystem API 建立、讀取、瀏覽及寫入使用者的本機檔案系統。這個 API 可讓 Chrome 應用程式讀取使用者指定的位置,並寫入其中的資料。例如,文字編輯器應用程式可使用這個 API 讀取及寫入本機文件。所有失敗都會透過 chrome.runtime.lastError 通知。 string optional 此為選用選項的文字說明。如未指定,系統會自動產生說明。通常包含有效額外資訊的清單 (例如,「text/html」可能會展開為「*.html,
chrome.sockets.tcpServer
使用 chrome.sockets.tcpServer API,透過 TCP 連線建立伺服器應用程式。這個 API 會取代先前在 chrome.socket API 中找到的 TCP 功能。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 數字 基礎網路呼叫傳回的結果代碼。 數字 伺服器通訊端 ID。 數字 用戶端通訊端 ID,例如新建立連線的通訊端 ID。這個通訊端 ID 只能與 chrome.sockets.tcp
chrome.app.window
使用 chrome.app.window API 建立視窗。Windows 提供選用的頁框,內含標題列和大小控制項。但不會與任何 Chrome 瀏覽器視窗建立關聯。如需這些選項的使用示範,請參閱 視窗狀態範例 。 視窗 JavaScript「視窗」為已建立的子項建立物件。 字串 用來建立視窗的 ID。 邊界 視窗內容的位置、大小和限制,這不包括視窗裝飾。這是 Chrome 36 的新功能。 邊界 視窗的位置、大小和限制,包括標題列和頁框等視窗裝飾。這是 Chrome 36 的新功能。 void
chrome.system.network
使用 chrome.system.network API。 字串 可用的 IPv4/6 位址。 字串 轉接器的基礎名稱。*nix 通常會是「eth0」、「wlan0」等。 數字 前置字串長度 擷取這個系統上的本機轉接器相關資訊。 函式 選用 callback 參數如下所示: NetworkInterface [] 包含網路介面資訊的物件陣列。 Promise&lt; NetworkInterface []&gt; Promise 僅適用於 Manifest V3
chrome.mediaGalleries
在使用者同意的情況下,使用 chrome.mediaGalleries API 存取使用者本機磁碟中的媒體檔案 (音訊、圖片、影片)。 字串 布林值 字串 用於識別修改後的圖片庫。 GalleryChangeType 變更事件的類型。 &quot;contents_changed&quot; 圖片庫內容已變更。 "watch_dropped" 由於裝置已卸離、相片庫權限已遭移除或其他原因,因此已捨棄手錶。 "no" 請勿以互動方式採取行動。 「yes」
記錄
根據預設,ChromeDriver 只會記錄警告/錯誤給 stderr。偵錯時 問題時,建議您啟用更詳細的記錄功能。 如要啟用詳細記錄功能,只要將 --verbose 傳遞至 Chromedriver 伺服器即可。 您也可以傳遞 --log-path ,將記錄改為寫入檔案 stderr 的設計如果您沒有直接啟動 ChromeOS 伺服器, ,就必須透過 WebDriver 用戶端程式庫。部分客戶並未 很可惜,這項功能還是可以提供這個選項 將 --log-path 傳遞至 Chrome
開始使用 ChromeDriver
本頁說明如何開始使用 ChromeDriver 測試您的網站 桌面版 (Windows/Mac/Linux)。你也可以參閱 開始使用 Android 或 開始使用 ChromeOS 。 ChromeDriver 是 Selenium WebDriver 用來控制 Chrome 的獨立執行檔。這個版本由 Chromium 團隊在 WebDriver 貢獻者的協助下負責維護。如果你不熟悉 Selenium WebDriver,建議造訪 Selenium 網站 。 如要針對使用
Chrome 擴充功能
Chrome 擴充功能可以封裝或解壓縮。 如要封裝未封裝的擴充功能,請使用 chrome://extensions 中的「封裝」按鈕,或 使用 Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem" 。如何解除封裝的擴充功能 解壓縮檔案。您可能需要將檔案類型從.crx 重新命名為.zip 。.zip 公用程式以便辨識。 請參閱 擴充功能說明文件
使用可擴充的 API 自訂效能資料
使用可擴充性 API 自訂成效資料
- Chrome 開發人員工具
Chrome 129 Beta 版
想預覽下一個 Chrome 版本的話,請參閱這篇文章,瞭解目前 Beta 版的功能。
- Chrome
chrome.browsingData
使用 chrome.browsingData API 從使用者本機設定檔移除瀏覽資料。 您必須在 擴充功能資訊清單 中宣告 "browsingData" 權限,才能使用這個 API。 此 API 最簡單的用途,是清除使用者的瀏覽資料,以時間為基礎的機制。 您的程式碼應提供時間戳記,指出使用者的 就必須移除瀏覽資料。該時間戳記的格式為毫秒數, Unix 紀元 (可使用 getTime() 方法從 JavaScript Date 物件擷取)。
- Chrome 擴充功能
chrome.system.memory
chrome.system.memory API。 數字 可用容量量,以位元組為單位。 數字 實體記憶體總容量 (以位元組為單位)。 取得實體記憶體資訊。 函式 選用 callback 參數如下所示: MemoryInfo Promise&lt; MemoryInfo &gt; Promise 僅適用於 Manifest V3 及以上版本,其他平台需要使用回呼。
- Chrome 擴充功能
chrome.desktopCapture
桌面擷取 API 會擷取畫面內容、個別視窗或個別分頁。 列舉用來定義在 chooseDesktopMedia() 中使用的電腦媒體來源組合。 "螢幕" "視窗" 「分頁」 "音訊" 鏡像 SelfCapturePreferenceEnum 。 "加入" "排除" 鏡像 SystemAudioPreferenceEnum 。 "加入" "排除" 隱藏由 chooseDesktopMedia() 顯示的電腦版媒體選擇器對話方塊。 數字 ChooseDesktopMedia() 傳回的 ID
- Chrome 擴充功能
chrome.dns
使用 chrome.dns API 進行 DNS 解析。 如要使用這個 API,您必須在 資訊清單 中宣告 "dns" 權限。 以下程式碼會呼叫 resolve() 以擷取 example.com 的 IP 位址。 service-worker.js: string optional 代表 IP 位址常值的字串。僅在 resultCode 表示成功時提供。 數字 結果代碼。零表示成功。 解析指定的主機名稱或 IP 位址常值。 字串 要解析的主機名稱。 函式 選用 callback 參數如下所示:
- Chrome 擴充功能
chrome.documentScan
使用 chrome.documentScan API,從附加的文件掃描器中探索及擷取圖片。 Document Scan API 的設計用意在允許應用程式和擴充功能 文件掃描器上的紙本文件內容。 字串 提供傳遞至 cancelScan() 的相同工作控制代碼。 OperationResult 後端的取消掃描結果。如果結果是 OperationResult.SUCCESS 或 OperationResult.CANCELLED ,表示掃描已取消,掃描器已可開始新的掃描作業。如果結果是
- Chrome 擴充功能
chrome.declarativeWebRequest
注意: 這個 API 已淘汰,請改用 declarativeNetRequest API。 使用 chrome.declarativeWebRequest API 攔截、封鎖或修改傳輸中的要求。速度比 chrome.webRequest API 快許多;由於您可以註冊要在瀏覽器中評估的規則 (而非 JavaScript 引擎),藉此減少往返延遲時間,並提高處理效率。 您必須宣告「declarativeWebRequest」 擴充功能資訊清單 中的權限,才能使用擴充功能 API,以及 主機權限 。
- Chrome 擴充功能
API 參考資料
Chrome 擴充功能所提供所有 API 的完整參考資料。包括已淘汰的 Chrome 應用程式平台的 API,以及仍處於 Beta 版和開發階段的 API。
- Chrome 擴充功能
Chrome DevTools
使用 Chrome 開發人員工具對網頁應用程式進行偵錯及最佳化。
- Chrome 開發人員工具
File System Observer API 來源試用
Chrome 團隊正在測試新的 File System Observer API,通知開發人員對檔案系統的異動。
- Chrome
改善 Chromium 無障礙功能的效能
Ahmed Elwasefi 的文章,分享他如何透過 Google 夏季程式設計競賽成為 Chromium 貢獻者。
- Chrome
媒體:查看及偵錯媒體播放器資訊
使用媒體面板,即可查看每個瀏覽器分頁的資訊及偵錯媒體播放器。
- Chrome 開發人員工具
Chrome 128
Chrome 128 將於 2024 年 8 月 20 日推出,其中 CSS ruby-align 屬性、Promise.try 與 Promise.try 等產品更豐富。
- Chrome
What's WebGPU 的新功能 (Chrometain128)
使用子群組進行實驗、淘汰線條和點的設定深度偏誤、在 preventDefault 時隱藏未擷取的錯誤 DevTools 警告、WGSL 第一等分插取樣等等。
- Chrome
- WebGpu
使用 WebGPU 建構應用程式
瞭解如何使用網頁和特定平台的 WebGPU 建構應用程式。
Chrome 128 新功能
Chrome 128 已推出!我們改善了 Ruby 元素的顯示方式和換行,讓 Promise.try 更容易啟動 Promise 鏈結,同時擴充 PointerEvent 介面,用於識別多支筆。此外,還能提供更豐富的內容。Adriana Jara 可以完整說明 Chrome 128 為開發人員新增了哪些功能與新增項目。
- Chrome
chrome.contentSettings
使用 chrome.contentSettings API 即可變更設定,控制網站是否能使用 Cookie、JavaScript 和外掛程式等功能。簡單來說,內容設定可讓您針對個別網站自訂 Chrome 的行為,而不是全域。 您必須聲明「contentSettings」權限才能使用 API。例如: 您可以使用模式指定每個內容設定影響的網站。例如: https://*.youtube.com/* 會指定 youtube.com 及其所有子網域。內容的語法 設定模式與 比對模式
- Chrome 擴充功能
chrome.alarms
如要安排定期或日後指定時間執行程式碼,請使用 chrome.alarms API。 如要使用 chrome.alarms API,請在 資訊清單 中宣告 "alarms" 權限: 下列範例說明如何使用及回應鬧鐘。如要試用這個 API, 從 chrome-extension-samples 安裝 Alarm API 範例 Cloud Storage 也提供目錄同步處理功能 下列範例會在安裝擴充功能時,在 Service Worker 中設定鬧鐘: service-worker.js:
- Chrome 擴充功能
chrome.contextMenus
如要在 Google Chrome 的內容選單中新增項目,請使用 chrome.contextMenus API。你可以選擇要在內容選單中新增的物件類型,例如圖片、超連結和頁面。 內容選單項目可顯示在任何文件 (或文件內的頁框) 中,即使是具有 file:// 的項目也能顯示 或 chrome:// 網址如要控制檔案可以顯示在哪些文件,請指定 呼叫 create() 或 update() 方法時,系統會傳回 documentUrlPatterns 欄位。
- Chrome 擴充功能
chrome.debugger
chrome.debugger API 可做為 Chrome 遠端偵錯通訊協定 的替代傳輸方式。使用 chrome.debugger 附加至一或多個分頁,以檢測網路互動、對 JavaScript 進行偵錯、變更 DOM 和 CSS 等。使用 Debuggee 屬性 tabId 指定含有 sendCommand 的分頁,以及 tabId 從 onEvent 回呼的路徑事件。 基於安全考量, chrome.debugger API 不提供所有 Chrome
- Chrome 擴充功能
chrome.audio
使用者可以利用 chrome.audio API 取得及控制系統連接的音訊裝置相關資訊。這個 API 目前只能在 ChromeOS 的 Kiosk 模式中使用。 字串 裝置名稱。 DeviceType 裝置的類型。 字串 容易使用的名稱 (例如「USB 麥克風」)。 字串 音訊裝置的專屬 ID。 布林值 如果這是目前使用中的裝置,則為「true」。 數字 裝置的聲音水平、輸出的音量、輸入的增益。 string optional 穩定/持久裝置 ID 字串 (如有)。 StreamType
- Chrome 擴充功能
chrome.declarativeContent
使用 chrome.declarativeContent API 根據網頁內容採取行動,而不要求讀取網頁內容。 Declarative Content API 可讓你根據 或是 CSS 選取器與網頁上的元素相符 新增 主機權限 或插入 內容指令碼 。 使用 activeTab 權限,在使用者點選 擴充功能的動作。 規則由條件和動作組成。只要符合任一條件,系統就會執行所有動作 執行狀態這些動作為 setIcon 和 showAction 。 只有在所有列出的清單都符合時,
- Chrome 擴充功能
chrome.commands
你可以使用 Command API 新增鍵盤快速鍵,在擴充功能中觸發動作,例如開啟瀏覽器動作或傳送指令給擴充功能。 您必須在 資訊清單中 宣告下列金鑰,才能使用這個 API。 Commands API 可讓擴充功能開發人員定義特定指令,並將指令繫結至預設值 按鍵組合。擴充功能接受的每個指令都必須宣告為 擴充功能資訊清單 中的 "commands" 物件。 屬性索引鍵會做為指令的名稱。指令物件可以採用兩種屬性。
- Chrome 擴充功能
chrome.browsingData
使用 chrome.browsingData API 從使用者本機設定檔移除瀏覽資料。 您必須宣告「browsingData」權限,請參閱 擴充功能資訊清單 中的權限,以便使用這個 API。 此 API 最簡單的用途,是清除使用者的瀏覽資料,以時間為基礎的機制。 您的程式碼應提供時間戳記,指出使用者的 就必須移除瀏覽資料。該時間戳記的格式為毫秒數, Unix 紀元 (可透過 getTime 方法從 JavaScript Date 物件擷取)。
- Chrome 擴充功能
File System Access API:簡化本機檔案存取流程
File System Access API 可讓開發人員建立強大的網頁應用程式,讓使用者和本機裝置 (例如 IDE、相片和影片編輯器、文字編輯器等) 與檔案互動。使用者授予網頁應用程式存取權後,這個 API 可讓使用者直接讀取使用者裝置上的檔案和資料夾,或儲存變更內容。
現已開放搶先體驗摘要 API
EPP 參與者現可使用 Gemini Nano 適用的摘要 API 設計原型。
- Chrome
捲動貼齊事件
推出兩個新的 JavaScript 事件:ScrollSnapChange 和 ScrollSnapChanged。
- Chrome
嘗試測量軟導覽
Chrome 團隊致力於更準確地衡量單頁應用程式使用的所謂的軟導覽,而且現在提供新的 API,可讓網站透過旗標進行實驗。
使用開發人員工具擷取螢幕截圖的 4 種方式
瞭解 4 種使用開發人員工具擷取螢幕截圖的獨特方法。
- Chrome 開發人員工具
- Chrome
開發人員工具 (Chrome 128) 的新功能'
在歐洲地區發布洞察資訊、強化網路追蹤功能,以及透過 API 在「成效」面板中自訂測試群組等。
- Chrome
- Chrome 開發人員工具
WebDriver BiDi 可在 Firefox、Chrome 和 Puppeteer 使用
Puppeteer 23 針對 Firefox 129 以上版本提供穩定支援,根據 WebDriver BiDi,為 Chrome 和 Firefox 自動化提供整合式 API。
- Chrome
Blog
Chrome 開發人員關係團隊的最新消息
- Chrome
參與 Chrome 內建 AI 實驗
有關內建 AI、Prompt API 和 Chrome' AI 計畫的最新消息。
- Chrome
Android 版 Chrome 的密碼金鑰使用者體驗更新
Android 版 Chrome 現已整合 Credential Manager,讓第三方密碼管理工具在 Android 14 以上版本中提供密碼金鑰
- Chrome
作者定義的 CSS 名稱和 shadow DOM:詳細規格和實際應用
說明 CSS 中 shadow DOM 中使用的作者定義名稱目前的互通性狀態。
超越規則運算式:強化 Chrome 開發人員工具中的 CSS 值剖析結果
瞭解開發人員工具團隊如何改善「樣式」分頁中的樣式。
- Chrome
透過 WebDriver BiDi 的自動化功能現已支援 BrowserStack
BrowserStack 推出 WebDriver BiDi 支援:透過事件導向自動化功能,提升 Selenium Grid 測試的成效。
- Chrome
CrUX API
瞭解如何從 CrUX API 建構要求及剖析回應。
- Chrome UX Report
CrUX History API
瞭解如何使用 CrUX History API 查詢過去六個月的 CrUX 趨勢。
- Chrome UX Report
使用 Early Hints 伺服器思考時間,加快網頁載入速度
瞭解您的伺服器如何傳送重要子資源的提示給瀏覽器。
網路面板:分析網路負載和資源
分析網路負載和資源
- Chrome 開發人員工具
換行 <gt>以及 CSS ruby-align 屬性
換行 ruby 元素和 CSS ruby-align 屬性
- Chrome
範例
如需 Chrome 擴充功能的範例,請參閱 GitHub 。
- Chrome 擴充功能
發布應用程式
TODO
- Chrome 擴充功能
資訊清單 - 版本
一個至四個以點分隔的整數,用於識別這項擴充功能的版本。整數有幾個規則:長度必須介於 0 到 65535 之間,含首尾,非零整數則不得從 0 開始。舉例來說,99999 和 032 都是無效的。 以下列舉幾個有效版本的範例: 自動更新系統會比較不同版本,判斷是否需要更新已安裝的擴充功能。如果已發布的擴充功能的版本字串比已安裝的擴充功能更新,系統就會自動更新擴充功能。 比較作業會從最左邊的整數開始。如果這些整數相等,系統會比較右側整數,依此類推。舉例來說,1.2.0 是 1.1.9.9999
資訊清單 - 預設語言代碼
指定 _locales 的子目錄,其中包含這個擴充功能的預設字串。在含有 _locales 目錄的擴充功能中,這是 必要 欄位;這個欄位 必須不存在 在沒有 _locales 目錄的擴充功能中。詳情請參閱 國際化 。
資訊清單 - 已啟用離線功能
應用程式或擴充功能是否可離線運作。當 Chrome 偵測到處於離線狀態時,在新分頁上會醒目顯示這個欄位設為 true 的應用程式。 自 Chrome 35 版起,系統會假設應用程式已離線,且除非要求 "webview" 權限,否則 "offline_enabled" 的預設值是 true 。在這種情況下,系統會假設需要網路連線, "offline_enabled" 則預設為 false 。 "offline_enabled" 值也用於判斷以 ChromeOS 資訊站模式
資訊清單 - 最低 Chrome 版本
擴充功能、應用程式或主題所需的 Chrome 版本 (如果有的話)。這個字串的格式與 version 欄位相同。
工作箱串流
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > 回應 ReadableStream BodyInit 採用多個來源 Promise,且每個通訊協定都可以解析為回應、ReadableStream 或 BodyInit 。 傳回會公開 ReadableStream 的物件,且每個串流都會依序傳回資料,以及串流完成時顯示的信號 (適合傳遞至 FetchEvent 的 waitUntil() )。
資訊清單 - 說明
描述擴充功能的純文字字串 (不得採用 HTML 或其他格式,且長度不超過 132 個字元)。說明內容應適合瀏覽器的擴充功能管理使用者介面和 Chrome 線上應用程式商店 。您可以為這個欄位指定特定語言代碼的字串;詳情請參閱「 國際化 」一文。
資訊清單 - 鍵
這個值可用於在開發期間載入擴充功能、應用程式或主題的專屬 ID。 如要取得合適的金鑰值,請先從.crx 檔案安裝擴充功能 (您可能需要 上傳擴充功能 或 手動封裝 )。接著,在 使用者資料目錄 中,查看 Default/Extensions/_<extensionId>_/_<versionString>_/manifest.json 檔案。當中會填入鍵/值。
資訊清單:姓名和簡稱
name 和 short_name 資訊清單屬性是可用於識別應用程式的簡短純文字字串。您可以為這兩個欄位指定特定語言代碼字串;詳情請參閱「 國際化 」一文。 name (最多 45 個字元) 是應用程式的主要 ID,也是必填欄位。會顯示在以下位置: short_name (建議最多 12 個字元) 是應用程式名稱的精簡版本。這是選用欄位,如未指定,系統會使用 name ,但可能會遭到截斷。簡短名稱通常用於空間不足以顯示全名,例如:
已停用的網頁功能
雖然 Chrome 應用程式使用網路平台,但部分網路功能已停用,或透過其他方式使用。主要目的為避免安全性問題,並改善程式設計做法。以下摘要說明網路平台的已停用功能,以及可能的解決方法:
最新消息:活動頁面和背景頁面
Chrome 128 Beta 版
想預覽下一個 Chrome 版本的話,請參閱這篇文章,瞭解目前 Beta 版的功能。
- Chrome
Chrome 如何協助使用者安裝他們重視的應用程式
Chrome 的內部使用者研究顯示,許多人重視安裝網頁應用程式。這麼做有許多好處,例如: Chrome 和網頁開發人員可以提供多種協助方式,包括新的機器學習宣傳功能。這篇文章將概略說明使用者安裝應用程式的方式。 符合 Chrome 可安裝性標準 的應用程式,會在 Chrome 電腦版瀏覽器的網址列中自動顯示安裝圖示 (在下方螢幕截圖中以黃色標示)。使用者可以點選安裝應用程式。 如要透過其他方式安裝應用程式,請依序點選「更多」 >「儲存並分享」 >「安裝 $appName」 。
- Chrome
Chrome 127
Chrome 127 將於 2024 年 7 月 23 日推出,除了 CSS font-size-Adjust、可聚焦於鍵盤的可聚焦捲動容器,還有許多其他功能。
- Chrome
What's WebGPU 的新功能 (Chrometain127)
針對 Android 上的 OpenGL ES、GPUAdapter 資訊屬性、WebAssembly 互通性改善等方面的實驗性支援。
- Chrome
- WebGpu
Chrome 127 新功能
Chrome 127 已推出!透過支援「字型大小調整」設定,「Document Picture-in-Picture API」中導入使用者啟動功能、可聚焦的鍵盤捲動容器,還有更多功能。Adriana Jara 可以完整說明 Chrome 127 為開發人員新增了哪些功能與新增項目。
- Chrome
要求開發人員針對閱讀流程和含有顯示內容的元素提供意見:
協助我們確保閱讀流程符合您的需求。
- Chrome
偏好設定
偏好設定分頁參考資料。
- Chrome 開發人員工具
網路功能參考資料
Chrome 開發人員工具的「網路」面板功能完整參考資料。
- Chrome 開發人員工具
「錄音工具」面板:記錄及測量使用者流程
分析及記錄使用者流程。
- Chrome 開發人員工具
關於觀看轉換的誤解
現在有越來越多人開始研究 View Transition API,接著該 API 有助於釐清一些錯誤。
- Chrome
Chrome 擴充功能:重要政策更新
本次公告包含對《開發人員計畫政策》頁面進行一系列的修訂,旨在鼓勵開發人員開發優質產品、防範欺騙行為,並確保使用者在知情的情況下提供同意聲明。
- Chrome 擴充功能
- Chrome
Chrome 擴充功能有哪些地方?'
概略說明 Chrome 擴充功能的近期異動,以及開發人員可期待即將推出的擴充功能功能。
- Chrome
- Chrome 擴充功能
開發人員工具 (Chrome 127) 的新功能'
元素中的 CSS 錨定位置、強化項目 ';永不暫停此處;在來源、新的捲動貼齊事件監聽器、更新網路節流預設設定等。
- Chrome 開發人員工具
- Chrome
檢查模式:快速分析元素屬性
檢查網頁應用程式中的元素
- Chrome 開發人員工具
效能功能參考資料
這份參考資料說明在 Chrome 開發人員工具中記錄及分析效能的所有方法。
- Chrome 開發人員工具
在 YouTube 新增值得信賴的類型
YouTube 已採用「信任的類型」強化平台安全性,可防範跨網站指令碼攻擊,不過可能會影響擴充功能。
- Chrome 擴充功能
- Chrome
Long Animation Frame API 已經
Long Animation Frame API (LoAF) 已從 Chrome 123 推出,我們還更新了工具和指南,協助您充分運用這個新的 API。
- Chrome
避免 DOM 過大
瞭解大型 DOM 如何減少網頁效能,以及如何在載入時縮減 DOM 大小。
在 Chrome 中預先算繪頁面,讓使用者能夠快速瀏覽網頁
Chrome 團隊正在研究各種選項,針對使用者可能造訪的頁面重新轉譯所有網頁。
Chrome 線上應用程式商店幕後花絮:詢問信任與安全問題
我們與負責 Chrome 線上應用程式商店審查的團隊告一段落。
- Chrome 擴充功能
- Chrome
搭配使用儲存空間值區的索引資料庫效能上限
Chrome 團隊針對索引資料庫 (IDB) 的實作方式進行了許多與效能相關的改善。
- Chrome
Chrome 127 Beta 版
下載 Beta 版即可測試 Chrome 的最新功能。
- Chrome
WebGPU 新功能' (Chrome<版本>126)
提高 maxTextureArrayLayers 限制、為 Vulkan 後端進行緩衝區上傳最佳化、改善著色器編譯時間、提交的指令緩衝區不得重複,以及 Dawn 更新。
- Chrome
- WebGpu
在瀏覽器中快取 AI 模型
為了加快日後推出 AI 技術輔助應用程式的速度,請明確將模型資料快取到裝置端,
新 HTML <權限> 元素的來源試用
Chrome 團隊正在實驗新的宣告式 HTML <permission> 元素,可為使用者提供強大的功能。
- Chrome
Chrome 126
Chrome 126 將於 2024 年 6 月 11 日推出,包括跨文件檢視轉換、重新啟用 CloseWatcher API、Gamepad API 的觸發事件標記,以及更多內容。
- Chrome
CSS 和網頁版 UI 最新動態:2024 年 I/O 大會重點回顧
閱讀 2024 年 Google I/O 大會中發布的所有 CSS 和網頁版 UI 公告。
- Chrome
Chrome 126 新功能
Chrome 126 現已推出!藉由 ViewTransitions API 中的跨文件轉換功能,CloseWatcher API 重新啟用、針對 Gamepad API 觸發觸發錯誤,還有許多其他功能。Adriana Jara 已提供開發人員在 Chrome 126 版中為開發人員新增的一切詳細資料。
- Chrome
淘汰卸載事件
自 Chrome 117 版起,我們將逐步淘汰卸載事件。瞭解這項異動的意義,以及網站和企業可以如何因應這種情況
運用開發人員工具自訂效能工作流程的 3 項新功能
瞭解最新功能,讓「效能」面板井然有序,讓您聚焦在最需要的資訊
- Chrome 開發人員工具
- Chrome
通訊協定監控:查看及傳送 CDP 要求
監控 CDP 要求與回應。
- Chrome 開發人員工具
Chrome UX Report
CrUX 指標的技術說明文件。
- Chrome UX Report
在重新計算樣式事件期間分析 CSS 選取器成效
在重新計算樣式事件期間分析 CSS 選取器成效。
- Chrome 開發人員工具
如果額外資訊符合變更資格,則略過審查
很高興在此宣布,我們推出了一項新功能,可讓開發人員利用 Declarative Net Request API 針對 Manifest V3 擴充功能進行符合條件的變更,略過審查程序。
- Chrome
沒有寬度或初始比例的標記
瞭解 "沒有寬度或初始比例的標記";Lighthouse 稽核。
網路條件:覆寫使用者代理程式字串
瞭解如何使用「網路狀況」面板模擬其他瀏覽器。
- Chrome 開發人員工具
開發人員工具、Chrome 126 的新功能'
改善軌跡設定模式、在火焰圖中忽略清單,以及將「效能」面板中的 CPU 限縮 20 次等等。
- Chrome 開發人員工具
- Chrome
為 JavaScript 偵錯
瞭解如何使用 Chrome 開發人員工具找出並修正 JavaScript 錯誤。
- Chrome 開發人員工具
2024 年 Google I/O 大會議題:Chrome 擴充功能
另一場 Google I/O 大會是我們幕後的一項新功能,所有令人期待的擴充功能更新都精彩回顧了!
- Chrome
使用 Chrome 開發人員工具對推測規則進行偵錯
全面瞭解 Chrome 開發人員工具功能,瞭解如何對用於預先擷取及預先轉譯日後網頁瀏覽的推測規則進行偵錯。
- Chrome 開發人員工具
快速來源面板
查看來源檔案及存取其他工具。
- Chrome 開發人員工具
效能監控面板
即時分析網站和 #39 執行階段成效。
- Chrome 開發人員工具
什麼是觀看轉場效果?(2024 年 Google I/O 大會更新內容)
隆重推出 MPA 跨文件檢視轉換功能、利用有效類型的選擇性檢視轉場效果,以及透過檢視轉場類別共用動畫樣式。
- Chrome
WebAssembly 和 WebGPU 強化項目,加快 Web AI 速度,第 2 部分
第 2 部分 (共 2 部分):瞭解 WebAssembly 和 WebGPU 如何增強網路機器學習效能。
- Chrome
JavaScript 架構簡介's (2024 年 5 月)
本文件會簡要說明 JavaScript 架構生態系統的最新異動。
- Chrome
WebAssembly 和 WebGPU 強化技術,加快 Web AI 速度,第 1 部分
第 1/2 部分。瞭解 WebAssembly 和 WebGPU 如何強化網頁機器學習效能。
- Chrome
2024 年 I/O 大會 Web AI 重點摘要:下一個網頁應用程式適用的新模型、工具和 API
請閱讀 2024 年 I/O 大會的 Web AI 摘要。瞭解下一個網頁應用程式適用的新模型、工具和 API。
- Chrome
- WebGpu
運用用戶端網頁 AI 鼓勵使用者提供實用的產品評論
以下程式碼研究室提供用戶端 AI。完全不需要 AI 開發知識、伺服器或 API 金鑰。
Chrome 126 Beta 版
Chrome 126 Beta 版除了提供跨文件檢視轉場功能外,還有 Gamepad API 觸發標記擴充功能,還有其他功能。
- Chrome
運用 AI 評估產品評論
裝置端 AI 是最新的服務,可為使用者提供強大的模型,同時保護機密資料和改善延遲時間。
隆重推出 Windows 上的 UIA 支援
Chrome 126 開始支援 Windows UI 自動化架構。
- Chrome
Async Clipboard API 的 SVG 支援
Async Clipboard API 現在可以處理 SVG 圖片。
- Chrome
開發人員工具提示:覆寫及模擬網路回應
瞭解如何使用開發人員工具覆寫及模擬網路回應。
- Chrome 開發人員工具
- Chrome
Chrome 125 新功能
Chrome 125 現已推出!運用 CSS Anchor Positioning API、Compute Pressure API、Storage Access API 的擴充等等。Adriana Jara 已提供開發人員在 Chrome 125 版中為開發人員新增的所有資訊。
- Chrome
在本機覆寫網頁內容和 HTTP 回應標頭
使用本機覆寫功能模擬遠端資源,並在所有網頁載入時保留開發人員工具中的變更。
- Chrome 開發人員工具
Chrome 125
Chrome 125 將在 2024 年 5 月 14 日推出,加入 CSS Anchor Position、Compute Pressure API、全新基準功能,之後還有更多功能。
- Chrome
2024 年 Google I/O 大會發布的 10 項最新消息:讓所有網頁程式開發人員發揮 AI 的力量
透過 Google I/O 開發人員主題演講和研討會影片,瞭解令人期待的功能。
- Chrome
選擇用戶端 AI 的時機
用戶端 AI 是最新推出的服務,可為使用者提供強大的模型,同時保護機密資料並縮短延遲時間。
Spotify 如何運用 Picture-in-Picture API 打造 Spotify 迷你播放器
瞭解 Spotify Miniplayer' 如何從 "canvas 駭客攻擊手法中變換?#34,運用 Document Picture-in-Picture API 打造精良的體驗。
- Chrome
CSS 錨定定位 API 簡介
使用新的錨定定位 API 將元素彼此相對的位置。
- Chrome
透過控制台深入分析功能進一步瞭解錯誤和警告
透過 Gemini 進一步瞭解控制台中的錯誤和警告。
- Chrome 開發人員工具
使用 Chrome 在企業中實作測試
瞭解如何在企業環境中進行測試來克服挑戰
- Chrome
運用 Chrome 提供輕鬆流暢的自動化測試工具
簡要介紹 Puppeteer、Chrome Headless 和 Chrome for Testing,以及 Chrome 工具團隊提供的其他資源。
- Chrome
開發人員工具、Chrome 125 的新功能's
控制台錯誤、效能中的 CSS 選取器統計資料、網路中的早期提示標頭等等。
- Chrome 開發人員工具
- Chrome
為什麼 CSS 和使用者介面功能對你的電子商務網站至關重要?
瞭解導入最新的 CSS 和使用者介面功能 (例如查看轉場效果、捲動式動畫、Popover API 等) 為何可為電子商務網站帶來助益。
- Chrome
捲動式動畫個案研究
探索使用 Policybazaar、redBus 和 Tokopedia 如何運用捲動式動畫的優點。
- Chrome
:has() 個案研究
瞭解 Policybazaar 和 Tokopedia 如何使用 :has() 獲益。
- Chrome
查看轉換用個案研究
redBus、Policybazaar 和 Tokopedia 都使用 View Transition API,享有更佳的效能和流暢的使用者介面。
- Chrome
WebGPU 的新功能 (Chrome 125)
開發中的子群組,且算繪為 3D 紋理切片。
- Chrome
- WebGpu
容器查詢個案研究
瞭解 redBus 和 Tokopedia 採用容器查詢的好處。
- Chrome
隆重推出 ";呈現「捲動式動畫」的強大威力
這堂 10 集教學影片,全面瞭解捲動式動畫
- Chrome
CSS 磚石的替代提案
依不同規格定義磚石和網格的提案。
- Chrome
WebGPU 總覽
WebGPU 可讓您在網路上享有高效能的 3D 圖形和資料平行運算。
- WebGpu
資訊清單 - 最低 Chrome 版本
manifest.json 的 min_chrome_version 屬性參考說明文件。
- Chrome 擴充功能
彈出式視窗個案研究
Tokopedia 使用 Popover API 來減少應用程式中的程式碼數量。
- Chrome
不安全內容的私人網路存取權 (PNA) 淘汰試用即將結束;請按照 PNA 權限提示操作
如要從無法轉換為 HTTPS 的網站存取私人網路裝置,您必須使用權限提示放寬複合型內容檢查。
- Chrome
捲動及縮放已擷取的分頁
Captured Surface Control API 可讓網頁應用程式捲動及縮放已擷取的分頁。
資訊清單 - 試用權杖
manifest.json 的 trial_tokens 屬性參考說明文件。
- Chrome 擴充功能
WebAudio:查看 WebAudio API 指標
在 WebAudio 面板中查看 WebAudio API 指標
- Chrome 開發人員工具
Chrome 125 Beta 版
CSS 錨定定位、CSS 階梯函式、Compute Pressure API 等等。
- Chrome
折疊式 API 的來源試用
折疊式 API 是 Chrome 中的兩種 API,旨在協助開發人員指定折疊式裝置。
- Chrome
Chrome 124 新功能
Chrome 124 現已推出!有兩個新的 API 可以在 JavaScript 中使用宣告式陰影 DOM。您可以在 Web Socket 中使用串流功能。檢視轉場效果會更好。還有許多其他實用功能。Pete LePage 提供 Chrome 124 開發人員針對 Chrome 124 版新增的一切詳細資料。
- Chrome
每個網頁都有一個網址
瞭解 Lighthouse 與#34;每個頁面都有一個網址" 稽核。
未將 HTTP 流量重新導向至 HTTPS
瞭解如何將所有網頁重新導向至 HTTPS,提升網站的安全性。
未設定自訂啟動畫面
瞭解如何為漸進式網頁應用程式建立自訂啟動畫面。
未使用 HTTPS
瞭解如何使用 HTTPS 保護網站。
未針對可視區域正確調整內容大小
瞭解如何根據行動裝置螢幕調整網頁內容的大小。
目前的網頁在離線時不會傳回狀態碼 200 的回應
瞭解如何讓漸進式網頁應用程式在離線時運作。
Chrome 124
Chrome 124 將在 2024 年 4 月 16 日開始推出,除了 setHTMLUnsafe 和 WebSocket 網路外,還有許多更多新功能!
- Chrome
頁面轉換 Don' 感覺到網路會遭到封鎖
瞭解如何讓網頁之間的轉換體驗反應靈敏,即使網路速度緩慢也不受影響。
Chrome 擴充功能有哪些地方?'
概略說明 Chrome 擴充功能的近期異動,以及開發人員可期待即將推出的擴充功能功能。
- Chrome
- Chrome 擴充功能
調節
節流分頁參考資料。
- Chrome 開發人員工具
網頁在行動網路中的載入速度不夠快
瞭解如何透過行動網路快速載入網頁。
網頁應用程式資訊清單不符合安裝規定
瞭解如何讓漸進式網頁應用程式設定為可安裝。
start_url 在離線時不會以 200 回應
瞭解如何設定漸進式網頁應用程式's start_url,讓應用程式可以離線存取。
未註冊負責控管網頁和 start_url 的 Service Worker
瞭解如何註冊支援漸進式網頁應用程式功能 (例如離線功能、推播通知與安裝性) 的 Service Worker。
資訊清單不會';沒有可遮蓋的圖示
瞭解如何在 PWA 中新增可遮蓋的圖示支援。
未提供有效的 Apple-touch-icon
瞭解如何指定 iOS 主畫面上的漸進式網頁應用程式圖示。
未設定網址列的主題顏色
瞭解如何為漸進式網頁應用程式設定網址列主題顏色。
動畫:檢查及修改 CSS 動畫效果
使用「Animations」面板檢查及修改動畫。
- Chrome 開發人員工具
當 JavaScript 無法使用時,不提供備用內容
瞭解如何確保在 JavaScript 無法使用時,使用者能夠至少看到網頁上的部分內容。
網站可在不同瀏覽器上運作
瞭解如何使用 Workbox 確保您的網頁在各種瀏覽器中都能正常運作。
現在需要使用者授權才能存取 MIDI 裝置
Chrome 現在會透過權限提示限制整個 Web MIDI API。
- Chrome
自動填入:檢查已儲存的地址並進行偵錯
透過「自動填入」面板檢查儲存在 Chrome 中的地址並進行偵錯。
- Chrome 開發人員工具
使用 View Transition API 順暢轉換
View Transition API 可讓您新增網站檢視畫面之間的轉場效果。
多頁面應用程式的跨文件檢視模式轉換
開始在多頁面應用程式 (MPA) 中使用跨文件檢視轉場效果。
趣味與功能:Chrome 開發人員工具簡介
瞭解開發人員工具如何改善您的網頁應用程式開發。
- Chrome 開發人員工具
- Chrome
如何在 PageSpeed Insights 中查看 Chrome 使用者體驗報告資料
PageSpeed Insights (PSI) 這項工具可讓網頁開發人員瞭解網頁效能和改善方式。本指南將說明如何使用 PSI 從 CrUX 擷取深入分析資訊,並進一步瞭解使用者體驗。
- Chrome UX Report
WebGPU 的新功能 (Chrome 124)
唯讀和讀寫儲存空間紋理、Service Worker 和共用工作站支援、新的轉接器資訊屬性,以及錯誤修正。
- Chrome
- WebGpu
Chrome 線上應用程式商店開發人員資訊主頁的版本復原功能
本週,我們很高興推出一項新功能,讓開發人員將擴充功能回溯至先前在 Chrome 線上應用程式商店發布的版本。我們的目標是讓開發人員在發布更新時更安心,尤其是在改用資訊清單 V3 的情況下。 從今天起,您不必提交有錯誤修正的擴充功能新版本,然後等待審查通過。您可以透過「更多」 選單或項目的套件頁面,啟動回溯作業。 復原作業需要新版本號碼,以便重新發布擴充功能的舊版本,並提供復原的原因。填寫必要資訊後,請確認還原作業。 回溯完成後,系統會透過 Chrome
- Chrome 擴充功能
- Chrome
CrUX 現已提供導覽類型
瞭解 Chrome 使用者體驗報告 (CrUX) 中新的 Navigation_types 指標,以及該指標如何用於解釋並改善網路成效指標。
- Chrome
BigQuery 中的 CrUX
瞭解 BigQuery 中的 CrUX 資料集架構。
- Chrome UX Report
CrUX 指南
透過簡單易懂的指南瞭解如何使用 CrUX
- Chrome UX Report
確保載入網站字型時文字會持續顯示
瞭解如何使用 font-display API,確保使用者隨時都能看到您的網頁文字。
告別 JS 分析器,使用「效能」面板剖析 CPU
瞭解剖析 CPU 效能的未來路徑,瞭解原因及淘汰 JavaScript 分析器的方式。
- Chrome
開發人員工具、Chrome 124 的新功能'
捲動式動畫支援、新的「自動填入」面板、網路節流中的 WebRTC 新選項等等。
- Chrome
- Chrome 開發人員工具
往返快取 notRestoredReasons API
回報文件中顯示的影格是否遭到封鎖,無法在瀏覽時使用往返快取。
使用「效能」面板剖析 Node.js 效能
瞭解如何透過「效能」面板剖析 Node.js 應用程式效能。
- Chrome 開發人員工具
WebAssembly JavaScript Promise Integration (JSPI) 進入來源試用
「JavaScript Promise 整合」(JSPI) 是一個 API,可讓編譯至 WebAssembly 的依序程式碼存取非同步 Web API。
- Chrome
RetrieLater API 來源試用
瞭解 RetrieLater API (現已推出「來源試用」) 這個新 API,用於要求延遲擷取;即使網頁已關閉,仍會完成擷取。
- Chrome
網路要求:封鎖網路要求以測試網站
測試網站如何處理遺失資源的情形。
- Chrome 開發人員工具
鍵盤可聚焦捲動器
系統會推出變更,讓沒有設定 Tabindex 值的捲動器,且沒有可聚焦的子項鍵盤可聚焦。
- Chrome
Chrome 124 Beta 版
書寫建議 HTML 屬性、WebSocketStream API、優先 HTTP 要求標頭等。
- Chrome
Chrome 123 新功能
Chrome 123 現已推出!全新的淺色函式、Long Animation Frames API、Service Worker Static Routing API 與 #39 都提供許多其他功能。Adriana Jara 已提供開發人員在 Chrome 123 版中為開發人員新增的所有資訊。
- Chrome
使用 Service Worker Static 轉送 API,針對特定路徑略過 Service Worker
瞭解如何使用這個新的 API (適用於 Chrome 123)。
- Chrome
私人網路存取權:為網路工作站和導覽擷取作業提供額外防護
瞭解私人網路存取權' 是網路工作處理人員、導覽擷取作業和即將實施的安全防護的主要安全機制。以及網站擁有者應採取的因應做法。
- Chrome
隱藏擴充功能要求,以及更多網路面板改善項目
探索 Chrome 開發人員工具「Network」面板中的最新改善項目,讓你享有更簡便的網路偵錯體驗。
- Chrome 開發人員工具
- Chrome
2024 年及之後推出的效能工具
瞭解 Chrome 團隊和 #39 的計劃改善開發人員工具的「效能」面板。
- Chrome
- Chrome 開發人員工具
元素面板總覽
立即變更 DOM。
- Chrome 開發人員工具
套用其他效果:啟用自動深色主題、模擬焦點等
醒目顯示廣告頁框、模擬焦點在網頁上、停用本機字型和圖片格式、啟用自動深色主題,以及模擬視覺障礙。
- Chrome 開發人員工具
WebGPU 的新功能 (Chrome 123)
DP4a 內建函式支援、未限制的指標參數、用來反參照 WGSL 中複合的語法糖等等。
- Chrome
- WebGpu
CSS 功能參考資料
探索在 Chrome 開發人員工具中查看及變更 CSS 的新工作流程。
- Chrome 開發人員工具
查看及變更 CSS
瞭解如何使用 Chrome 開發人員工具查看及變更網頁 CSS#39;s CSS。
- Chrome 開發人員工具
使用中斷點暫停程式碼
瞭解在 Chrome 開發人員工具中暫停程式碼的所有方法。
- Chrome 開發人員工具
將舊版 Headless Chrome 下載為 chrome-headless-shell
您現在可以將舊版 Headless Chrome 下載為獨立二進位檔,用於所有面向使用者的 Chrome 版本。
- Chrome
透過共用字典大幅提升壓縮效率
網路壓縮大幅提升了共用字典壓縮功能。歡迎瞭解網路的靜態和動態資源及其運作方式,以及如何運用標準壓縮大幅縮短載入時間,進一步限縮網路的靜態和動態資源載入時間。
- Chrome
應用程式面板總覽
直接從瀏覽器取得網頁應用程式的重要資訊。
- Chrome 開發人員工具
What's 全新總覽
探索 Chrome 開發人員工具的最新功能
- Chrome 開發人員工具
改善 Speculation Rules API
推測規則 API 最新更新的詳細資料,包括平台上支援的文件規則、較容易設定、限制和推測規則。
- Chrome
打造無障礙擴充功能
對許多使用者來說,無障礙工具本來就是使用者介面,而其功能對許多使用者來說非常實用。
- Chrome 擴充功能
將介面國際化
使用 chrome.i18n API 以多種語言呈現介面。
- Chrome 擴充功能
Chrome 擴充功能:eyeo'測試服務工作人員停權作業的流程
眼神團隊在這篇文章中分享了自己在測試擴充功能服務工作人員問題的心路歷程。尤其是當服務工作人員遭到停權時,如何確保 Chrome 擴充功能正常運作。
- Chrome 擴充功能
- Chrome
開發人員工具的新功能 (Chrome 123)
復活節彩蛋、元素中的元素模擬頁面、風格、新版 Lighthouse 稽核等等。
- Chrome 開發人員工具
- Chrome
用於管理第三方程式庫的 Next.js 套件
瞭解如何使用 @next/third-parties 程式庫,最佳化熱門第三方資源的載入作業
- Chrome
Chrome 123 Beta 版
CSS light-dark() 色彩函式、區塊的 align-content、欄位大小屬性,以及頁面顯示事件。
- Chrome
支援區塊和資料表版面配置中對齊內容
在 Chrome 123 版中,使用「對齊內容」功能將項目對齊,而不建立 Flex 或格線容器。
- Chrome
使用裝置模式模擬行動裝置
在 Chrome 裝置模式下使用虛擬裝置,打造行動優先的網站。
- Chrome 開發人員工具
鍵盤快速鍵
Chrome 開發人員工具的鍵盤快速鍵標準說明文件。
- Chrome 開發人員工具
Chrome 122 新功能
Chrome 122 現已推出!推出新的 Storage Buckets API 後,開發人員工具「效能」面板會更新,並推出未經處理的 Async Clipboard API 讀取 HTML 選項,還有許多實用功能。Adriana Jara 已提供開發人員在 Chrome 122 版中為開發人員新增的所有資訊。
- Chrome
CSS 異動 ::backdrop 繼承
自 Chrome 122 版起,`::backdrop` 元素會沿用原始元素的屬性。
- Chrome
設定擴充功能圖示
擴充功能至少需要一個圖示,才能在工具列中代表該擴充功能。
- Chrome 擴充功能
運用績效感知功能,讓效能面板加快 400%
開發人員工具中的「效能」面板是一項強大的工具,可協助診斷、偵錯及修正網頁應用程式的效能問題。在此情況下,我們會逐步說明如何使用開發人員工具中的「效能」面板改善「效能」面板本身的效能,以及我們如何達到顯著的進步。
- Chrome
Chrome Extensions
待定
- Chrome 擴充功能
使用 WebHID
WebHID API 可透過擴充功能在網路上公開與人機介面裝置 (HID) 的相容裝置。
- Chrome 擴充功能
使用 WebUSB
WebUSB API 可透過擴充功能在網路上公開非標準通用序列匯流排 (USB) 相容裝置,
- Chrome 擴充功能
遷移至 Manifest V3
本指南說明如何將 Manifest V2 擴充功能轉換為 Manifest V3 擴充功能。
- Chrome 擴充功能
WebGPU 新功能' (Chrome<版本>122)
開發中的相容性模式、提高 maxVertexAttributes 限制,以及 Dawn 更新。
- Chrome
- WebGpu
資訊清單 - 內容安全政策
manifest.json 內容安全性政策屬性的參考說明文件。
- Chrome 擴充功能
CSS 欄位大小
以可編輯內容自動調整元素大小的一行程式碼。
記錄堆積快照
瞭解如何使用堆積分析器錄製堆積快照,並找出記憶體流失情形。
- Chrome 開發人員工具
chrome.runtime
使用 chrome.runtime API 擷取服務工作者、傳回資訊清單的詳細資料,並監聽擴充功能生命週期中的事件並做出回應。您也可以使用這個 API,將網址的相對路徑轉換為完整網址。 這個 API 的大多數成員「不需要」 任何權限。 connectNative() 、 sendNativeMessage() 和 onNativeConnect 需要這項權限。 以下範例說明如何在資訊清單中宣告 "nativeMessaging" 權限: manifest.json: Runtime API
- Chrome 擴充功能
宣告權限
manifest.json 中權限屬性的有效值總覽。
- Chrome 擴充功能
使用網路推播
透過 Chrome 擴充功能使用網路推播的逐步指南
- Chrome 擴充功能
權限警告指南
權限警告在 Chrome 擴充功能中的運作方式。
- Chrome 擴充功能
開發人員工具的新功能 (Chrome 122)
在「網路和應用程式」面板中逐步停用第三方 Cookie 警告、「網路」面板中的加強型偵錯功能、「效能」面板中的導覽標記等等。
- Chrome 開發人員工具
- Chrome
隆重推出使用 EditContext API 建立自訂網頁編輯體驗的新方法
EditContext 是在 Chrome 和 Edge 中推出的全新 API,可協助開發人員在瀏覽器中建構進階的文字編輯功能。歡迎參閱這篇文章,瞭解詳情!
- Chrome
開發人員工具提示:對推測導覽項目進行偵錯,加快網頁載入速度
運用推測載入功能加快網頁瀏覽速度,並瞭解如何進行偵錯。
- Chrome 開發人員工具
- Chrome
電腦版 Chrome 的 SharedArrayBuffer 淘汰試用期限延長至 Chrome 124
在 Chrome 電腦版中,無跨來源隔離的 SharedArrayBuffer 淘汰試用期限將延長至 Chrome 124 版。
- Chrome
回應指令
回應額外資訊中的自訂按鍵組合。
- Chrome 擴充功能
使用擴充功能自訂錄音工具
安裝擴充功能即可自訂及整合錄音工具。
- Chrome 開發人員工具
Chrome 122 Beta 版
Chrome 122 Beta 版除了提供 Iterator 輔助工具、設定方法和 Storage Buckets API,還能在 Async Clipboard API 中讀取未處理過的 HTML 等更多功能。
- Chrome
Chrome 擴充功能有哪些地方?'
概略說明 Chrome 擴充功能的近期異動,以及開發人員可期待即將推出的擴充功能功能。
- Chrome 擴充功能
- Chrome
Chrome 121 新功能
Chrome 121 現已推出!經過 CSS 更新,我們改善了 Speculation Rules API、Element Capture API 的來源試用以及 #39 等等。Adriana Jara 已提供開發人員在 Chrome 121 針對開發人員新增的一切詳細資料。
- Chrome
透過網址列觸發動作
透過網址列觸發動作。
- Chrome 擴充功能
WebGPU 新功能's (Chrome 約 121)
支援 Android 上的 WebGPU、使用 DXC 進行著色器編譯、計算及轉譯傳遞的時間戳記查詢、將著色器模組的預設進入點、支援 GPUExternalTexture 色彩空間、記憶體堆積資訊等的 display-p3。
- Chrome
- WebGpu
使用 Angular SSR 安全地存取 DOM
瞭解如何在 Angular 中安全地搭配使用 DOM 與 SSR
- Chrome
使用 Puppeteer 測試網路藍牙
使用 Puppeteer 來測試在 Chrome 中使用 Web Bluetooth API 的功能。
- Chrome
捲軸樣式
請使用「scrollbar-width」和「scrollbar-color」屬性來設定捲軸的樣式。
Google Colab 的網路 AI 模型測試
瞭解如何在標準化硬體設定中,測試用戶端的瀏覽器式 AI 模型,同時維持可擴充、可自動執行。
- WebGpu
大幅提升 Web AI 模型測試效率:WebGPU、WebGL 和 Headless Chrome
探索我們的解決方案,瞭解如何持續自動執行瀏覽器測試及改善應用程式效能。
- Chrome
- WebGpu
搭配 chrome.gcm 使用 Firebase 雲端通訊 (FCM)
透過 chrome.gcm 使用 Firebase 通訊的逐步指南
- Chrome 擴充功能
實作動作
回應使用者點按工具列。
- Chrome 擴充功能
表單控制項元素的 CSS 垂直撰寫模式
Chrome 新增另一個國際化 CSS 功能。
- Chrome
File System Access API 的永久權限
本文將說明如何管理 File System Access API 的永久權限。並快速回顧問題目前的狀態,以及正在解決的難題。
- Chrome
使用顏色挑選器檢查 HD 高畫質和非 HD 高畫質色彩,並進行偵錯
瞭解如何使用 Elements > 中的顏色挑選器,檢查及偵錯 HD 高畫質和非 HD 高畫質色彩。
- Chrome 開發人員工具
開發人員工具提示:編寫顏色
只要按幾下滑鼠,即可瞭解如何編寫顏色。
- Chrome
- Chrome 開發人員工具
開發人員工具提示:偵錯擷取優先順序
瞭解如何偵錯擷取優先順序。
- Chrome
- Chrome 開發人員工具
網頁應用程式範圍擴充功能
自 Chrome 122 版起,您可以訂閱 scope_extensions 應用程式資訊清單成員的來源試用,允許控制多個子網域和頂層網域的網站顯示為單一網頁應用程式。
CSS text-wrap: balance
這項經典的排版技巧,是指手動編寫適當的斷行符號,以平衡文字區塊。
充分發揮 WebDriver BiDi 的力量:Chrome 和 Firefox 的自動化功能 Puppeteer
Puppeteer 現在可以和 Firefox 交談了!🎉? 但是等不及了嗎?🤔? Let';深入探索 WebDriver BiDi (Puppeteer 中的新通訊協定),並探究這個令人期待的 Firefox 自動化工作流程開發成果。
- Chrome
建構內容選單
實作彈出式視窗,讓使用者在其中叫用擴充功能功能。
- Chrome 擴充功能
處理遠端代管程式碼違規問題
Service Worker 可讓擴充功能只在需要時執行,藉此節省資源。
- Chrome 擴充功能
新增彈出式視窗
實作彈出式視窗,讓使用者在其中叫用擴充功能功能。
- Chrome 擴充功能
新式架構對新的 INP 指標成效如何
本篇文章將討論新的 INP 指標與架構型網站的關聯性,以及 Aurora' 將這項指標調整到最佳指標的架構。
Android 版 Google Chrome
如需 Android 版 Chrome 開發人員功能的完整清單,請前往 chromestatus.com 。 前往 Play 商店下載 Chrome 。 使用者在某部裝置上登入 Chrome 時,可在其他裝置上登入 Chrome 時存取該工作階段的分頁和瀏覽記錄。Chrome 執行個體會同步處理整個網頁內容,而不只是網址,使用者不必重新提交憑證就能查看登機證或網站中需要登入的文章。 網址列會使用預先擷取功能填入網址,並根據瀏覽記錄和本機書籤建議搜尋查詢。這項功能只會在使用者連上 Wi-Fi
使用 Chrome 的 Android 意圖
使用 Android 意圖直接在網頁上啟動應用程式。
在高階平板電腦上,Chrome 預設啟用電腦模式
Chrome 已根據 Android 平板電腦生態系統進行調整,在高階平板電腦上預設啟用電腦模式。
- Chrome
獨家手風琴
建立具有相同 `name` 的多個 `` 元素的專屬摺疊元素。
WebGPU 新功能'
即時掌握 WebGPU 的最新功能。
- WebGpu
使用區域擷取功能提升分頁分享體驗
網路平台現在內建 Region Capture 功能,可有效裁剪影片軌。
開發人員工具的新功能' (Chrome 121)
元素中的 @font-palette-values 支援、改善來源對應支援、效能更優異、互動追蹤功能等等。
- Chrome
- Chrome 開發人員工具
WebGPU 新功能's (Chrome 約 120)
支援 WGSL 中的 16 位元浮點值、限制增加、深度模板狀態變更、轉接程式資訊更新等。
- Chrome
- WebGpu
包裝 CSS:2023!
2023 年是 CSS 的一大關鍵!瞭解今年在 Chrome 和各個網路平台中掀起一股熱潮。
- Chrome
透過通訊埠轉送功能存取本機伺服器和 Chrome 執行個體
在開發機器網路伺服器上託管網站,然後從 Android 裝置存取內容。
- Chrome 開發人員工具
開發人員工具提示:什麼是 DOM?HTML 與 DOM 的比較
瞭解如何使用開發人員工具對 DOM 進行偵錯。
- Chrome 開發人員工具
- Chrome
查看影格詳細資料
查看影格詳細資料。
- Chrome 開發人員工具
開發人員工具提示:對 bfcache 偵錯
瞭解如何對 bfcache 偵錯,讓您的頁面立即載入。
- Chrome 開發人員工具
- Chrome
私人網路存取權提示來源試用:使用 HTTPS 遷移網站的路徑
Google Chrome 將根據私人網路存取權 (PNA) 規格,淘汰透過不安全的公開網站存取私人網路端點的功能。
- Chrome
Chrome 120 的新功能
Chrome 120 現已推出!透過 CloseWatcher API,以便在處理關閉要求時提供一致的體驗、使用詳細資料元素輕鬆實作摺疊模式,進而提供權限政策違規報告,甚至還能提供其他功能。
- Chrome
查看、新增、編輯及刪除 Cookie
瞭解如何使用 Chrome 開發人員工具查看、新增、編輯和刪除網頁 #39;s HTTP Cookie。
- Chrome 開發人員工具
Chrome 開發人員工具如何協助防範自我 XSS 攻擊
瞭解 Chrome 開發人員工具如何封鎖貼上程式碼,避免開發人員工具的使用者體驗不佳,藉此減輕自主 XSS 攻擊。
- Chrome 開發人員工具
- Chrome
重新瀏覽 Chrome' 的可安裝條件
Chrome 將在未來幾個月內進行實驗,以簡化應用程式安裝條件,改善開發人員和使用者體驗。本文將介紹相關異動,以及我們執行這些實驗的原因。
- Chrome
正式推出 CSS 的四項全新國際功能
Chrome 將新增四項國際 CSS 功能。
- Chrome
網頁生命週期 API
Page Lifecycle API 可將行動作業系統上常見的應用程式生命週期功能導入網路。瀏覽器現在能夠安全地凍結及捨棄背景頁面,以節省資源,開發人員也可在不影響使用者體驗的情況下,安全地處理這些介入措施。
忽略清單
忽略清單分頁參照。
- Chrome 開發人員工具
Async Clipboard API 中的 HTML 未經處理
從 Chrome 120 版開始,Async Clipboard API 就提供全新的未清理選項。歡迎參閱本指南。
為視訊會議網頁應用程式自動顯示子母畫面
Chrome 允許視訊會議網頁應用程式自動進入子母畫面。
- Chrome
繼續轉換至 Manifest V3
去年 12 月,我們暫停了原訂的 Manifest V2 淘汰計畫,以便回應開發人員的意見,並提供更完善的 遷移問題 解決方案。根據這項意見回饋,我們對 Manifest V3 進行了多項變更,以 彌補這些差距 ,包括: 除了彌補缺口,我們也為平台新增了許多新功能,例如今年初推出的 Side Panel API ,以及目前處於 Beta 版的 Reading List API 。我們最近在廣告篩選開發人員大會上討論了許多這類變更,並 分享 更多資訊,說明我們根據意見回饋所做的變更和改善。
- Chrome 擴充功能
- Chrome
Angular NgOptimizedImage 指令新功能
瞭解 Angular NgOptimizedImage 指令中的新功能,可進一步改善 Angular 應用程式中的圖片效能。
- Chrome
改善 Manifest V3 的內容篩選功能
過去一年,我們積極與多個內容封鎖擴充功能的供應商討論,尋找改善 MV3 擴充功能平台的方法。根據這些討論 (其中許多是在 WebExtensions 社群群組 ( WECG ) 與其他瀏覽器合作時進行),我們已推出許多重大改善措施。 篩選器規則通常會分組成清單。舉例來說,較一般性的清單可能包含適用於所有使用者的規則,而較具體的清單則可能隱藏特定地點的內容,只有部分使用者想封鎖這些內容。在此之前,我們允許每個擴充功能為使用者提供 50 個清單 (或「靜態規則集」) 供選擇,並同時啟用其中 10
- Chrome
- Chrome 擴充功能
Service Worker Static Route API 來源試用
瞭解 Service Worker Static Route 第一階段 (目前在來源試用中),這個新的 API 可讓您以宣告的方式指定 Service Worker 應如何處理路徑。
- Chrome
擷取 WebGPU 生態系統
瞭解 WebGPU 生態系統如何延伸至 JavaScript、C++ 和 Rust 領域之外。
- Chrome
- WebGpu
開發人員工具的新功能 (Chrome 120)
「問題」面板中回報的第三方 Cookie 逐步退場問題、Cookie 專用的 Privacy Sandbox 分析工具、「應用程式」面板中的有效內容安全政策、更完善的動畫偵錯功能、強化的忽略清單功能等等。
- Chrome
- Chrome 開發人員工具
CSS 巢狀結構放寬語法更新
Chrome 120 中已啟用提前巢狀結構。
- Chrome
變更 IndexedDB 中的預設耐用性模式
從 Chrome 121 開始,IndexedDB 中的耐用性模式會從嚴格模式變更為放寬模式。
- Chrome
Chrome 120 擴充功能的新功能
Chrome 120 版中適用於 Chrome 擴充功能開發人員的重要異動摘要。
- Chrome
- Chrome 擴充功能
Chrome 120 Beta 版
CSS 遮罩、放寬的 CSS 巢狀結構規則、使用元素建立調音模式,以及 Media Session API 的 enterpictureinpicture 動作。
- Chrome
在 Chrome OS 上處理檔案
如何在 Chrome 擴充功能服務工作站、彈出式視窗、側邊面板或內容指令碼中開啟檔案。
- Chrome 擴充功能
file_handlers
manifest.json 的 file_handlers 屬性參考說明文件。
- Chrome 擴充功能
Chrome 現已預設啟用 WebAssembly 垃圾收集 (WasmGC)
程式設計語言分為兩種:垃圾收集的程式設計語言,以及需要手動管理記憶體的程式設計語言。有了 WebAssembly 垃圾收集功能,垃圾收集語言就能轉移至 WebAssembly。
- Chrome
Chrome 119 新功能
Chrome 119 現已推出!更新儲存空間中 Cookie 的到期日上限。CSS 新增了虛擬類別、相對顏色語法、改善廣告尺寸巨集等 Fenced Frames,而且還有更多功能。
- Chrome
CSS 偏好採用較低的透明度
針對偏好使用不透明 UI 的使用者進行最佳化及調整。
- Chrome
WebGPU 新功能's (Chrome 119)
可篩選的 32 位元浮點紋理、unorm10-10-10-2 頂點格式、RGB10a2uint 紋理格式等。
- Chrome
- WebGpu
CSS 文字換行:美化
選擇採用最佳化文字換行功能,換上美觀速度。
- Chrome
選取元素:現已採用水平規則
瞭解展開的精選元素功能如何利用視覺化的水平中斷時間點改善分組效果。
- Chrome
Chrome 擴充功能有哪些地方?'
概略說明 Chrome 擴充功能的近期異動,以及開發人員可期待即將推出的擴充功能功能。
- Chrome
- Chrome 擴充功能
Chromium Issue Tracker 遷移
Chromium 問題追蹤功能將於 2024 年 1 月遷移至由 Google Issue Tracker 支援的工具。
- Chrome
Sanitizer API 淘汰
目前的 Sanitizer API 實作項目已於 Chrome 119 版淘汰,以因應日後的規格更新。
- Chrome
在網路上透過藍牙連線
Web Serial API 新增了藍牙 RFCOMM 服務的支援。
- Chrome
使用 Puppeteer 測試 Chrome 擴充功能
如何使用 Puppeteer 為 Chrome 擴充功能編寫自動化測試。
- Chrome 擴充功能
Chrome 擴充功能的端對端測試
如何針對擴充功能編寫端對端測試。
- Chrome 擴充功能
Chrome 擴充功能單元測試
如何撰寫擴充功能的單元測試。
- Chrome 擴充功能
CSS 相對顏色語法
根據其他顏色's 的頻道和值建立新顏色。
- Chrome
回報擴充功能錯誤
如何回報擴充功能錯誤或說明文件問題。
- Chrome 擴充功能
尋找及追蹤錯誤
檢查是否已回報錯誤或功能要求。
- Chrome 擴充功能
Chrome 118 版新功能
Chrome 118 現已推出!使用 @scope css 規則在元件中宣告特定樣式。使用新的媒體功能:優先降低透明度。開發人員工具已在「來源」面板中改良功能,還有 #39 更多功能。
- Chrome
What's 開發人員工具的新功能 (Chrome 119)
改善樣式中的 @property 部分、更新的裝置清單、更強大的「來源」和「自動完成」功能中的美化設計。
- Chrome 開發人員工具
- Chrome
改善 API 以在瀏覽器中使用檔案
支援 FileSystemSyncAccessHandle 的多個讀取器和寫入器,以及 FileSystemWritableFileStream 的專屬寫入器。 來源私人檔案系統 (有時也稱為值區檔案系統) 可讓開發人員存取經過最佳化處理的檔案,以便提升讀取和寫入效能。這項作業會透過 FileSystemSyncAccessHandle 物件執行。目前,嘗試為同一個檔案項目開啟多個 FileSystemSyncAccessHandle 物件時,會失敗並顯示
- Chrome
為全螢幕彈出式視窗新增來源試用
There' 現在只要一個步驟,就能以全螢幕模式開啟彈出式視窗,現已推出新的來源試用。
- Chrome
Chrome 119 Beta 版
Chrome 119 Beta 版提供 CSS 相對顏色語法、新的虛擬類別等多項功能。
- Chrome
使用 CSS @scope at-rule 限制選取器的觸及範圍
瞭解如何使用 @scope 僅在 DOM 有限的子樹狀結構內選取元素。
開發人員工具提示:對 Chrome 擴充功能進行偵錯
瞭解如何使用開發人員工具對 Chrome 擴充功能進行偵錯。
- Chrome
- Chrome 開發人員工具
- Chrome 擴充功能
What's WebGPU 新功能 (Chrome 118 以上版本)
擴充「copyExternalImageToTexture」的原始碼支援、讀寫和唯讀儲存空間紋理的實驗性支援等等。
- Chrome
- WebGpu
Chrome 現在支援 macOS 上的 iCloud 鑰匙圈密碼金鑰
macOS 版 Chrome 開始支援 iCloud 鑰匙圈使用密碼金鑰。如此一來,使用者在 iCloud 鑰匙圈上建立密碼金鑰,並將這些金鑰同步到 Apple 裝置。
- Chrome
透過檢視畫面轉場功能實現流暢導覽
深入解說 CyberAgent、RedBus、Nykaa 和 PolicyBazaar 導入檢視畫面轉場效果的方式和原因。
- Chrome
我們為 Chrome 開發人員
紀念 Chrome';歡慶 15 週年,我們身為開發人員的可靠且實用合作夥伴。
- Chrome
從 WebGL 到 WebGPU
瞭解遷移至 WebGPU 的 WebGL 開發人員相關提示。
- Chrome
What's 開發人員工具的新功能 (Chrome 118)
針對 Elements > 中的自訂屬性新增部分;樣式、更多本機覆寫改善項目、強化搜尋功能、來源中簡化的工作區等等。
- Chrome 開發人員工具
- Chrome
Chrome 118 Beta 版
CSS 的範圍設定樣式、其他媒體功能、支援鍵盤的捲動式容器等等。
- Chrome
Chrome 117 版新功能
Chrome 117 現已推出!我們提供三項全新 CSS 功能,可讓您輕鬆新增順暢的輸入和結束動畫,以及透過陣列分組來計算較高順序資料集。開發人員工具不僅簡化本機覆寫作業,還讓您處理更多事務。
- Chrome
從 Chrome 應用程式轉換
如何遷移 Chrome 封裝或代管應用程式。
What's WebGPU 新功能 (Chrome 117 版)
取消設定頂點緩衝區並繫結群組,讓遺失的裝置看似可運作等等。
- Chrome
- WebGpu
發布擴充功能
發布新的 Manifest V3 擴充功能的指南
- Chrome 擴充功能
Google Summer of Code 和 Chrome 擴充功能
獲得參加 Google Summer of Code 的經驗和建議。
- Chrome 擴充功能
- Chrome
開發人員工具實用秘訣:文字片段和線上運算式
使用程式碼片段執行您常用的程式碼,並透過即時運算式即時查看值。
- Chrome
- Chrome 開發人員工具
天文檢視畫面轉場效果
著重說明 Astro 社群在 Chrome 建構 API 時採用「View Transitions」,以及開始在 Astro + 中實現最高等級的 AI 支援之路。
- Chrome
加快 Chrome 發布速度 (第 2 輪!)
自 Chrome 119 起,我們會縮短從發布分支到穩定版的時間。
- Chrome
trainr.yield 來源試用簡介
「scheduler.yield」是系統在來源試用中為排程器 API 新增的提案新增提案,這種創新的方法可用於細分工作,提供回應速度更快的使用者體驗。瞭解這項提議新增排程 API 的好處,並註冊來源試用,協助我們取得深入分析和意見回饋。
- Chrome
使用新的指令編輯器有效率地建立 Chrome 開發人員工具通訊協定 (CDP) 指令
為方便您輸入 Chrome 開發人員工具通訊協定 (CDP) 指令,DevTools 推出了全新的容易使用編輯器,讓您無需使用 JSON。
- Chrome
Lighthouse 11 的新功能's
Lighthouse 11 推出全新無障礙工具變更和稽核更新
- Chrome
開發人員工具的新功能 (Chrome 117)
在「網路」面板中覆寫 XHR/擷取要求並隱藏擴充功能要求、在「效能」面板中查看擷取優先順序的變更、體驗多項使用者介面改善,以及體驗新的色彩和實驗功能等等。
- Chrome
- Chrome 開發人員工具
將安全檢查功能導入 chrome://extensions 頁面
從 Chrome 117 版開始,如果 Chrome 線上應用程式商店不再提供使用者所安裝的擴充功能,Chrome 會主動向使用者強調。
- Chrome
- Chrome 擴充功能
Chrome 117 Beta 版
CSS 格線子格、進入和離開動畫支援 CSS、陣列分組、疊代器輔助程式等。
- Chrome
4 項新的 CSS 功能,讓你享受流暢的進入及離開動畫效果
瞭解新功能:可在獨立動畫之間以及頂層圖層之間流暢轉換
- Chrome
Chrome 116 版新功能
Chrome 116 現已推出!使用 Photos API 中的文件圖片來提升使用者的工作效率,現在您可以輕鬆在開發人員工具中偵錯缺少的樣式表,而且還有許多實用功能。
- Chrome
資訊清單 - 內容指令碼
manifest.json 的 "content_scripts" 屬性參考說明文件。
- Chrome 擴充功能
使用 restricted-properties 確保彈出式視窗互動的安全
取得跨來源隔離和跨網站外洩防護機制,還能與彈出式視窗互動。
- Chrome
What's WebGPU 新功能 (Chrome 116 以上版本)
WebCodecs 整合、改善影片播放等。
- Chrome
- WebGpu
Chrome 的一次性權限
"允許這個時間";在 Chrome 中授予權限的一次性選項。這項功能一開始僅適用於電腦版地理位置、相機和麥克風。
- Chrome
開發人員工具提示:中斷點和記錄點
使用中斷點和記錄點即可輕鬆偵錯。
- Chrome
- Chrome 開發人員工具
TWA 的 PostMessage
從 Chrome 115 Trusted Web Activities (TWA) 開始,您可以使用 postMessage 傳送訊息。本文件將逐步介紹在應用程式和網頁之間進行通訊所需的設定。
Chrome 116 版擴充功能的新功能
Chrome 116 版中適用於 Chrome 擴充功能開發人員的重要異動摘要。
- Chrome
- Chrome 擴充功能
Chrome 116 Beta 版
CSS 動態路徑、往返快取 NotRestoredReason API、Document Picture-in-Picture 等。
- Chrome
在 iOS 16.4 以上版本的 Chrome 中對網站進行偵錯
瞭解如何在 iOS 版 Chrome 中使用 Safari 網頁檢查器偵錯功能。
- Chrome
Chrome 115 新功能
使用 ScrollTimeline 和 ViewTimeline 建立捲動式動畫,來改善使用者體驗。Fenced Frame 可與其他 Privacy Sandbox API 搭配運作,嵌入相關內容,同時避免不必要的結構定義分享。透過 Topics API,瀏覽器可與第三方分享使用者的相關資訊,同時保護隱私權,還有其他許多功能。
- Chrome
Chrome 擴充功能有哪些地方?'
Chrome 擴充功能今年到目前為止的異動總覽,以及開發人員預計即將推出的擴充功能功能。
- Chrome 擴充功能
- Chrome
開發人員工具提示:使用錄音工具錄製及重播使用者流程
瞭解如何使用開發人員工具中的錄音工具面板錄製、重播及偵錯使用者流程。
- Chrome 開發人員工具
- Chrome
捲動式動畫成效的個案研究
這個新的 API 比傳統實作捲動式動畫更流暢。
- Chrome
在 Service Worker 中使用 WebSocket
透過 Chrome 擴充功能連線至 WebSocket 的逐步操作說明。
- Chrome 擴充功能
WebRTC:舊版 getStats() 遷移指南
瞭解如何在 iOS 版 Chrome 中使用 Safari 網頁檢查器偵錯功能。
- Chrome
開發人員工具秘訣:本機與工作階段儲存空間
使用 Application > 本機 Storage 和 Session Storage 對鍵/值組合進行偵錯。
- Chrome 開發人員工具
- Chrome
What's 開發人員工具的新功能 (Chrome 116)
開發人員工具已進行多項改善,協助您更快速地找出並偵錯缺少樣式表單的問題: 「Network」 面板會持續在「Initiator」 欄中填入連結,連結會導向參照無法載入的樣式表的確切行。 「Issues」 面板會列出所有樣式表單載入問題,包括無效網址、失敗的請求,以及放錯位置的 @import 陳述式。 Chromium 問題: 1440626 、 1442198 、 1453611 。 在「元素」 >「樣式」 中,您可以使用 Easing 編輯器 ,只需點按即可調整
- Chrome
- Chrome 開發人員工具
使用地理位置
如何在 Chrome 擴充功能服務工作站、彈出式視窗、側邊面板或內容指令碼中使用地理位置。
- Chrome 擴充功能
What's WebGPU 新功能 (Chrome 115 以上版本)
支援的 WGSL 語言擴充功能和 Direct3D 11 實驗性支援等等。
- Chrome
- WebGpu
Chrome for Testing:透過可靠的下載方式自動進行瀏覽器自動化
Chrome for Testing 是 Chrome 的全新版本,專門針對網頁應用程式測試和自動化用途。
- Chrome for Testing
- Chrome
對 C/C++ WebAssembly 進行偵錯
瞭解如何使用 Chrome 開發人員工具在 C/C++ WebAssembly 中找出並修正錯誤。
- Chrome 開發人員工具
Photoshop 如何解決超過記憶體空間大小的檔案
瞭解 Adobe 如何讓使用者在其經典 Photoshop 應用程式的網頁版上編輯大型檔案。 (這篇文章也有影片版本)。 2021 年,Adobe 與 Chrome 工程團隊合作, 將 Photoshop 帶到網路上 。這款軟體採用創新的 WebAssembly 用法,包括 SIMD 、 原始私人檔案系統 中的高效能儲存空間、用於畫布的 P3 色彩空間 ,以及採用 Lit 的 Web 元件。在本文中,我們將著重於說明 Adobe Photoshop
- Chrome
向量圖片編輯應用程式 Boxy SVG 如何使用 Local Font Access API 挑選他們喜愛的本機字型
Local Font Access API 提供機制,可存取使用者在本機安裝的字型資料,包括名稱、樣式和系列等較高層級詳細資料,以及基礎字型檔案的原始位元組。瞭解 SVG 編輯應用程式 Boxy SVG 如何使用這個 API。 (這篇文章也有影片版本)。 Boxy SVG 是向量圖形編輯器。主要用途是編輯 SVG 檔案格式的繪圖,以便製作插圖、標誌、圖示和其他圖形設計元素。這個擴充功能是由波蘭開發人員 Jarosław Foksa 開發,最初於 2013 年 3 月 15
- Chrome
WebGPU 新功能's (Chrome 114)
JavaScript 最佳化等。
- Chrome
- WebGpu
異動事件將從 Chrome 中移除
宣布將淘汰異動事件並預計移除異動事件,並說明在 2024 年 7 月移除程式碼前,可以如何遷移程式碼。
- Chrome
從 SVG 元素中的資料網址遷移
SVG 元素中的網址支援功能將遭到移除。建議您改用其他替代方案。
- Chrome
Chrome 115 Beta 版
CSS 顯示屬性的多個關鍵字、WebGPU 適用的 WGSLLanguageFeatures、HTTPS 升級等等。
- Chrome
第二次試用 Compute 壓力來源試用
Chrome 推出了全新的來源試用,可讓網頁開發人員監控運算壓力。
- Chrome
Chrome 停用了 document.domain 的修改功能
如果您的網站需要使用 document.domain,您就必須採取行動。
- Chrome
遊戲編輯器 build 3 如何使用 File System Access API 讓使用者儲存遊戲
File System Access API 可提供讀取、寫入和檔案管理功能。瞭解 Construct 3 如何使用這個 API。 (這篇文章也有影片版本)。 Construct 3 是 Thomas 和 Ashley Gullen 兄弟開發的遊戲編輯器。針對目前第三版的遊戲編輯器,這兩個版本在先前為 Windows 和 NW.js 建構後,已完全 「將瀏覽器視為新的作業系統」 。您可以探索 展示區 或完成 導覽
- Chrome
Chrome 114 版新功能
Chrome 114 現已推出!Chrome 114 現已推出!經過文字換行,可有效改善文字版面配置,Cookie 擁有獨立分區狀態;新的 Popover API 讓彈出式視窗變得更簡單,而且還有許多功能等您發掘。
- Chrome
什麼是開發人員工具?#39;s 開發人員工具新功能 (Chrome 115)
元素 面板會獲得新的 subgrid 徽章,用於 子格 。這項功能目前為 Chrome Canary 實驗功能。 如要檢查及偵錯子格狀網格 (即子格狀網格),並繼承其父項的軌道數量和大小,請按一下徽章。這會切換疊加層,在可視區域的元素上方顯示資料列、資料列數量。 如需「元素」 面板中所有徽章的清單,請參閱 徽章參考資料 。 Chromium 問題: 1442536 。 在「元素」 >「樣式」 中,將滑鼠游標懸停在選取器名稱上,即可在工具提示中查看其 特定性權重 。 Chromium 問題:
- Chrome 開發人員工具
- Chrome
使用全新的 Side Panel API 設計優質使用者體驗
隆重推出全新的 Chrome 擴充功能 Side Panel API。
- Chrome
使用 Linear() 加/減速函式在 CSS 中建立複雜的動畫曲線
隆重推出 Linear()。這是一種 CSS 的加/減速函式,可在其點之間進行線性內插,讓您重新建立彈跳和彈簧效果。
開發人員工具提示:Workspace
使用 Workspace 將您在開發人員工具中所做的變更儲存至本機來源檔案。
- Chrome
- Chrome 開發人員工具
資訊清單 - 背景
manifest.json 的背景屬性參考說明文件。
- Chrome 擴充功能
隆重推出彈出式視窗 API
瞭解如何使用新的 popover API 建構工具提示、選單等內容。
- Chrome
LEGO® Education 如何使用網路藍牙和 Web Serial API
LEGO Education 運用強大的網路功能,盡可能簡化將 LEGO 型號連線至電腦。
- Chrome
Aurora 新功能'
歡迎瞭解 Chrome Aurora 團隊近期的表現,以及 2023 年的發展藍圖。
- Chrome
3D 模型編輯器 Blockbench 如何使用 EyeDropper API 讓使用者選擇世界各地的顏色
EyeDropper API 提供建立滴管工具的機制,讓使用者從螢幕 (包括瀏覽器視窗以外的部分) 取樣顏色。瞭解 3D 模型編輯器 Blockbench 如何在程式碼庫中使用這個 API。 (這篇文章也有影片版本)。 Blockbench 是免費的現代化模型編輯器,可用於具有像素藝術紋理的低多邊形模型。如果您曾經玩過 Minecraft ,很可能會看到 Blockbench 建立的素材資源,例如山羊,這是在「洞穴與懸崖更新」第 1 部分中加入 Minecraft 的素材資源。授權為 GPL 第
- Chrome
Storage 值區來源試用已推出
Storage Standard 定義了用於永久儲存空間和預估配額的 API,以及平台儲存空間架構。We' 正在實驗某個 API,讓這個 API 在大量記憶體壓力下讓永久儲存空間剔除更容易被預測。在從 Chrome 115 版到 Chrome 118 版中的來源試用期間試用 Storage Buckets API。
- Chrome
圖片編輯應用程式 Photopea 如何使用 File Handling API 讓使用者透過檔案探索工具開啟檔案
File Handling API 可讓網頁應用程式將自己註冊為應用程式支援的檔案格式檔案處理常式。瞭解圖片編輯應用程式 Photopea 如何使用這個 API。 (這篇文章也有影片版本)。 Photopea 是 Ivan Kutskir 開發的免費線上圖片編輯器。Ivan 自 2012 年開始開發這款應用程式,並經營 部落格 ,分享他為 Photopea 新增的主要功能。Photopea 可支援 PSD (Adobe Photoshop)、XCF (GIMP)、Sketch (Sketch
- Chrome
已更新網路 SQL 淘汰時間表
Chromium 119 已完全移除網路 SQL。
- Chrome
CSS 和使用者介面的新功能:2023 年 I/O 大會版本
Google I/O 2023 的前 20 大 CSS 和 UI 功能會醒目顯示你不容錯過的消息';
- Chrome
找出 Chrome 開發人員工具的表單問題
Chrome 開發人員工具團隊正在打造其他新功能,協助找出表單問題並對自動填入功能進行偵錯。這些功能目前在設計和實作的早期階段,需要您進行測試和提供意見。
- Chrome
2023 年 Android 網頁版新功能
更新工具,讓你在 Android 裝置上體驗網路服務。強化隱私防護機制,並進一步支援 WebView 的大螢幕、自訂分頁中部分自訂分頁、簡化安裝程序,以及整合 PWA 適用的 Play 商店帳單功能,以及適用於 TWA 的 Play 商店帳單管理功能等等。
- Chrome
跨 iframe 共用自動填入:初始提案
部分錶單在 iframe 中具有欄位,導致瀏覽器自動填入功能發生問題。使用共用自動填入功能時,上層頁框可指定跨來源 iframe 的可信度,為使用者提供更優質的自動填入體驗。
- Chrome
WebGPU:在瀏覽器中解鎖新型 GPU 存取權
瞭解 WebGPU 如何發揮 GPU 的功用,加快機器學習的執行速度,並改善圖形轉譯速度。
- Chrome
有關 Google I/O 大會的 10 則最新消息
瞭解我們如何協助開發人員透過我們在 2023 年 Google I/O 大會上發表的重要更新和新推出的產品,更輕鬆地為使用者提供強大的體驗。
- Chrome
WebDriver BiDi:2023 年狀態更新
本文將概略說明 2023 年 WebDriver BiDi 的新功能。
- Chrome
準備參加 Google I/O 大會
自行建立議程,為 Google I/O 大會做好準備。
- Chrome
使用捲動式動畫呈現捲動時的元素動畫
瞭解如何使用捲動時間軸和檢視畫面時間軸,以宣告方式建立捲動式動畫。
What's 開發人員工具新功能 (Chrome 114)
開發人員工具會啟用 「設定」 >「實驗」 > 「WebAssembly 偵錯:啟用 DWARF 支援」 ,預設為啟用。詳情請參閱「 使用新式工具偵錯 WebAssembly 」。 這項實驗可讓您暫停執行,並在 Wasm 應用程式中偵錯 C 和 C++ 程式碼,並提供所有偵錯資訊: 如要測試 Wasm 偵錯功能,請安裝 C/C++ DevTools 支援 (DWARF) 擴充功能 ,然後逐步執行 Mandelbrot 示範 中的程式碼。 Chromium 問題: 1414289 。
- Chrome
- Chrome 開發人員工具
關於擴充功能服務工作處理程序
擴充功能服務工作站是一個擴充功能' 中央事件處理常式。因此與網路服務工作站不同。
- Chrome 擴充功能
Chrome 113 新功能
Chrome 113 現已推出!WebGPU 現已支援網路上執行高效能 3D 圖形和資料平行運算,開發人員工具現可覆寫網路回應標頭、第一方集合和 Privacy Sandbox 中的一部分,讓機構可以開始宣告相關網站,同時還有許多其他好處。
- Chrome
Chrome 114 Beta 版
CSS 標題平衡、CHIPS、捲動事件和彈出式視窗。
- Chrome
改善 AV1 編碼速度後的視訊通話品質
在 Chrome 113 版中,我們改善了 Chrome Open Media 團隊的 AV1 軟體編碼器。
- Chrome
Service Worker 中的事件
擴充功能服務工作站會回應標準服務工作站事件,以及擴充功能 API 中的許多事件。
- Chrome 擴充功能
將相機背景模糊處理
Chrome 推出新的來源試用,可讓網頁開發人員控制相機背景模糊效果。
- Chrome
擴充功能 Service Worker 基本概念
擴充功能 Service Worker 的安裝和更新方式與網路服務工作站不同。
- Chrome 擴充功能
擴充功能服務工作站生命週期
擴充功能服務工作站會回應標準服務工作站事件和擴充功能命名空間中的事件。這是因為在擴充功能中使用時,常常會伴隨另一種類型出現。
- Chrome 擴充功能
What's WebGPU 新功能 (Chrome 113 版)
WebGPU 在 Chrome 中隨附 WebCodecs 來源試用服務。
- Chrome
- WebGpu
開發人員工具提示:開發人員工具中的來源對應
使用開發人員工具中的來源對應,對原始程式碼進行偵錯,而非部署。
- Chrome
- Chrome 開發人員工具
CSS 更新媒體查詢
根據螢幕大小調整使用者介面的功能。
開發人員資源:查看及手動載入來源對應
使用「開發人員資源」面板檢查來源對應是否成功載入,並手動載入。
- Chrome 開發人員工具
使用部分自訂分頁進行多工作業
瞭解如何利用部分自訂分頁,讓使用者一邊查看網頁內容,一邊與您的應用程式互動。
新增自訂互動元素
如何在自訂分頁中新增自訂動作。
自訂 UI
如何讓自訂分頁符合應用程式的外觀和風格。
暖機和預先擷取:使用自訂分頁服務
瞭解如何運用自訂分頁服務,提升使用者體驗。
開始使用
如何透過 Android 應用程式啟動自訂分頁。
評估使用者參與度
如何評估自訂分頁中的使用者參與度。
現在可以在電腦上安裝更豐富的使用者介面
行動裝置和應用程式商店改變了使用者探索、評估及安裝軟體的方式。網頁應用程式現在可讓開發人員在安裝時醒目顯示自己的應用程式。
- Chrome
回顧:過往的自動化測試歷程
網路測試自動化的演進歷程。
- Chrome
音訊錄音和螢幕畫面擷取
如何錄製分頁、視窗或畫面的音訊或視訊內容。
- Chrome 擴充功能
Chromium Chronicle #33:View AnimationBuilder
在檢視畫面中使用圖層式動畫,有助於提升效能並減少 資源卡頓,但設定卻很困難。 AnimationBuilder 敬上 類別可大幅降低複雜度,並提高層次的可讀性 動畫。 假設您需要為下列兩個圖像之間,建立連續交叉漸變的動畫 如下圖所示 以下範例說明如何使用圖層動畫 API 直接執行這項操作。 以下說明如何使用 AnimationBuilder 建立相同效果。 離開範圍時,動畫就會開始。 您希望寫入或讀取哪個程式碼?更重要的是, AnimationBuilder
- Chrome
解決 CSS 版面配置和來源順序的連結
你的意見回饋想要提出解決方案,以便解決以下問題:依照順序與文件來源取消連結項目的版面配置方法。
- Chrome
What's 開發人員工具的新功能 (Chrome 113)
您現在可以在「Network」 面板中覆寫回應標頭。先前您必須存取網路伺服器,才能測試 HTTP 回應標頭。 您可以透過回應標頭覆寫值,在本機為各種標頭製作修正值原型,包括但不限於: 如要覆寫標頭,請依序前往「Network」 >「Headers」 >「Response Headers」 ,將滑鼠游標懸停在標頭值上,然後按一下 並進行編輯。 您也可以新增自訂標頭。 如要編輯所有覆寫值,請依序前往「來源」 >「覆寫值」 ,編輯.headers 檔案。您也可以點選「Add
- Chrome 開發人員工具
- Chrome
新的「Breakpoints」側欄如何加快偵錯速度
為方便您執行常見動作 (例如刪除或停用中斷點),我們重新設計了中斷點側欄,讓您只要按一下即可執行。
- Chrome 開發人員工具
- Chrome
Chrome 提供 WebGPU
Chrome 團隊推出 WebGPU,以便在網路上提供高效能 3D 圖形和資料平行計算。
- Chrome
- WebGpu
Chrome 113 Beta 版
新增 CSS 媒體功能、linear() 加/減速函式和 WebGPU。
- Chrome
加快 Chrome 發布速度
自 Chrome 114 版起,版本分支到版本發布穩定版所需的時間較短。
- Chrome
Chrome 112 新功能
Chrome 112 現已推出!CSS 現已支援巢狀規則,因此我們已更新用於設定對話方塊元素初始焦點的演算法,因此從現在開始略過服務工作處理程序的免人工管理擷取處理常式,藉此加快瀏覽速度,並產生更多內容。
- Chrome
使用服務工作程處理事件
瞭解如何建立及偵錯擴充功能服務 worker。
- Chrome 擴充功能
開發人員工具提示:什麼是來源對應?
瞭解來源對應如何協助您對原始程式碼 (而非部署) 進行偵錯。
- Chrome
- Chrome 開發人員工具
ignoreList 來源地圖擴充功能
使用 ignoreList 來源地圖擴充功能改善 Chrome 開發人員工具的偵錯體驗。
- Chrome
從網路 SQL 到 SQLite Wasm:資料庫遷移指南
SQLite Wasm 由原始私人檔案系統支援,可取代已淘汰的 Web SQL 資料庫技術。本文將說明如何將資料從 Web SQL 遷移至 SQLite Wasm。 我們在「 淘汰並移除 WebSQL 」一文中宣布淘汰 WebSQL 資料庫技術。雖然這項技術本身可能已淘汰,但這項技術所解決的用途並未淘汰,因此後續文章「 瀏覽器中的 SQLite Wasm,由原始私人檔案系統提供支援 」概述了以 SQLite 資料庫為基礎的替代技術組合,並 編譯為 Web Assembly (Wasm),且由
- Chrome
與 Fastly 合作:FLEDGE's k-anonymity 伺服器採用罕見的 HTTP 轉發服務
為了改善 Chrome 的隱私權保護措施,我們與 Fastly 合作,為 FLEDGE 實作 k-anonymity 伺服器。在這種實作方式中,由於資料是透過 OHTTP 轉發服務轉發,Google 伺服器不會接收使用者的 IP 位址。k-anonymity 伺服器是完整導入 FLEDGE 的漸進式步驟。
- Chrome
要求從 WebView 傳送 X-Requested-With 標頭,進一步保護使用者隱私
我們想要限制 X-Requested-With 標頭的傳送時機,藉此保護使用者隱私。
- Chrome
什麼是開發人員工具?#39;s 開發人員工具新功能 (Chrome 112)
錄製工具 推出自訂重播選項的支援功能,您可以透過擴充功能將這些選項嵌入開發人員工具。 試用 範例擴充功能 。選取新的自訂重播選項,開啟自訂重播 UI。 如要依需求自訂 錄製器 並與工具整合,不妨考慮自行開發擴充功能:請參閱 chrome.devtools.recorder API 並查看更多 擴充功能範例 。 Chromium 問題: 1400243 。 除了 自訂、CSS、ARIA、文字和 XPath 選取器 之外,您現在也可以使用 穿透選取器 進行錄製。這些選取器的運作方式與 CSS
- Chrome
- Chrome 開發人員工具
更新程式碼
前三個部分說明瞭非擴充功能 Service Worker 所需的程式碼變更。
- Chrome 擴充功能
取代封鎖網路要求監聽器
第三個章節的第二部分說明需針對非擴充功能 Service Worker 的程式碼進行的變更。
- Chrome 擴充功能
Chrome 111 中發生 SPA 畫面轉場效果
View Transition API 可讓您在單頁應用程式中轉換頁面,且在日後納入多頁應用程式。
- Chrome
Chrome 112 Beta 版
formData 建構函式的 CSS 巢狀、Animation-composition 和 submitter 參數。
- Chrome
更新資訊清單
manifest.json 檔案和 Manifest V2 的 Manifest V3 資料格式略有不同。
- Chrome 擴充功能
遷移至 Service Worker
Service Worker 可讓擴充功能只在需要時執行,藉此節省資源。
- Chrome 擴充功能
CSS 巢狀
我們現在推出了一項喜愛的 CSS 預先處理工具功能:巢狀樣式規則。
提升擴充功能安全性
最後三個部分,說明非擴充功能 Service Worker 需要的程式碼變更。
- Chrome 擴充功能
Chrome 111 新功能
Chrome 111 現已推出!使用 View Transitions API 在單頁應用程式中製作精美轉場效果,並支援 CSS 顏色等級 4,讓色彩更上層樓。探索樣式面板中的新工具,充分運用新的色彩功能,還有更多功能等您發掘。
- Chrome
Project Fugu API 展示區的全新首頁
Project Fugu API 展示集合是一系列應用程式,這些應用程式會運用 Project Fugu 中的 API。 Google 的跨公司「能力」專案 (代號為「Project Fugu」 ) 旨在讓網路應用程式能夠執行任何特定平台應用程式可執行的操作。除了 Google 之外,參與這項計畫的合作夥伴還包括 Microsoft、Intel、Samsung 和其他公司。這個專案會將底層作業系統的功能公開給網路平台,同時維持使用者的安全、隱私權、信任和其他網路核心原則,讓 Photoshop
- Chrome
隱私權優先!使用者現在可以更聰明地分享螢幕畫面
透過這種提醒理論,我們讓使用者在視訊會議通話期間停止於現場拍攝。
- Chrome
使用 CSS 錨點定位功能將元素連結在一起
網路平台即將推出新的 API,可協助您以無需技巧的適應式方式定位元素。
- Chrome
與業界攜手發展具有獨立分區狀態的 Cookie (CHIPS)
瞭解 Chrome 團隊在導入 CHIPS 時面臨的兩大挑戰,以及社群意見回饋如何在改善提案設計時扮演關鍵角色。
- Chrome
改善標準討論的行為標準
Chrome 團隊如何鼓勵更多專業、尊重和包容的討論。
- Chrome
原生訊息傳遞
與 Chrome 擴充功能中的原生應用程式交換訊息。
- Chrome 擴充功能
字型備用廣告架構工具
瞭解 Next.js、Nuxt.js 和其他程式庫如何協助在沒有 CLS 的情況下產生備用字型 CSS。
- Chrome
開始使用樣式查詢
樣式查詢可讓開發人員使用 @container 規則查詢父項元素's 樣式值。在 Chrome 111 中,CSS 自訂屬性的樣式查詢相當平穩。快來瞭解如何開始使用這些功能。
開發人員工具提示:發掘 CSS 問題
使用「Styles」和「Computed」窗格來找出開發人員工具的 CSS 問題。
- Chrome 開發人員工具
- Chrome
取得 Chrome 擴充功能相關說明
如果對說明文件未涵蓋的問題有疑問,該到哪裡尋求協助。
- Chrome 擴充功能
實驗
「實驗」分頁參考資料。
- Chrome 開發人員工具
裝置
「裝置」分頁參考資料。
- Chrome 開發人員工具
What's 開發人員工具的新功能 (Chrome 111)
提供 HD 高畫質偵錯和進階中斷點使用者體驗等功能。
- Chrome
- Chrome 開發人員工具
工作區
工作區分頁參考資料。
- Chrome 開發人員工具
位置
位置分頁參考資料。
- Chrome 開發人員工具
捷徑
快速鍵分頁參考資料。
- Chrome 開發人員工具
設定總覽
設定總覽。
- Chrome 開發人員工具
改善備用字型
新的「size-Adjust」和字型指標覆寫設定可讓開發人員建立與網頁字型高度相符的備用字型。這麼做可減少版面配置位移。
- Chrome
Chrome 111 Beta 版
全新 CSS 顏色類型和色域、CSS 三角函數和 View Transitions API。
- Chrome
Lighthouse 10 新功能
Lighthouse 10 推出全新評分和稽核功能。
- Chrome
Chrome 標記是什麼?
啟用其他偵錯工具或試用 Chrome 的新功能或實驗性功能。
透過 WebHID 與 Stadia 控制器對話
刷過韌體的 Stadia 控制器會像標準遊戲搖桿一樣運作,也就是說,並非所有按鈕都能透過 Gamepad API 存取。有了 WebHID,您現在可以存取缺少的按鈕。 自從 Stadia 關閉後,許多人擔心控制器會變成垃圾場上的無用硬體。幸運的是,Stadia 團隊決定開放 Stadia 控制器,提供自訂韌體,讓你前往 Stadia 藍牙模式 頁面,在控制器上刷新韌體。這樣一來,Stadia 控制器就會顯示為標準遊戲搖桿,你可以透過 USB 傳輸線或藍牙無線連線。 在 Project Fugu
- Chrome
如何使用 CrUX History API
瞭解 CrUX History API,以及如何使用 API 追蹤使用者體驗趨勢。
- Chrome UX Report
Chrome 110 新功能
Chrome 110 現已推出!你可以使用新的子母畫面虛擬類別來為子母畫面元素新增自訂樣式、使用 launch_handler 設定網頁應用程式啟動行為、在 iframe 中使用無憑證屬性,嵌入未設定交叉來源嵌入政策的第三方內容,還有許多其他用途。
- Chrome
What's 開發人員工具的新功能 (Chrome 110)
清除「效能」面板後重新載入、在「錄音工具」中檢視並醒目顯示程式碼,以及執行其他操作。
- Chrome 開發人員工具
- Chrome
Chromium Chronicle #32:留意修補程式差距
瞭解 Chromium 開發人員如何降低惡意攻擊發生的機率。
- Chrome
第三方 iframe 中的 Web Share API 新規定
為提升隱私權和安全性,現在必須明確允許第三方 iframe 中的 Web Share API 呼叫。 本文將說明 Web Share API 中可能會造成破壞的變更。這項異動已在 Firefox 中實施,並將在 Chrome 110 版 推出,預計很快也會在 Safari 中實施。 Web Share API 可讓您分享文字、網址或檔案。最簡單的分享程式碼如下所示: 如果分享動作需要在第三方 iframe 中執行,則 近期規格變更 要求您明確允許該操作。方法是在 <iframe>
- Chrome
私人網路存取權更新:淘汰試用的延長公告
根據私人網路存取權規格,Chrome 已淘汰透過不安全的公開網站存取私人網路端點。在 Chrome 113 之前,您可以進行淘汰試用。
- Chrome
高畫質 CSS 顏色指南
CSS Color 4 為網路使用者導入了廣域顏色工具和功能,
子母畫面的未來
Chrome 來源試用的最新消息,可在持續開啟的視窗中提供任意 HTML 內容。
- Chrome
遷移至 HD CSS 顏色
CSS Color 4 為網路使用者導入了廣域顏色工具和功能,
享受更多顏色和全新空間
CSS Color 4 為網路使用者導入了廣域顏色工具和功能,
認識全新的 CSS 色域
CSS Color 4 為網頁增添了各種色域的色彩工具和功能,包括更多顏色、操作功能和更優異的漸層。
- Chrome
CSS color-mix()
直接透過 CSS 混搭任何支援的色域。
- Chrome
開發人員工具提示:對 PWA 進行偵錯
使用開發人員工具對漸進式網頁應用程式進行偵錯。
- Chrome
- Chrome 開發人員工具
更長的擴充功能服務工作站生命週期
擴充功能服務工作處理程序現在可以在接收事件時,只要一直保持 #39 狀態,這會提高擴充功能服務工作站的可靠性,但應避免帶來必須避免的陷阱。
- Chrome
- Chrome 擴充功能
開發人員工具新功能'
隨時掌握開發人員工具的最新異動。
- Chrome 開發人員工具
Manifest V3 中的螢幕外文件
隆重推出適用於 Chrome 擴充功能開發的 Offscreen Documents API。
- Chrome
- Chrome 擴充功能
Scrollend,這是新的 JavaScript 事件
按這裡刪除逾時函式並搖動其錯誤,如此處所示:捲動結束。
- Chrome
Chrome Android 版網頁應用程式的基本離線頁面
從 Chrome 109 版開始,瀏覽器會自動產生預設網頁,指出 Android 已安裝的網頁應用程式沒有專屬的離線體驗,但應用程式目前為離線狀態。
- Chrome
使用 CSS 的首字母控制 Dropbox
說出 "再見",發掘有趣的解決方法!
- Chrome
探索功能強大的網路
你的瀏覽器支援哪些進階網路功能?請問哪些網頁應用程式可以運用這些功能?要回答這些問題,請參閱瀏覽器測試網站和瀏覽器擴充功能。 Project Fugu 是一項跨公司合作計畫,旨在消除網路功能方面的差距,以便在網路上執行新的應用程式類別。更具體來說,這代表您應該將新的 API 新增至瀏覽器,方便應用程式開發人員使用,實現先前不可能的用途。你的瀏覽器支援哪些 API?哪些網頁應用程式會利用這些 API?我們來看看吧! Project Fugu API 包括 檔案處理 、 檔案系統存取權 、
- Chrome
確保網頁可以從往返快取還原
如何使用 Lighthouse 測試網頁能否從往返快取還原。
Cookie Expiration 和 Max-Age 屬性現已設有上限
自 Chrome 版本 M104 (2022 年 8 月) 推出後,Cookie 設定的到期日不能超過未來 400 天。
- Chrome
Chrome 110 Beta 版
CSS 初始字母、網頁應用程式啟動處理常式,以及支援 FedCM API 的跨來源 iframe 等。
- Chrome
無憑證 iframe:輕鬆在 COEP 環境中嵌入 iframe
Chrome 110 中導入了無憑證 iframe。這個程式庫可讓開發人員透過全新和臨時的環境,在第三方 iframe 中載入文件。如此一來,這些物件就不再受 COEP 嵌入規則約束。使用 COEP 的開發人員現在可以嵌入未自行使用 COEP 的第三方 iframe。
- Chrome
正在擷取網站小圖示
如何建立網站小圖示's 網站小圖示。
- Chrome 擴充功能
在網路音訊中變更目的地輸出裝置
瞭解如何透過程式輔助方式變更網路音訊中的音訊輸出目的地。
- Chrome
瀏覽器中由來源私人檔案系統支援的 SQLite Wasm
使用 SQLite 處理所有儲存空間需求,以便在網路上順暢運作。 SQLite 是一種常見的 開放原始碼 輕量嵌入式關聯資料庫管理系統。許多開發人員會以結構化且易於使用的形式儲存資料。由於 SQLite 的大小較小,且記憶體需求較低,因此經常用於行動裝置、桌面應用程式和網路瀏覽器中,做為資料庫引擎。 SQLite 的其中一項重要功能是無伺服器資料庫,也就是說,它不需要獨立的伺服器程序就能運作。相反地,資料庫會儲存在使用者裝置上的單一檔案中,方便整合至應用程式。 有許多以 WebAssembly
- Chrome
Chrome 109 新功能
我們現已推出 Chrome 109。Origin Private File System API 適用於 Android。多種 CSS 中的多種新屬性,只要支援 MathML Core,就能在 HTML 中輕鬆新增數學標記,還有更多功能。
- Chrome
What's 開發人員工具的新功能 (Chrome 109)
在錄音工具中複製步驟的腳本、表演錄音內容中的實際函式名稱等等。
- Chrome 開發人員工具
- Chrome
開發人員工具提示:對 Project Fugu API 進行偵錯
使用開發人員工具對 Project Fugu API 進行偵錯。
- Chrome
- Chrome 開發人員工具
轉譯 NG 深入解析:LayoutNG 區塊片段化
LayoutNG 的區塊片段化現已完成。本文將介紹其運作方式和重要性。
- Chromium
Chrome 110 版本發布時間表的異動
從 Chrome 110 開始,我們將針對少數使用者發布早期穩定版本。
- Chrome
什麼是 Chrome 發布版本?
瞭解 Chrome 如何使用 Canary 版、開發人員版、Beta 版和穩定版,測試新功能及推出更新。
瞭解 Chrome 變化版本
Chrome 測試新瀏覽器功能的機制
協助選擇 CSS 巢狀結構的語法
CSS Working Group 會持續討論在 CSS 中定義巢狀結構的最佳方式。如果您是 CSS 供應商,我們很樂意提供協助。
- Chrome
Chrome 開發者行家:這一年
來自 Chrome 網路平台團隊的更新內容,我們將從開發人員的幕後為開發人員分享各種觀點、對話和最新消息。
- Chrome
Chrome 線上應用程式商店政策更新
Chrome 即將更新 Chrome 線上應用程式商店';《開發人員計畫政策》將明確指出指導原則、提供更多違規處置的相關資訊,並讓政策內容更清楚易懂。
- Chrome 擴充功能
- Chrome
盡量提高廣告關聯性
針對沒有第三方 Cookie 的情況下,我們針對 Privacy Sandbox 廣告關聯性新增的說明文件。
- Chrome
Chrome' 記憶體和節能模式的開發人員須知
瞭解如何確保網頁妥善處理 Chrome/#39 新推出的記憶體和節能模式。
- Chrome
開發人員工具提示:裝置模式
使用開發人員工具中的裝置模式模擬 Mobule 裝置。
- Chrome
- Chrome 開發人員工具
Chrome 109 Beta 版
MathML、getDisplayMedia() 的條件式焦點、Android 的來源私人檔案系統等等。
- Chrome
Android 版 Chrome 的安全付款確認
安全付款確認功能提供可防範網路釣魚的付款確認機制,並提供密碼金鑰功能。自 Chrome 109 版起,這項服務將可在 Chrome Android 中存取。
- Chrome
透過 WebAuthn 密碼金鑰自動填入功能,在表單上進行無密碼登入
WebAuthn 條件式 UI 採用瀏覽器' 的表單自動填入功能,讓使用者在傳統的密碼式流程中,輕鬆透過密碼金鑰登入。
Chrome 擴充功能:擴充 API 以支援即時導覽功能
Extensions API 經過更新,現可支援往返快取並預先載入瀏覽。
- Chrome
Chrome 108 新功能
Chrome 108 現已推出。部分新的 Intl API 可讓您進一步掌控數字格式設定。新的 Pop Up API 具有來源試用,可讓您輕鬆向使用者顯示重要內容。我們提供了幾項 CSS 改善項目。此外,還有許多實用功能。
- Chrome
Chrome 109 改善分享螢幕畫面功能
強化網路螢幕分享功能的兩個細節:在分享螢幕畫面時控制分頁焦點的機制,以及控製本機音訊播放的機制。
- Chrome
利用條件式聚焦,提升分享螢幕畫面的效果
在網路上分享螢幕畫面時,可有條件地聚焦於分頁或視窗。
開發人員工具提示:指出 CSS 改善項目
使用「CSS 總覽」面板找出 CSS 可能的改善空間。
- Chrome 開發人員工具
- Chrome
尋找無效、已覆寫、已停用和其他 CSS
一覽 CSS 資源相關問題。
- Chrome 開發人員工具
資訊清單 - OAuth2
manifest.json 的 OAuth2 屬性參考說明文件。
- Chrome 擴充功能
CrUX 資訊主頁
使用 CrUX 資訊主頁,以視覺化方式呈現 BigQuery CrUX 資料
- Chrome UX Report
開發人員工具提示:加快開發人員工具導覽速度
瞭解如何使用快速鍵和設定,以加快開發人員工具的導覽速度,加快工作流程。
- Chrome
- Chrome 開發人員工具
每個儲存空間的價值不盡相同:導入 Storage 值區
儲存空間值區是一種 API,可讓使用者在記憶體壓力偏高時更容易預測永久儲存空間。
- Chrome
Chrome 線上應用程式商店政策更新
Chrome 即將更新 Chrome 線上應用程式商店';《開發人員計畫政策》將明確指出指導原則、提供更多違規處置的相關資訊,並讓政策內容更清楚易懂。
- Chrome 擴充功能
- Chrome
為 Android 版 Chrome 即將推出的可視區域大小調整行為異動做好準備
在 Chrome 108 版中,可視區域大小調整行為將有哪些異動、Chrome 進行這項異動的原因,以及您可採取的準備工作。
- Chrome
資訊清單 - input_components
manifest.json 的 input_components 屬性參考說明文件。
- Chrome 擴充功能
Chrome 108 Beta 版
新增 CSS 可視區域單元、Federated Credential Management API、Variable COLRv1 字型等。
- Chrome
更新 Payment Handler API 的 CanMakePayment 事件行為
Payment Handler API 中的「canmakepayment」 Service Worker 事件可讓商家知道使用者是否在安裝的付款應用程式中存有卡片。Chrome 也會移除附加至事件的屬性。
- Chrome
What's 開發人員工具的新功能 (Chrome 108)
針對已停用的 CSS 屬性、錄音工具中的新 XPath 和文字選取器等提示。
- Chrome 開發人員工具
- Chrome
開發人員工具提示:各種開啟開發人員工具的方法
探索 Chrome 開發人員工具的開啟方式。
- Chrome 開發人員工具
- Chrome
破壞性變更:AccessHandle 的同步處理方法
為了簡化在 Emscripten 等情境下使用 AccessHandle 的程序,我們將 FileSystemSyncAccessHandle 介面的方法設定為同步。
- Chrome
Chrome 107 新功能
Chrome 107 現已推出!Screen Capture API 新增一項屬性,可改善分享螢幕畫面的體驗。現在,你可以精準地辨識網頁上的資源是否遭到封鎖。在來源試用中,你可以使用宣告式 PendingBeacon API 將資料傳送至後端伺服器。此外,還有許多實用功能。
- Chrome
開發人員工具提示:找出並修正低對比文字
瞭解如何使用 Chrome 開發人員工具找出並修正低對比文字。
- Chrome
- Chrome 開發人員工具
Trust Tokens 已重新命名為 Private State Token
Trust Token API 將重新命名為 Private State Token API,以充分說明其隱私權和公用程式的優點。
讓網站更易於閱讀
使用開發人員工具找出並修正低對比的文字。
- Chrome 開發人員工具
進階網頁應用程式基金 - 2022 年 10 月更新
我們透過 Advanced Web Apps Fund 資助 11 項專案,透過 Open Collective 發放超過 $10 萬美元的資金,藉此瞭解這項工作的重要性,並幫助更多人投入時間參與這些專案。
- Chrome
自訂及自動執行 Chrome 開發人員工具錄製工具以外的使用者流程
瞭解如何自訂及自動執行 Chrome 開發人員工具錄製工具以外的使用者流程。
- Chrome
在容器查詢 polyfill 中
瞭解容器查詢 polyfill 如何讓舊版瀏覽器支援容器查詢。
- Chrome
協助挑選 CSS 巢狀問卷調查結果的語法
查看 7,590 名開發人員的看法結果。
- Chrome
展開 Chrome 擴充功能開發歷程的新方式
更好的開始 Chrome 開發人員學習之旅。
- Chrome 擴充功能
- Chrome
變更 CSS 中已取代元素溢位的情形
進階警告,說明 CSS 行為有所異動可能導致不必要的溢位。
- Chrome
Chrome Dev Insider:透過架構生態系統提升效能
來自 Chrome 網路平台團隊的更新內容,我們將從開發人員的幕後為開發人員分享各種觀點、對話和最新消息。
- Chrome
Hello World 擴充功能
建立第一個 Hello World Chrome 擴充功能。
- Chrome 擴充功能
Project Fugu "done" 專案
本文主要介紹 Project Fugu 團隊的重心,也就是導入新功能,以及修正及改善現有功能。
- Chrome
將指令碼插入使用中的分頁
瞭解如何簡化目前網頁的樣式。
- Chrome 擴充功能
管理分頁
瞭解如何透過程式碼使用分頁群組來整理分頁。
- Chrome 擴充功能
在每個網頁上執行指令碼
瞭解如何自動將新元素新增至現有網頁。
- Chrome 擴充功能
資訊清單 - 作者
manifest.json 作者名稱屬性的參考說明文件。
- Chrome 擴充功能
保障隱私的分享螢幕畫面控制項
網路隱私保護螢幕分享控制項,可協助引導使用者避免過度分享。
分享螢幕畫面時,請避免過度分享
網路平台目前提供了針對保護隱私保護螢幕畫面分享功能的其他控制項。
- Chrome
Payment Handler API 需要 CSP connect-src
如果您使用 CSP,Payment Handler API 使用者必須將付款端點新增至「connect-src」指令。
- Chrome
Chrome 107 Beta 版
新增 Screen Capture API、CSS 格線範本屬性內插等。
- Chrome
進一步瞭解如何改用 Manifest V3
針對將擴充功能移至 Manifest V3 的計畫新增詳細資料
- Chrome 擴充功能
- Chrome
開發人員工具提示:編輯、匯出及匯出使用者流程錄製內容
使用「錄音工具」面板及其擴充功能編輯、偵錯及匯出使用者流程錄製內容。
- Chrome
- Chrome 開發人員工具
Chrome 106 新功能
Chrome 106 現已推出。部分新的 Intl API 可讓您進一步掌控數字格式設定。新的 Pop Up API 具有來源試用,可讓您輕鬆向使用者顯示重要內容。我們提供了幾項 CSS 改善項目。此外,還有許多實用功能。
- Chrome
Chrome 如何為數十億使用者準備更新
" 與 Chrome 發布團隊的技術專案經理對話,瞭解他們如何確保每個版本順利發布。";
- Chrome
What's 開發人員工具的新功能 (Chrome 107)
自訂鍵盤快速鍵,醒目顯示記憶體檢查器中的 C/C++ 物件等等。
- Chrome
- Chrome 開發人員工具
What's 開發人員工具的新功能 (Chrome 106)
進一步支援新型網頁偵錯,以及效能深入分析中的 LCP 時間詳細資料等。
- Chrome
- Chrome 開發人員工具
polyfill 收到重大更新時,容器查詢開始進入穩定版瀏覽器
"容器查詢可讓元件根據其所含空間擁有自己的回應式樣式資訊。這項功能已經開始向新式瀏覽器推出,現在 polyfill 支援功能大幅更新。"
- Chrome
彈出式視窗:他們和 #39 的爆發,正要復甦!
針對有問題的模式,我們即將推出新的平台內建 API。
- Chrome
擴充記憶體檢查器以進行 C/C++ 偵錯
瞭解我們如何使用記憶體檢查器改善 C/C++ WebAssembly 應用程式的偵錯功能
- Chrome
開發人員工具提示:如何檢查 CSS Flexbox 並進行偵錯
瞭解如何使用 Chrome 開發人員工具檢查、修改 CSS Flexbox 版面配置,並進行偵錯。
- Chrome
- Chrome 開發人員工具
Chrome 106 淘汰與移除功能
Chrome 106 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
匿名 iframe 來源試用:輕鬆在 COEP 環境中嵌入 iframe
使用 COEP 的開發人員現在可以嵌入未自行使用 COEP 的第三方 iframe。匿名 iframe 來源試用適用於 Chrome 106 版至 108 版之間的測試。
- Chrome
個案研究:使用開發人員工具改善 Angular 偵錯服務
使用 Angular 進行測試,Chrome 開發人員工具和 Angular 團隊攜手合作,為你提供更優質的偵錯體驗。其他架構也可以導入類似的變更。
- Chrome
Chrome 開發人員工具中的新型網路偵錯功能
來看看 Chrome 開發人員工具近期的異動,改善在使用 bundler、架構和第三方程式碼時,能夠改善偵錯和剖析體驗。
- Chrome
淘汰及移除網路 SQL
Web SQL 已於 2009 年 4 月首次提議,並於 2010 年 11 月放棄。該通訊協定已在 Chrome 上逐步移除,一開始就有不安全的內容,直到 Chrome 119 版為止。
- Chrome
Chrome 105 新功能
Chrome 105 現已推出。容器查詢和 :has() 是回應式天堂中的相符結果,新的 Sanitizer API 提供可處理任意字串的強大處理器,有助於減少跨網站指令碼攻擊安全漏洞。我們也將邁向淘汰 WebSQL其實還好很多,
- Chrome
透過 Compression Streams API 在瀏覽器中壓縮及解壓縮
編寫較小的網頁應用程式,不必提供自己的壓縮或解壓縮程式庫 Compression Streams API 可用於使用 gzip 或 deflate (或 deflate-raw) 格式壓縮及解壓縮資料串流。 有了內建壓縮功能,JavaScript 應用程式就不需要加入壓縮程式庫,可縮減應用程式的下載大小。穩定版 Chrome 和 Safari 技術預覽版現已支援這個實用的 API。這裡會顯示壓縮資料。 如要解壓縮,請透過解壓縮串流管道傳送壓縮串流。 從 Chromium 80 和 Safari
- Chrome
使用 Angular Image 指令最佳化圖片
隆重推出新的 Angular 圖片指令 (NgOptimizedImage),為 Angular 應用程式中的圖片內建效能最佳化技術。
- Chrome
開發人員工具提示:如何使用控制台快速鍵加快工作流程
您可以運用 Console Utilities API 提供的快速鍵,快速參考近期元素、查詢物件、監控事件和函式呼叫等。
- Chrome
- Chrome 開發人員工具
認識最高層:Z-index:10000 的解決方案
隨著平台即將推出新的內建元件和 API,這個平台有什麼功能 ("頂層層")?
- Chrome
開發人員工具提示:如何檢查 CSS 格線
瞭解如何使用 Chrome 開發人員工具查看及變更 CSS 格線版面配置。
- Chrome 開發人員工具
- Chrome
從 Chrome 中移除 HTTP/2 伺服器推送
在 Chrome 106 中,預設停用 HTTP/2 伺服器推送功能
- Chrome
瀏覽器是否可以最佳化第三方資源載入作業?
推動變更以更完善地載入第三方資源
- Chrome
What's 開發人員工具的新功能 (Chrome 105)
支援在錄音工具、Performance Insights 面板的 LCP 等事件中的逐步重播和滑鼠上方。
- Chrome
- Chrome 開發人員工具
開發人員工具提示:如何檢查及修改 CSS 動畫
使用「Animations」分頁檢查及修改 CSS 動畫、轉場效果等。
- Chrome
- Chrome 開發人員工具
開發人員工具秘訣:取得自家網站上的可做為行動依據的洞察資料和成效#39
運用全新「效能深入分析」面板,取得可做為行動依據的洞察資料
- Chrome
- Chrome 開發人員工具
Chrome 105 淘汰與移除功能
Chrome 105 的淘汰項目和移除作業的大致情況,可協助您妥善規劃。
- Chrome
:has():系列選取器
在 Chromium 105 中使用 :has() 抵達。Let' 來看看 CSS 帶給我們的許多絕佳商機!
- Chrome
Chrome 105 版中的 NavigationEvent 異動
Navigation API 在 NavigationEvent 上取得兩個新方法:intercept() 會取代 transformwhile() 和 Scroll() 來取代 reScroll()。
- Chrome
@container 和 :has():兩個功能強大的全新回應式 API 在 Chromium 105 推出
"容器查詢和 :has() 是回應式天堂中的相符結果。幸好,這兩項功能都已在 Chromium 105 中一起推出。這個大型版本提供了兩項眾所期盼的回應式介面功能!";
- Chrome
Chrome 104 新功能
Chrome 104 現已推出!區域擷取功能在使用 getDisplayMedia() 擷取目前分頁時,指定裁剪區域。您可以使用數學比較運算子來編寫媒體查詢語法。共用元素轉換會啟動來源試用。其實還好很多,
- Chrome
Async Clipboard API 適用的網路自訂格式
網頁自訂格式可讓網站使用標準格式讀取及寫入任意未經處理的酬載,應用程式可選擇支援這類酬載。
- Chrome
Chrome 線上應用程式商店開發人員資訊主頁推出新版 Analytics (分析)
Google 為 Chrome 線上應用程式商店開發人員資訊主頁推出改良版商品數據分析體驗。新版資訊主頁能讓使用者一目瞭然,並且直接整合最實用的資訊,
- Chrome 擴充功能
- Chrome
開發人員工具提示:如何在控制台中記錄訊息
使用主控台記錄變數、物件和訊息、篩選及分組訊息,以及執行其他操作。
- Chrome 開發人員工具
- Chrome
協助挑選 CSS 巢狀結構的語法
有兩種競爭語法需要您協助,才能判斷應優先考慮哪一個語法。
- Chrome
Chrome 開發人員工具的頂層支援
探索頂層,瞭解 Chrome 開發人員工具如何實作相關支援。
- Chrome
2022 年 Chrome 網頁架構營利計畫最新消息
我們針對 Chrome's 網路架構資金的受贈者與您分享最新消息
- Chrome
開發人員工具提示:如何使用開發人員工具模擬 CSS 使用者偏好媒體功能
使用「轉譯」分頁模擬使用者的偏好設定,並測試使用者調整網站的行為。
- Chrome
- Chrome 開發人員工具
What's 開發人員工具的新功能 (Chrome 104)
在偵錯期間重新啟動頁框、「錄音工具」面板中的重播選項等等。
- Chrome
- Chrome 開發人員工具
Chrome 開發人員行家:CSS 和 UI 版本
來自 Chrome 網路平台團隊的更新內容,我們將從開發人員的幕後為開發人員分享各種觀點、對話和最新消息。
- Chrome
推出電腦版網站的 Signed Exchange
Google 宣布支援電腦版 Chromium 瀏覽器使用 Signed Exchange,以及其他近期推出的功能。
- Chrome
檢查 CSS 容器查詢並進行偵錯
瞭解如何使用 Chrome 開發人員工具檢查、修改 CSS 容器查詢並進行偵錯。
- Chrome 開發人員工具
開發人員工具提示:如何檢查 CSS 容器查詢
使用開發人員工具檢查 CSS 容器查詢並進行偵錯。
- Chrome
- Chrome 開發人員工具
Chrome 104 淘汰與移除功能
Chrome 104 的淘汰項目和移除作業的大致情況,可協助您妥善規劃。
- Chrome
Chrome 103 新功能
Chrome 103 現已推出!a' 新的 HTTP 狀態碼可協助瀏覽器在網頁剛開始到達前,就決定要預先載入哪些內容。Local Font Access API 可讓網頁應用程式列舉及使用在使用者電腦上安裝的字型。a' 這可讓您輕鬆在非同步 API 中實作逾時。其實還好很多,
- Chrome
What's 開發人員工具的新功能 (Chrome 103)
記錄按兩下及按一下滑鼠右鍵的事件,以及新的在 Lighthouse 中測量使用者流程的新選項。
- Chrome 開發人員工具
- Chrome
Chrome 102 新功能
Chrome 102 現已推出!已安裝的 PWA 可以註冊為檔案處理常式,讓使用者能直接從磁碟開啟檔案。inert 屬性可讓您將 DOM 的某些部分標示為宣告。Navigation API 能讓單一頁面應用程式輕鬆處理網址的導覽和更新。還有 #39 點更多!
- Chrome
無障礙功能參考資料
Chrome 開發人員工具中無障礙功能的完整參考資料。
- Chrome 開發人員工具
我們建構成效深入分析的方式和原因
我們建立成效深入分析面板的方式和原因。
- Chrome
註冊安全付款確認
實行 SPC 註冊通訊協定和流程,讓客戶能直接從商家向發卡機構或銀行進行嚴格驗證。
透過安全付款確認機制進行驗證
實作 SPC 的驗證通訊協定以驗證客戶交易。
安全付款確認
概略說明提議的網路標準,以便透過付款服務供應商進行安全驗證。
WebAssembly 遷移指南
由於越來越多瀏覽器支援 WebAssembly,因此我們打算將 並計劃移除對 WebAssembly 的支援 PNaCl 在 2019 年第 4 季推出 (Chrome 應用程式除外)。我們認為,圍繞 WebAssembly 的蓬勃生態系統更適合新舊高效能網頁應用程式,而 PNaCl 的使用率也已低到足以淘汰。 自 Chrome 76 起,開放網路上的 PNaCl 已移至 原點測試
Chrome 103 淘汰與移除功能
Chrome 103 的淘汰項目和移除作業的大致情況,可協助您制定計畫。
- Chrome
與下一個顯示 (INP) 工具的互動
透過各種 Chrome 效能工具支援「與下一個顯示的內容互動」。
- Chrome
更快速的多頁應用程式串流功能
瞭解如何利用 Workbox-stream 建立多頁應用程式,使用 Service Worker 快取中的部分標記和網路的部分內容,打造幾乎可以即時轉譯的快速體驗。
Chrome 的私密預先擷取 Proxy
透過跨網站預先擷取功能,加快最大內容繪製 (LCP) 的速度。
- Chrome
透過跨網站預先擷取功能加快 LCP 的速度
介紹現成的技術。
- Chrome
網路管理員專用的 Chrome 私密預先擷取 Proxy
說明如何在預先擷取的瀏覽上篩選內容。
加快 WebAssembly 偵錯速度
我們如何加快大型應用程式的 WebAssembly 偵錯速度。
- Chrome
What's 開發人員工具的新功能 (Chrome 102)
新增效能深入分析面板、模擬淺色/深色主題的捷徑,以及更多功能。
- Chrome 開發人員工具
- Chrome
進階網頁應用程式基金
推出 Advanced Web Apps Fund,協助打造更強大網路體驗的機構。
- Chrome
使用擷取控點功能提升分頁分享體驗
網路平台現已隨附擷取控點,也就是說,如果擷取的網頁應用程式已啟用,擷取網頁應用程式時,能夠有效率地識別擷取的網頁應用程式。
查看 DOM 物件的屬性
查看及篩選 DOM 物件屬性。
- Chrome 開發人員工具
測試往返快取
確保您的網頁已調整至最佳狀態,適合往返快取。
- Chrome 開發人員工具
Chrome 101 新功能
我們即將推出 Chrome 第 101 版,提供以 hwb 標記法指定顏色的新方法,擷取優先順序則能提示瀏覽器下載資源的理想順序。還有 #39 點更多!
- Chrome
透過隱藏=until-found 存取收合內容
如何運用這個新屬性值,確保使用者能找到對應版面中的內容並建立連結。
使用 Signed Exchange 最佳化 LCP
Signed Exchange 技術可大幅改善來自 SXG 參照網址 (例如 Google 搜尋) 的網頁載入速度。只要勾選核取方塊,就能享有這些好處,但您可以採取額外步驟充分運用這些建議。
- Chrome
使用權限政策控管瀏覽器功能
管理網頁和嵌入的第三方 iframe 的瀏覽器功能存取權。
轉譯 NG 深入解析:BlinkNG
瞭解 BlinkNG 以及解決機構和 Blink 程式碼結構中久遠的問題。
- Chromium
模擬 CSS 媒體功能
模擬 Preferencess-color-sme、媒體類型、強制色彩、偏好對比、偏好降低動作、色域。
- Chrome 開發人員工具
「轉譯」分頁總覽
探索一系列會影響網路內容轉譯的選項。
- Chrome 開發人員工具
Chrome 開發人員行家簡介
由 Chrome 網路平台團隊推出全新系列,我們將帶開發人員分享各種觀點、對話和最新消息。
- Chrome
探索轉譯效能相關問題
找出重新繪製、版面配置位移、圖層與圖塊、捲動問題、查看轉譯統計資料和網站體驗核心指標。
- Chrome 開發人員工具
在網站上安全地嵌入內容
瞭解用於嵌入內容的多個 HTML 元素,以及如何最佳化安全性。
- Chrome
What's 開發人員工具的新功能 (Chrome 101)
匯入使用者流程及匯出為 JSON 格式,支援 hwb() 顏色、在「樣式」窗格中檢視階層層等等。
- Chrome
- Chrome 開發人員工具
Chrome 101 淘汰與移除功能
Chrome 第 101 版淘汰和移除作業的大致情況,可協助您妥善規劃。
- Chrome
Chrome 102 淘汰與移除功能
Chrome 102 的淘汰項目和移除作業的大致情況,可協助您妥善規劃。
- Chrome
Chrome 100 新功能
我們即將推出 Chrome 100,版本號碼為 3 位數。在回憶集錦中漫步,欣賞 Chrome' 首次發行以來的 #100CoolWebMoments。使用者代理程式字串有一些重大變更。多螢幕視窗放置 API 可讓您列舉連接至使用者的螢幕's 裝置,以及在特定畫面上放置視窗。還有 #39 點更多!
- Chrome
成效深入分析:取得網站的可行深入分析資料's 成效
透過「成效深入分析」面板取得可做為行動依據的洞察資料,以及成效增幅。
- Chrome 開發人員工具
讓 Chrome 100 成為 #100CoolWebMoments
慶祝 Chrome 100 版推出後,讓我們一起重拾記憶。
- Chrome
What's 開發人員工具的新功能 (Chrome 100)
你可以在規則中查看與編輯 @支援,以及重新命名和自訂記錄的選取器等。
- Chrome 開發人員工具
- Chrome
Chrome 100 淘汰與移除功能
Chrome 100 的淘汰項目和移除作業的大致情況,可協助您妥善規劃。
- Chrome
It' 隨時為你提供協助,Canvas2D
《API Next 系列大會》推出全新設計,
- Chrome
Chrome 99 版的新功能
Chrome 99 現已推出!CSS 階層式圖層可讓您進一步控管 CSS,並避免樣式明確性衝突。showPicker() 方法,透過程式輔助方式顯示日期、顏色、資料清單等輸入元素的瀏覽器選擇器。即將在幾週內安裝 Chrome 和 Firefox 100 版。還有 #39 點更多!
- Chrome
最佳化 Next.js 中的第三方指令碼載入
本文將探討 Next.js 指令碼元件,並示範如何使用此元件來改善第三方指令碼序列。
- Chrome
What's 開發人員工具的新功能 (Chrome 99)
調節 WebSocket 要求、新的 Reporting API 窗格、主控台樣式等。
- Chrome
檢查 CSS Flexbox 版面配置並進行偵錯
瞭解如何使用 Chrome 開發人員工具檢查、修改 CSS Flexbox 版面配置,並進行偵錯。
- Chrome 開發人員工具
Chrome 99 的淘汰與移除功能
Chrome 99 版的淘汰和移除作業,可協助您做好規劃。
- Chrome
使用外掛程式
雖然 Workbox 提供許多現成的公用程式,但有時可能需要擴充才能滿足您的應用程式需求。這時 Workbox's 外掛程式架構便可派上用場。
權限要求方塊
Chrome 98 會在網址列中加入專用空間來要求權限,藉此減少提示要求,降低使用者對決策的觀感。
- Chrome
Chromium Chronicle #28:開始使用 iOS 版 Chrome
瞭解如何使用 Chrome's iOS 應用程式背後的程式碼。
- Chrome
Chrome 98 版的新功能
Chrome 98 現已推出!如果你已申請試用自動深色主題來源試用,可選擇在個別元素層級選擇停用此功能。現已支援 COLRv1,這是 COLRv0 字型格式的進化版。此外,還有許多實用功能。
- Chrome
瀏覽器即將推出 Cascade 圖層
"Cascade 圖層是新的 CSS API,可協助您管理程式碼的階層優先順序,不久後就能在所有新版瀏覽器中生效"。
- Chrome
顯示瀏覽器挑選器以列出日期、時間、顏色和檔案
網路平台現已隨附一個標準方式,用於顯示瀏覽器挑選器。
- Chrome
What's 開發人員工具的新功能 (Chrome 98)
整頁的無障礙功能樹狀結構、在「變更」分頁中提供更精準的變更等。
- Chrome
Chrome 將停用修改 document.domain,以放寬相同來源政策
如果您的網站需要設定「document.domain」,請務必採取行動。
- Chrome
Chrome 98 版的淘汰與移除功能
Chrome 第 98 版中的淘汰和移除情形,可協助您妥善規劃。
- Chrome
私人網路存取權:推出預檢
根據私人網路存取權規格,Chrome 已淘汰透過不安全的公開網站存取私人網路端點。請參閱下文瞭解建議做法。
- Chrome
Chrome 98 中的 COLRv1 色彩漸層向量字型
在 Chrome 第 98 版中,Chrome 和 Fonts 團隊新增了 COLRv1 支援。COLRv0 是 COLRv0 字型格式的進化版。該公司加入了漸層、合成和混合功能,並改善內部形狀的重複使用功能,以便輕鬆壓縮和精簡的字型檔案。
- Chrome
Chrome 97 版的新功能
Chrome 97 現已推出!has' 這個新選項可讓您利用網路傳輸,在用戶端和伺服器之間傳送即時訊息。您可以使用功能偵測功能,瞭解瀏覽器支援哪些類型的指令碼。JavaScript 變得更好用,而且還有許多功能。
- Chrome
啟動 Handler API
啟動處理常式可讓您控制應用程式的啟動方式,例如應用程式使用現有視窗或新的視窗,以及所選視窗是否會導覽至啟動網址。
Chrome 開發人員工具中的完整無障礙功能樹狀結構
查看開發人員工具中的全新整頁無障礙樹狀結構,以及這個樹狀結構的設計和實作。
- Chrome
立即處理 Service Worker 更新
有時當您更新 Service Worker 時,也很適合告知使用者。本節將說明如何操作,歡迎參考。
管理備用回應
有時候,使用者遇到網路故障或離線的狀況時,瞭解如何根據這些情境進行調整,並提供備用回應。
強制網路逾時
瞭解如何在網路連線速度緩慢時強制網路逾時,以及如何適時做出回應。
在執行階段中快取資源
瞭解如何在執行階段期間處理快取資源,包括跨來源資源。
使用工作箱視窗
使用者有時會離線。瞭解如何做出調整,以及如何在客戶最終恢復連線後繼續要求。
提供快取的音訊和視訊
在 Service Worker 中處理音訊和影片資源要求並不容易。瞭解如何使用 Workbox-range-request,以可預測的方式處理這類要求。
透過視窗存取快取
存取快取執行個體不僅限於 Service Worker 範圍。您也可以透過視窗內容存取這些資料,本文將為您說明。
恢復連線後重試要求
使用者有時會離線。瞭解如何做出調整,以及如何在客戶最終恢復連線後繼續要求。
What's 開發人員工具的新功能 (Chrome 97)
新增錄音工具面板、在裝置模式中重新整理裝置清單等等。
- Chrome
協助開發人員打造功能強大且可安裝的網頁應用程式
瞭解 Chrome 增添的 PWA 功能會帶來哪些影響。
- Chrome
Chrome 97 的淘汰與移除功能
Chrome 第 97 版中的淘汰和移除情形,可協助您制定計畫。
- Chrome
Chrome 96 版的新功能
Chrome 96 現已推出!網頁應用程式資訊清單中有兩個新屬性。ID 屬性可讓您指定 PWA 的專屬 ID,Protocol_handlers 屬性也可讓您在安裝時自動將 PWA 註冊為通訊協定處理常式。There' 這項新的來源試用功能可讓您指定擷取資源的擷取優先順序。還有 #39 點更多!
- Chrome
Lighthouse 9.0 的新功能's
我們推出 Lighthouse 9.0 版本,新版報表以及使用者流程支援功能預覽。
- Chrome
疑難排解與記錄
查看 Workbox' 記錄功能和瀏覽器內服務工作處理程序偵錯工具。
Workbox 的使用方式
熟悉 Workbox 的幾種用途。
架構整合
與 Workbox 整合的架構和外掛程式快速參考
預先快取注意事項'ts
瞭解預先訓練的注意事項's's。
使用 Workbox 預先快取
瞭解如何使用 Workbox 在 Service Worker 中預先快取資產。
在未預先快取的情況下使用 Workbox
如何在沒有 Workbox-build 的 Workbox 中建構服務工作站。
Service Worker 和應用程式殼層模型
如何將應用程式殼層模型與 SPA 中的 Service Worker 配對。
網路優先 HTML 的導覽預先載入功能
什麼是導覽預先載入功能,如何提升瀏覽速度,以及如何在 Workbox 中使用導覽預先載入功能。
記錄、重播及評估使用者流程
透過「錄音工具」面板錄製、重播、測量使用者流程及編輯步驟。
- Chrome 開發人員工具
在 User-Agent 字串中強制將 Chrome 主要版本設為 100
Chrome 版本號碼即將從兩位數到三位,這可能會影響任何 a' 剖析使用者代理程式 (UA) 字串的程式碼。Chrome 96 到 99 版提供的功能旗標會強制將通用 Analytics (分析) 字串中的主要版本號碼設為 100,藉此進行早期測試。
- Chrome
在 Chrome 開發人員工具中實作 CSP 和 Trusted Types 偵錯功能
我們如何在 Chrome 開發人員工具中實作內容安全政策和信任類型問題偵錯。
- Chrome
使用 EyeDropper API 挑選螢幕上任何像素的顏色
廣告素材應用程式開發人員可使用 EyeDropper API 導入選擇器,讓使用者從螢幕上 (包括瀏覽器以外的像素) 選取顏色。
What's 開發人員工具的新功能 (Chrome 96)
新增 CSS 總覽面板、模擬 CSS 偏好對比媒體和 Chrome 的自動深色模式等等。
- Chrome
建立有效的圖像元件
圖片是網頁應用程式效能瓶頸的常見來源,也是最佳化的重點領域。本文說明 Google Aurora 團隊如何在 Next.js 中設計強大的圖像元件,並透過方便開發人員使用的介面執行多項最佳化作業。本文將討論此元件的設計方式,以及我們在過程中學到的經驗。
CSS 總覽:找出 CSS 可能的改善項目
您可以利用 CSS 總覽面板,找出 CSS 可改進之處。
- Chrome 開發人員工具
自動深色主題
針對淺色主題網站自動產生深色主題。
- Chrome
Chrome 96 版的淘汰與移除功能
Chrome 第 96 版淘汰和移除的措施,方便您規劃。
- Chrome
移除發生錯誤的服務工作者
如何修正導致問題的 Service Worker。
適用於不同架構的 Service Worker 策略
兩種網站架構簡介。
改善 Service Worker 的開發體驗
如何解決使用服務工作處理程序時可能會遇到的一些本機開發問題。
Service Worker 部署作業的預期情況
瞭解 Service Worker 部署完成後對網站的影響。
遷移至 Reporting API v1
Reporting API 已推出新版本。這個新的 API 較精簡,且可能支援各種瀏覽器。
- Chrome
Chrome 95 版的新功能
Chrome 95 現已推出!瀏覽器中內建 URLPattern 後,轉送變得更容易,有了 Eye Dropper API 的內建工具,您即可選取顏色,進而獲得減少的通用 Analytics (分析) 字串。此後,還能取得更少的通用 Analytics (分析) 字串,甚至還有更多優點。
- Chrome
使用 Reporting API 監控網頁應用程式
使用 Reporting API 監控安全性違規事項、已淘汰的 API 呼叫等。
轉譯 NG 深入解析:LayoutNG
LayoutNG 的大型架構變更如何減少及減輕各種類型的錯誤和效能問題。
- Chromium
Chromium Chronicle #25:Thread 安全性註解
瞭解 Clang's 靜態分析架構如何接手維護執行緒安全證明的麻煩。
- Chrome
2021 年第 3 季的 Chrome 線上應用程式商店政策更新
更新安全性規定,並進一步釐清幾項政策,確保擴充功能的品質優良,並提供開發人員一致的體驗。
- Chrome
- Chrome 擴充功能
Chrome 使用者裝置特性報告
開發人員總是想知道自己會吸引哪種目標對象。搭載多少 RAM?他們使用的是哪一種 Wi-Fi?新版報表會列出多個國家/地區和平台的答案。
- Chrome
什麼是 Workbox?
隆重推出 Workbox 系列模組,可用於簡化常見的服務工作處理程序轉送與快取。
Service Worker 快取的策略
Service Worker 中的快取總覽。
Service Worker' 的生活
瞭解服務工作處理程序如何確保離線應用程式能夠運作。
Service Worker 總覽
Service Worker 總覽。
將 Chrome 擴充功能轉換至 Manifest V3
說明將擴充功能移至 Manifest V3 的計畫詳情
- Chrome 擴充功能
- Chrome
Chrome 95 版淘汰與移除功能
Chrome 第 95 版中的淘汰和移除作業,可協助您妥善規劃。
- Chrome
Chrome 94 版的新功能
Chrome 94 現已推出!`` 元素的預設色彩空間現已正式定義為 SRGB,您可以將其變更為 Display P3。There' 透過全新的低階方式存取內建的音訊和視訊轉碼器,這對串流遊戲、影片編輯器等至關重要。WebGPU 開始來源試用。終於獲得許多好處!
- Chrome
What's 開發人員工具的新功能 (Chrome 95)
全新的 CSS 長度編寫工具、在「問題」分頁中隱藏問題,以及改善房源的顯示方式等。
- Chrome
深入解析:影片 NG
瞭解新型播放系統,以及 Chromium 如何每天提供數億小時的觀看時間。
- Chromium
在開發人員工具中翻新 CSS 基礎架構
我們如何研究及更新開發人員工具中的 CSS 基礎架構。
- Chrome
使用 VirtualKeyboard API 完全控管
管理瀏覽器,在觸控裝置螢幕顯示 #39 時出現內容遮蔽的情況。
Lighthouse 8.4 的新功能's
Lighthouse 8.4 現在會防止延遲載入 LCP 圖片,並在沒有行動裝置可視區域時造成 FID 故障。
- Chrome
Chrome 93 版的新功能
Chrome 93 現已推出!您現在可以使用匯入陳述式載入 CSS 樣式表,就跟 JavaScript 模組一樣。已安裝的 PWA 可以註冊為網址處理常式,讓使用者能直接進入 PWA。已根據您的意見回饋更新多螢幕視窗 Placement API,並開始第二次來源試用。我們將發布週期縮短為四週。其實還好很多,
- Chrome
Chrome 93 版的淘汰與移除作業
Chrome 第 93 版中的淘汰和移除情形,可協助您制定計畫。
- Chrome
Chrome 94 的淘汰與移除功能
Chrome 第 94 版淘汰和移除的措施,方便您規劃。
- Chrome
Chromium Chronicle #24:StrongAlias、IdType 和 TokenType
相同類型有時可能代表不相容網域的值,因而可能造成錯誤。幸好,Chromium's //base 可讓您輕鬆導入明確不同的類型。
- Chrome
私人網路存取權更新:即將淘汰試用
在 Chrome 94 版中,根據私人網路存取權規格,Chrome 已淘汰透過不安全的公開網站存取私人網路端點。請參閱下文瞭解建議做法。
- Chrome
新型用戶端轉送功能:Navigation API
瞭解 Navigation API 這個新的 API,可為建構單頁應用程式提供更完善的功能。
RenderingNG 中的重要資料結構
瞭解 RenderingNG 架構的元件,以及轉譯管道如何運用這些架構。
- Chromium
What's 開發人員工具的新功能 (Chrome 94)
以您偏好的語言使用開發人員工具、新的 Nest Hub 裝置、全新 CSS 容器查詢徽章和其他功能。
- Chrome
開發人員工具中的 CSS 格線工具
我們如何在開發人員工具中設計及實作 CSS 格線工具支援。
Chrome 92 淘汰與移除功能
Chrome 第 92 版中的淘汰和移除情形,可協助您妥善規劃。
- Chrome
開發人員工具中的 CSS 格線工具
我們如何在開發人員工具中設計及實作 CSS 格線工具支援。
- Chrome
- Chrome 開發人員工具
排解 Chrome 來源試用問題
解決中繼標記、標頭和指令碼中的試用權杖常見問題。您' 也將說明如何使用 Chrome 開發人員工具的偵錯功能。
Chrome 91 淘汰與移除功能
Chrome 第 91 版中的淘汰和移除情形,可協助您妥善規劃。
- Chrome
跨來源隔離
擴充功能的跨來源隔離總覽
- Chrome 擴充功能
跨來源嵌入程式政策
manifest.json 的 cross_origin_embedder_policy 屬性參考說明文件。
- Chrome 擴充功能
跨來源開啟工具政策
manifest.json 的 cross_origin_opener_policy 屬性參考說明文件。
- Chrome 擴充功能
跨來源開啟工具政策
manifest.json 的 cross_origin_opener_policy 屬性參考說明文件。
- Chrome 擴充功能
跨來源嵌入程式政策
manifest.json 的 cross_origin_embedder_policy 屬性參考說明文件。
- Chrome 擴充功能
登入 OS 時自動啟動 PWA
許多作業系統都能在使用者登入時自動啟動應用程式。已安裝的網頁應用程式現在適用這項功能。
- Chrome
使用 COEP:無憑證功能載入不含 CORP 標頭的跨來源資源
「Cross-Origin-Embedder-Policy: credentialless」將自 Chrome 93 版起開始來源試用。這個新值可讓網頁透過傳送無憑證要求的方式,讓網頁啟用跨來源隔離,而不需跨來源資源以「CORP:跨來源」標頭回應。
- Chrome
WebDriver BiDi - 跨瀏覽器自動化的未來趨勢
瞭解 WebDriver BiDi 簡介,以及為何跨瀏覽器自動化技術的未來發展
- Chrome
將 Wasm 模組共用功能限制為相同來源
在相同網站環境之間共用 WebAssembly 模組時,只能使用相同來源。
- Chrome
Chromium Chronicle #23:Chrome 基礎架構中經過驗證的版本
導入 Chrome 與基礎架構的政策強制執行檢查後,我們可以驗證是否符合特定的最低安全性標準。
- Chrome
What's 開發人員工具的新功能 (Chrome 93)
可編輯 CSS 容器查詢、網頁組合預覽、改善主控台中的字串處理方式,還有更多功能等您探索。
- Chrome
使用 WebOTP API 在電腦上驗證電話號碼
從 Chrome 93 以上版本開始,網站可以透過電腦版 Chrome 驗證電話號碼。
轉譯 NG 架構
瞭解 RenderingNG 架構的元件,以及轉譯管道如何運用這些架構。
- Chromium
URLPattern 提供路徑至網路平台
將常見模式比對用途標準化的方法。
Android 概念 (適用於網頁開發人員)
針對 Android 和 Google Play 新手網頁開發人員提供相關且重要的 Android 概念。
Chrome 擴充功能:闡明擴充功能政策,提供更安全且一致的線上應用程式商店
更新安全性規定,並進一步釐清幾項政策,確保擴充功能的品質優良,並提供開發人員一致的體驗。
- Chrome
- Chrome 擴充功能
Chromium Chronicle #22:Know Thy (Depot) 工具
Depot Tools 是以 Git 為基礎建構而成的一系列工具,可簡化為 Chromium 程式碼集和相關專案的開發人員做出貢獻的工作流程。
- Chrome
JavaScript 架構中的內嵌資源
與 Aurora 專案合作,瞭解 JavaScript 架構的最新最佳化項目。
Manifest V3 中的擴充功能動作
Chrome 擴充功能擁有瀏覽器和 Page Actions API 多年,但 Manifest V3 都替換為通用 Actions API。本文將介紹這些 API 的歷史,以及 Manifest V3 中的異動內容。
- Chrome
RenderingNG
我們在 2021 年完成了《RenderingNG》的設計、建立及運送程序,這是一種新一代的 Chromium 轉譯架構。
- Chromium
適合應用程式的高效能儲存空間:Storage Foundation API
Storage Foundation API 提議使用類似於基本的檔案系統,透過緩衝區和偏移直接存取儲存的資料。
確保 CSP 能有效防範 XSS 攻擊
瞭解如何透過嚴格的內容安全政策 (CSP) 防範跨網站指令碼 (XSS) 攻擊。
TablesNG 解決 72 個 Chromium 錯誤以提升互通性
-- 全新的表格轉譯引擎,讓您更一致地在網路上與作者表格資料保持一致。
- Chrome
架構的合規性
本文介紹了「合規性」這項 Google 架構採用的方法,以及我們計劃如何將這項做法開放 JavaScript 架構生態系統取用
- Chrome
隆重推出 Aurora
本文介紹 Chrome 與開放原始碼架構密切合作的 Chrome 計畫 Aurora
記憶體檢查器簡介
本文介紹了已經在 Chrome 第 91 版中使用的記憶體檢查器。可讓您檢查 ArrayBuffer、TypedArray、DataView 和 Wasm 記憶體。
- Chrome
檢查 CSS 格線版面配置
瞭解如何使用 Chrome 開發人員工具查看及變更 CSS 格線。
- Chrome 開發人員工具
隆重推出 chrome.scripting
Scripting API 是新的 Manifest V3 API,著重於編寫指令碼。讓我們深入瞭解本次變動的動機和變化方式。
- Chrome
運算壓力 API
運算壓力提供代表系統壓力的高階狀態。讓實作作業使用正確的基礎硬體指標,確保使用者能充分運用所有可用的處理效能,前提是系統必須不受不管理的壓力。
PWA 做為網址處理常式
將 PWA 註冊為網址處理常式後,如果使用者點選符合任一註冊網址模式的超連結,已註冊的 PWA 就會開啟。
What's 開發人員工具的新功能 (Chrome 92)
CSS 格線編輯器、支援主控台中的常數重新宣告、來源順序檢視器及其他功能。
- Chrome
Chromium Chronicle #21:ChromeOS 端對端使用者介面自動化
Tast 是全新的 UI 程式庫,使用 Chrome a11y (無障礙) 樹狀結構控制 ChromeOS 使用者介面。這個程式庫可讓開發人員輕鬆針對任何可見的 UI 介面建立端對端測試。
- Chrome
Chrome 91 版的新功能
Chrome 91 推出!現在使用 File System Access API 時,與檔案互動的網頁應用程式可以建議檔案名稱和目錄。你也可以讀取剪貼簿中的檔案!如果您的網站有多個網域,而且這些網域共用同一個帳戶管理後端,您可以向 Chrome 通知這些網域,讓密碼管理員提供正確的憑證建議。此外,I/O 大會的所有影片現已上架,還有更多好康。
- Chrome
選擇範圍內連結透過宣告式連結擷取功能開啟 PWA 的方式
宣告式連結擷取是名為 "capture_links" 的網頁應用程式資訊清單屬性的提案,可讓開發人員透過宣告,判斷系統要求瀏覽器前往應用程式內的網址時應執行什麼動作,以及來自導覽範圍以外的內容。
如何在 Chromium 中設定瀏覽器旗標
針對我們在 Chromium 中推出的部分新 API,您需要設定瀏覽器旗標才能進行實驗。瞭解如何在各種 Chromium 衍生產品 (例如 Google Chrome、Microsoft Edge 等) 中執行這項操作。
- Chrome
離線優先信任網路活動
如何在使用者首次開啟應用程式時顯示備用離線畫面,因為沒有網路連線。
PWA 的網址通訊協定處理常式註冊
將 PWA 註冊為通訊協定處理常式後,當使用者在瀏覽器或平台專用應用程式上點選含有特定配置的超連結 (例如 mailto、Bitcoin 或 web+音樂音樂) 時,已註冊的 PWA 就會開啟並接收網址。
Chrome 開發人員工具的堆疊追蹤速度提升 10 倍
我們如何將 Chrome 開發人員工具堆疊追蹤加快 10 倍。
- Chrome
MediaStreamTrack 的可插入串流
MediaStreamTrack 的可插入串流是指將 MediaStreamTrack 內容公開為串流,以便操控或用於產生新內容。
Chromium Chronicle #20:基準測試測試工具
加入基準可以輕鬆避免效能迴歸問題,並改善效能。
- Chrome
擴充功能資訊清單轉換工具
這項開放原始碼工具,可將擴充功能轉換為 Manifest V3。
- Chrome
更豐富的 PWA 安裝使用者介面
提供更豐富的安裝使用者介面,以及實作指南。
- Chrome
將計時器與跨來源隔離限制對齊
自 Chrome 91 版起,在沒有跨來源隔離的情況下,明確計時器的解析度將限制在各平台上為 100 微秒。
- Chrome
What's 開發人員工具的新功能 (Chrome 91)
網站體驗指標資訊彈出式視窗、 CSS 捲動捲動畫面、新的記憶體檢查器等項目。
- Chrome
Manifest V3 的網路可存取資源
Manifest V3 的網路存取資源隆重登場!「manifest.json」現已支援權限定義。開發人員可根據要求網站來源或擴充功能 ID 限制資源。
- Chrome
Chrome 90 版的新功能
Chrome 90 現已推出!There' 的 CSS 溢位屬性的新值。Feature Policy API 已重新命名為「權限政策」。另外,您還可透過這個新的方式,直接在 HTML 中實作及使用 Shadow DOM。而且還有 #39 等應用程式。
- Chrome
開發人員工具架構更新:將開發人員工具遷移至 TypeScript
如何將 Chrome 開發人員工具從 Closure Compiler 類型檢查工具遷移至 TypeScript。
- Chrome
Chromium Chronicle #19:運用 CLion 加快開發速度
CLion IDE 可讓您跨符號進行瀏覽、搜尋程式碼集及執行其他操作。
- Chrome
Chrome 90 淘汰與移除功能
Chrome 90 版的淘汰和移除作業,可協助您做好規劃。
- Chrome
將排名規模加入 BigQuery 的 CrUX 報告
將排名規模新增至 BigQuery 的 CrUX 報告。
- Chrome
VersionHistory API 參考資料
VersionHistory 網路服務 API 的技術參考資訊。
VersionHistory API 指南
使用 VersionHistory 網路服務 API 透過程式輔助方式存取 Google Chrome 版本記錄資訊的使用指南。
加快 Google Chrome's 發布週期
到了今年稍晚,我們計劃縮短發布週期,每四週 (從目前的六週週期) 推出新版 Google Chrome 至穩定版。
- Chrome
VersionHistory API 範例
VersionHistory 網路服務 API 的使用範例。
Chrome 89 版的新功能
Chrome 89 現已推出!WebHID、WebNFC 和 Web Serial 已從來源試用升級,現已推出穩定版。We'即將關閉一些開發人員用來抵禦 PWA 可安裝性檢查的開發人員迴圈。「網路分享」和「網路分享目標」已傳送至桌面。還有 #39 點更多!
- Chrome
What's 開發人員工具的新功能 (Chrome 90)
對 CSS Flexbox 的偵錯支援、網頁上的效能抬頭顯示、問題分頁更新等。
- Chrome
開發人員工具中的 CSS-in-JS 支援
我們如何在開發人員工具中支援 CSS-in-JS,以及與一般 CSS 的不同之處。
- Chrome
- Chrome 開發人員工具
開發人員工具中的 CSS-in-JS 支援
我們如何在開發人員工具中支援 CSS-in-JS,以及與一般 CSS 的不同之處。
為明天的顯示模式做好準備
display_override 屬性可讓開發人員定義應顯示 PWA 模式的自訂備用鏈結。
Chromium Chronicle #18:Chromium 程式碼涵蓋率
測試涵蓋範圍會評估特定測試套件執行時,執行原始碼的程度。
- Chrome
硬體加速動畫功能更新
Chromium 即將更新 SVG 動畫、百分比型轉換、剪輯路徑和背景圖片等硬體加速功能。
- Chrome
在控制台中設定訊息的格式和樣式
瞭解如何在控制台中設定訊息格式及設定樣式。
- Chrome 開發人員工具
2021 年國際母親節
國際母親節是 2 月 21 日,慶祝全球觀察到的文化多元性。推廣及保護世界各地的語言,並頌揚多語言主義。
- Chrome
改善漸進式網頁應用程式離線支援偵測功能
離線支援功能驗證自從創舉起,一直是 PWA 安裝標準。
- Chrome
縮短開發人員工具的啟動時間
降低前端訊息分派的開發人員工具效能負擔。
- Chrome
Chrome 89 淘汰與移除功能
Chrome 第 89 版中的淘汰和移除措施,可協助您制定計畫。
- Chrome
Chromium Chronicle #17:瀏覽器測試混合
撰寫瀏覽器測試時,通常會想透過程式輔助方式執行使用者可手動執行的設定動作。為協助您完成這項作業,mixins 是一套工具,可讓您以重複使用的方式執行非必要的瀏覽器測試設定。
- Chrome
運用 Digital Goods API 和 Payment Request API 透過 Google Play 帳款服務接收付款
在 PWA 中,透過 Digital Goods API、Payment Request API 和受信任的網路活動,在 PWA 中透過 Google Play 帳款服務接收付款
使用用戶端提示自動選取資源
圖片最佳化並非易事,自動化是成功的關鍵。
- Chrome
將 Puppeteer 遷移至 TypeScript
如何將 Puppeteer 遷移至 TypeScript。
- Chrome
Chrome 88 版的新功能
Chrome 88 現已推出!您現在可以使用資訊清單 v3 將擴充功能上傳到 Chrome 線上應用程式商店。顯示比例 CSS 屬性可讓您輕鬆設定任何元素的顯示比例。您現在可以在信任的網路活動中使用 Play 帳款服務,還有許多好處。讓我們深入探索 Chrome 第 88 版為開發人員提供的最新內容!
- Chrome
What's 開發人員工具的新功能 (Chrome 89)
支援對信任類型違規進行偵錯、擷取可視區域以外的節點螢幕截圖、網路要求的全新「信任權杖」分頁等等。
- Chrome
Chrome 第 88 版起針對鏈結的 JS 計時器進行大量節流
如果該頁面已隱藏超過 5 分鐘、頁面設為靜音至少 30 秒、WebRTC 沒有使用,且計時器鏈結數為 5 以上,即會進行大規模節流。
- Chrome
Android Chrome 88 和電腦版 Chrome 92 中的 SharedArrayBuffer 更新
Android Chrome 88 版將推出 SharedArrayBuffer。只有已跨來源隔離的網頁才能使用這項功能。從電腦版 Chrome 92 開始,這項設定也只能用於跨來源的隔離網頁。你可以註冊來源試用,以在電腦版 Chrome 113 以下版本中保留目前的行為。
- Chrome
Chromium Chronicle #16:更新電腦版 Google 應用程式
想知道 Chrome 如何自動確保您電腦上的最新版本嗎?又會如何向 Chromebook、Chromecast 或 Android 提供更新?
- Chrome
使用新型工具對 WebAssembly 進行偵錯
Chrome 開發人員工具中 WebAssembly 全新偵錯體驗的逐步總覽。
- Chrome
開發人員工具架構更新:遷移至網頁元件
我們選擇將 Chrome 開發人員工具遷移至網頁元件的原因和方式。
- Chrome
歡迎使用新版 developer.chrome.com!
網站公告及 2021 年計畫摘要。
- Chrome
Chrome 88 版的淘汰與移除功能
Chrome 第 88 版中的淘汰和移除措施,可協助您制定計畫。
- Chrome
將應用程式新增至 Play 商店
在 Play 商店中新增 TWA
使用 Google Play 帳款服務
Google Play 帳款服務提供各種工具,協助您管理目錄、價格和訂閱項目、報表,以及由 Play 商店提供的結帳流程。
網頁版 Google Play 的新功能'
瞭解使用受信任網路活動的網頁應用程式有哪些新功能。
使用門面元件延遲載入第三方資源
瞭解使用門面載入第三方資源的機會。
Chromium Chronicle #15:限制目標瀏覽權限
在 Chromium 中,「這項政策」與#39 很常見,通常會找出針對某個元件編寫的程式碼,在其他地方也相當實用,但可能有隱藏的限制。為了安全起見,請限制目標瀏覽權限,限制外部人員存取危險功能。
- Chrome
在受信任的網路活動中使用 Play 帳款服務
瞭解如何將 Google Play 帳款服務整合至「信任的網路活動」專案。
在 Blink Renderer 中模擬色彩視覺不足
我們在開發人員工具和 Blink Renderer 中實作色彩視覺障礙模擬的原因和方法。
- Chromium
使用 isInputPending() 改善 JS 排程
全新的 JavaScript API 可協助您避免在載入效能和輸入回應之間取得平衡。
Chrome 87 版的新功能
Chrome 87 現已推出!您現在可以在支援平移、傾斜和縮放功能的網路攝影機、支援範圍、範圍要求和服務工作人員,而不需要那麼多的解決方法,因為 font Access API 會啟動這個 API 和 #39;s 來源試用等等。讓我們深入探索 Chrome 第 87 版中開發人員適用的新功能!
- Chrome
工作盒食譜
輕鬆使用常見的 Workbox 模式,無須從個別套件中自行設定。
What's 開發人員工具的新功能 (Chrome 88)
全新的 CSS 角度視覺化工具、不支援的圖片類型和儲存空間配額、新的網站體驗指標測試等。
- Chrome
在受信任網路活動中啟用網路分享目標
瞭解如何在專案中使用「信任的網路活動」啟用「網路分享目標」。
Puppetaria:無障礙優先的 Puppeteer 腳本
Puppetaria - Accessibility-first Puppeteer 指令碼,允許根據查詢無障礙功能樹狀結構的替代查詢處理常式,而非依賴 CSS 選取器。
- Chrome
關於 Manifest V2
Chrome 擴充功能開發人員專用的說明文件。
- Chrome 擴充功能
提供意見回饋:私人網路的 CORS (RFC1918)
當用戶端內部網路中的裝置和伺服器意外暴露在網路規模,就會讓使用者容易遭受惡意攻擊。CORS-RFC1918 這項提案預設會在瀏覽器中封鎖來自公開網路的要求,並規定內部裝置必須加入這類要求。
- Chrome
Chromium Chronicle #14:在瀑布中加入測試
想要偵測 Chrome 新功能的迴歸問題嗎?將測試新增至刊登序列,Chrome' 的持續建構及測試基礎架構!
- Chrome
Chrome 開發人員工具「WebAuthn」分頁的方式
我們如何建構 Chrome DevTools WebAuthn 分頁,讓開發人員模擬驗證器、自訂相關功能,以及檢查其狀態。
允許安裝的網頁應用程式成為檔案處理常式
將應用程式註冊為作業系統的檔案處理常式。 網頁應用程式現在 可以讀取及寫入檔案 ,因此下一個合理的步驟就是讓開發人員將這些網頁應用程式宣告為應用程式可建立及處理的檔案檔案處理常式。您可以使用 File Handling API 執行這項操作。將文字編輯器應用程式註冊為檔案處理工具並安裝後,您可以在 macOS 上按一下.txt 檔案的滑鼠右鍵,然後選取「取得資訊」,即可指示作業系統以預設方式使用此應用程式開啟.txt 檔案。 以下是可能會使用這個 API 的網站: File Handling
Chrome 87 的淘汰與移除功能
Chrome 第 87 版中的淘汰項目和移除作業,可協助您做好規劃。
- Chrome
使用 WebCodecs 處理影片
使用影片串流的元件,例如影格以及編碼影片或音訊的未混合片段。
Chrome 86 版的新功能
Chrome 86 現已推出!檔案系統存取 API 現已推出穩定版。Web HID 和多螢幕視窗放置 API 有新的來源試用。不僅如此,CSS 還推出更多新工具,還有許多實用功能。讓我們深入探索 Chrome 第 86 版為開發人員提供的最新內容!
- Chrome
分割快取,藉此保障安全性和隱私權
Chrome's HTTP 快取分區有助於提升安全性和隱私防護。
- Chrome
第三方來源試用
瞭解嵌入內容的供應商如何測試多個網站的全新或實驗性網路平台功能。
What's 開發人員工具的新功能 (Chrome 87)
全新 CSS 格線偵錯工具、「網路驗證」分頁、可移動的工具以及運算側欄窗格。
- Chrome
Chrome 開發人員工具的「問題」分頁建立方式
我們如何建構 Chrome 開發人員工具的問題分頁,藉此改善開發人員在探索問題及解決方案時的使用體驗。
- Chrome
Sensors:模擬裝置感應器
使用「感應器」面板可覆寫地理位置、模擬裝置方向、強制觸控,以及模擬閒置狀態。
- Chrome 開發人員工具
從 Workbox v5 遷移至 v6
這份指南可讓您從 Workbox v5 遷移至 v6。
連線至不常見的 HID 裝置
WebHID API 可讓網站存取替代的輔助鍵盤和外來遊戲手把。
使用 Window Management API 管理多個螢幕
Window Management API 可讓您列舉連線至電腦的螢幕,並將視窗放置在特定畫面上。
開發人員工具架構更新:遷移至 JavaScript 模組
如何將 Chrome 開發人員工具遷移至 JavaScript 模組。
- Chrome
Chrome 86 淘汰與移除功能
Chrome 第 86 版中的淘汰和移除作業,可協助您制定計畫。
- Chrome
Chrome 85 版的新功能
Chrome 85 現已推出!你可以透過內容瀏覽權限改善轉譯效能:自動。您現在可以在 CSS 中設定 CSS 屬性。您現在可以檢查 Windows 應用程式或 PWA 是否已透過 getInstallationRelatedApps() API 安裝。應用程式圖示捷徑也適用於 Windows (目前尚支援)。There' 這是擷取上傳內容串流的來源試用。還有許多其他功能。讓我們深入探索 Chrome 第 85 版中開發人員適用的新功能!
- Chrome
搭配本機字型使用進階字體排版
Local Font Access API 會列舉使用者安裝的本機字型,並提供低階存取權,方便存取各種 TrueType/OpenType 表格
What's 開發人員工具的新功能 (Chrome 86)
新的媒體面板、擷取節點螢幕截圖、「問題」分頁更新、模擬缺少本機字型、閒置使用者和偏好減少資料的情況。
- Chrome
新增額外的 HTTP 要求標頭
這份指南說明如何在自訂分頁意圖中新增 HTTP CORS 標頭。
讀取及寫入序列埠
Web Serial API 可讓網站與序列裝置通訊,連結網路和實體世界。
Chrome 新預設參照網址政策 - strict-origin-when-cross-origin
Chrome 新預設參照網址政策 - strict-origin-when-cross-origin
- Chrome
使用 Keyboard Lock API 擷取金鑰
Keyboard Lock API 可讓網站擷取通常由基礎作業系統保留的金鑰。這個應用程式適用於提供全螢幕沉浸式體驗 (例如遊戲或遠端存取應用程式)。
使用 Browser-fs-access 程式庫讀取及寫入檔案和目錄
所有新式瀏覽器都可以讀取本機檔案和目錄;但真正的寫入存取權不僅僅是下載檔案,還僅適用於導入 File System Access API 的瀏覽器。這篇文章引入了名為 Browser-fs-access 的支援程式庫,該程式庫是 File System Access API 上方的抽象層,可公開改回使用舊版方法處理檔案。
使用 Fetch API 執行串流要求
自 105 版起,Chromium 已支援上傳串流功能,也就是說,你可以先提出要求,才能取得所有內文。
Chrome 85 版淘汰與移除功能
Chrome 第 85 版中的淘汰和移除作業,可協助您制定計畫。
- Chrome
Houdini - 揭開 CSS 的神秘面紗
Houdini 是一組 API,能夠為開發人員提供 CSS 引擎'。
Chrome 84 版的新功能
Chrome 84 現已推出!使用者可以透過應用程式圖示捷徑啟動應用程式內的常見工作。Web Animations API 開始支援許多先前不支援的功能。Wake Lock 和 Content Indexing API 將於來源試用結束。有用於偵測閒置偵測和 SIMD 的新來源試用。還有 #39 了這麼多功能,讓我們深入探索 Chrome 第 84 版為開發人員提供的最新內容!
- Chrome
在 Android 11 上使用自訂分頁
如何在 Android 11 上使用自訂分頁
- Chrome
移除未使用的 JavaScript
瞭解如何通過 Lighthouse's "移除未使用的 JavaScript";稽核
What's 開發人員工具的新功能 (Chrome 85)
可以編輯 CSS 架構的 CSS 架構、Lighthouse 6.0、新的 JavaScript 功能等。
- Chrome
如何使用 CrUX API
瞭解如何使用 Chrome UX Report API,透過 RESTful 存取數百萬個網站的實際使用者體驗資料。
- Chrome UX Report
運用使用者代理程式用戶端提示,改善使用者隱私和開發人員體驗
User-Agent Client Hints 是 Client Hints API 的新擴充功能,可讓開發人員以符合隱私權保護和人體工學的方式,存取使用者瀏覽器的相關資訊。 開發人員可透過 Client Hints 主動要求使用者的裝置或條件相關資訊,而不需要從 User-Agent (UA) 字串中剖析這些資訊。提供這個替代路徑是最終降低 User-Agent 字串精細程度的第一步。 瞭解如何更新現有功能,以便改為使用 User-Agent 用戶端提示,而非解析 User-Agent 字串。
如何在 Looker Studio 中建立 CrUX 資訊主頁
Looker Studio 是一項功能強大的資料視覺化工具,可讓你根據 Chrome 使用者體驗報告等大資料來源建立資訊主頁。本指南將說明如何自行建立自訂 CrUX 資訊主頁,以便追蹤來源和使用者體驗。
- Chrome UX Report
如何使用 CrUX BigQuery 資料集
本指南將說明如何使用 BigQuery 針對 CrUX 資料集撰寫查詢,以擷取有關使用者體驗狀態的深入分析結果。
- Chrome UX Report
使用 WebTransport
WebTransport 是提供低延遲、雙向、用戶端伺服器傳訊的 API。進一步瞭解其用途,以及如何對實作的未來提供意見回饋。
Chrome 84 版的淘汰與移除功能
Chrome 第 84 版中的淘汰和移除措施,可協助您制定計畫。
- Chrome
What's Lighthouse 6.0 的新功能
新指標、成效評分更新、新稽核作業等等。 今天我們要發布 Lighthouse 6.0! Lighthouse 是一項自動化網站稽核工具,可協助開發人員找出改善網站使用者體驗的機會,並提供相關診斷資訊。可在 Chrome 開發人員工具、npm (做為 Node 模組和 CLI) 或瀏覽器擴充功能 (在 Chrome 和 Firefox 中) 中使用。許多 Google 服務都採用這項技術,包括 PageSpeed Insights 。 Lighthouse 6.0 現已可在 npm 和
- Chrome
Chrome 83 版的新功能
Chrome 83 現已推出!新增對受信任類型的支援,有助於防範跨網站指令碼攻擊。表單元素必須換掉重要設計。a' 這是偵測記憶體流失的新方法。原生檔案系統 API 則以附加功能展開新的來源試用。讓我們深入探索 Chrome 第 83 版為開發人員提供的最新內容!
- Chrome
使用 Idle Detection API 偵測閒置使用者
當使用者處於閒置狀態時,Idle Detection API 會通知開發人員,包含與其操作鍵盤、滑鼠、螢幕、啟動螢幕保護程式、螢幕鎖定或移至其他畫面等事項。通知是由開發人員定義的門檻觸發。
問題:找出並修正問題
使用「問題」面板找出並修正網站問題。
- Chrome 開發人員工具
處理重度廣告幹擾
處理重度廣告幹擾
- Chrome
What's 開發人員工具的新功能 (Chrome 84)
新的「問題」分頁、「檢查模式」工具提示中的無障礙功能資訊等等。
- Chrome
字元集宣告遺失或在 HTML 中太晚出現
瞭解如何在 HTML 中加入字元編碼宣告。
Chrome 83 淘汰與移除功能
Chrome 第 83 版中的淘汰和移除情形,可協助您制定計畫。
- Chrome
Chrome 81 版的新功能
Chrome 81 現已推出!應用程式圖示標記自此結束's 來源試用。您現在可透過瀏覽器取得擴增實境的點擊測試。Web NFC 開始來源試用。I' 我們更新了 Chrome 的發布時程表。讓我們深入探索 Chrome 第 81 版為開發人員提供的最新內容!
- Chrome
WebSocketStream:將串流與 WebSocket API 整合
WebSocketStream 會將串流與 WebSocket API 整合。這可讓應用程式將回壓套用至收到的訊息。
Chromium Chronicle #13:使用 RR 進行時間旅行偵錯
您發現自己在偵錯工具中反覆執行相同的測試,想要找出程式碼發生什麼問題嗎?敬請期待!RR 會記錄執行作業追蹤記錄,方便您向後反向查看、查看變數的值在哪裡,或上次在物件上呼叫函式的時間。
- Chrome
What's 開發人員工具的新功能 (Chrome 83)
模擬色彩視覺不足、模擬語言代碼、COOP 和 COEP 偵錯等。
- Chrome
Chrome 81 淘汰與移除功能
Chrome 第 81 版中的淘汰和移除情形,可協助您制定計畫。
- Chrome
在 Android 版 Google Chrome 與 NFC 裝置互動
Android 版 Google Chrome 現在支援讀取及寫入 NFC 標記。
在 Chrome 使用者體驗報告中加入通知權限資料
為協助網站擁有者瞭解通知權限指標,我們在 20201 年 Chrome 使用者體驗報告 (CrUX) 中加入了這項資料,協助網站擁有者進一步瞭解他們網站和所屬類別中相似網站的一般使用者通知權限回應。
- Chrome
Chromium Chronicle #10:使用 Pixel 測試掌握 UI 迴歸問題
Chrome';測試策略高度仰賴自動化功能正確性測試和手動測試,但這兩種方法都無法穩定地偵測出細微的 UI 迴歸。使用像素測試來自動測試電腦版瀏覽器使用者介面。
- Chrome
Android 自訂分頁總覽
瞭解使用 Android 自訂分頁在 Android 應用程式中開啟網址的最佳時機。
陸地
概略說明建立 Trusted Web Activities 的程式庫和工具。
Chrome 80 版的新功能
Chrome 80 現已推出,其中有許多新功能可供開發人員使用!There' 支援 worker 中的模組、JavaScript 的選用鏈結、新的來源試用、從來源試用升級的功能等等。讓我們來深入瞭解 Chrome 80 版開發人員有哪些新功能
- Chrome
檢查 Android 裝置是否有支援自訂分頁的瀏覽器
瞭解如何檢查 Android 裝置是否支援自訂分頁。
使用自訂分頁低階 API
瞭解如何在沒有 androidx 瀏覽器支援資料庫的情況下使用「自訂分頁」。
整合指南
瞭解如何在 Android 應用程式中使用「Trusted Web Activities」。
總覽
瞭解如何透過「信任的網路活動」完美整合漸進式網頁應用程式與 Android 應用程式。
在 WebView 中開啟連結的自訂分頁
結合 WebView 和自訂分頁,提供更優質的使用者體驗。
What's 開發人員工具的新功能 (Chrome 81)
Moto G4 的裝置模式、全新的 Cookie 相關功能等等。
- Chrome
多來源受信任網路活動
如何使用 Trusted Web Activities 建立單一應用程式,以便用全螢幕模式開啟多個來源。
使用查詢參數將資訊傳送至受信任的網路活動
如何在啟動受信任的網路活動時,從原生殼層將資訊傳入網頁應用程式。
android-browser-helper 這個新程式庫可用來建構 Trusted Web Activities。
推出 android-browser-helper 這個新程式庫,可用於建構受信任的網路活動。
最大內容繪製
瞭解 Lighthouse's 最大內容繪製指標 以及如何評估及最佳化該指標。
Chrome 80 淘汰與移除功能
Chrome 第 80 版中的淘汰項目和移除作業,可協助您做好規劃。
- Chrome
從 Workbox v4 遷移至 v5
這份指南可讓您從 Workbox v4 遷移至 v5。
Chromium Chronicle #9:ClusterFuzz
系統可能會要求你修正 ClusterFuzz 發現的高優先順序安全性錯誤。這是什麼?你應該認真看待這些錯誤嗎?您需要哪方面的協助?
- Chrome
使用 Content Indexing API 為可離線存取的網頁建立索引
PWA 可能會快取文章和媒體檔案,但使用者如何得知你的網頁處於離線狀態?Content Indexing API 可協助你回答這個問題。索引填入 PWA 以及任何其他已安裝的 PWA 的內容後,就會出現在支援瀏覽器的專屬區域中。
Chrome 79 版新功能
Chrome 79 現已推出!凡是在 Android 上安裝的漸進式網頁應用程式,都能支援可遮蓋圖示。你現在可以透過 WebXR Device API 打造沉浸式體驗。來源試用作業是從 Wake Lock API 開始和 RakeSubtree 屬性開始。而 2019 年 Chrome 開發人員高峰會的所有影片現已上線。讓我們深入探索 Chrome 79 版開發人員發布的新功能!
- Chrome
改善 Chrome 開發人員工具中的 WebAssembly 偵錯功能
在開發人員工具中逐步處理程式碼、設定中斷點,並以原文語言解析堆疊追蹤。
- Chrome
What's 開發人員工具的新功能 (Chrome 80)
支援在主控台中宣告允許與類別重新宣告、改善 WebAssembly 偵錯等。
- Chrome
Chromium Chronicle #8:GWP-ASan:偵測野外的錯誤
GWP-ASan 是純堆積記憶體錯誤偵測工具,專為野外設計。這項功能會偵測釋放後使用、緩衝區溢位/反向溢位現象,以及重複釋放。與 ASan 不同,系統不會偵測堆疊或全域中的錯誤。
- Chrome
開始使用 Web Bundle
Web Bundle 可讓您透過藍牙分享網站的單一檔案,在原本使用的環境下離線執行。
透過 Periodic Background Sync API 獲得更豐富的離線體驗
「定期背景同步」功能可讓網頁應用程式定期在背景同步處理資料,讓網頁應用程式更接近 iOS/Android/電腦版應用程式的行為。
透過 Web Share Target API 接收共用資料
使用行動裝置或電腦進行分享時,建議你先點選「分享」按鈕,選擇應用程式,然後選擇分享對象。Web Share Target API 可讓已安裝的網頁應用程式向基礎作業系統註冊,以便接收共用內容。
Chrome 79 淘汰與移除功能
Chrome 79 版淘汰和移除作業的大致情況,可協助您妥善規劃。
- Chrome
Chromium Chronicle #7:預先處理來源
只要手動編譯單一 Chromium 來源檔案,開發人員就能測試編譯器最佳化選項、瞭解細微的巨集詳細資料,或盡可能減少編譯器錯誤。本月我們將說明如何預先處理來源。
- Chrome
通知觸發 API
Notification Triggers API 可讓開發人員安排不需網路連線的本機通知,因此非常適合用於日曆應用程式等用途。
Chrome 78 版新功能
Chrome 78 現已推出!您現在可以為 CSS 變數提供 "types"現在,由於 importScripts() 匯入的指令碼現在會執行位元組長度檢查,因此您可以取得較新的服務工作處理程序。I' 針對兩個全新來源試用提供的詳細資料,可讓您瞭解原生檔案系統和簡訊接收器等全新功能。此外,Chrome DevSummit 將於 2019 年 11 月 11 日至 12 日舉行。讓我們深入探索 Chrome 78 版中開發人員適用的新功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 79)
找出 Cookie 遭到封鎖的原因,並模擬各種偏好色彩配置:深色、程式碼涵蓋率更新等。
- Chrome
總封鎖時間
瞭解 Lighthouse's 總封鎖時間指標 ,以及如何評估和最佳化該指標。
使用 WebOTP API 驗證網路上的電話號碼
尋找、記住及輸入透過簡訊傳送的動態密碼十分麻煩,WebOTP API 簡化了使用者的動態密碼工作流程。
Chromium Chronicle #6:單軌's 格狀檢視
Chrome's Issue Tracker (單軌電車) 採用格狀檢視,在看板式顯示板中呈現問題。本集說明如何使用格線模式。
- Chrome
Lighthouse 無障礙設施分數
瞭解 Lighthouse 如何產生網頁的無障礙分數。
Chrome 78 淘汰與移除功能
Chrome 78 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
新推出 Service Worker 預設為
根據預設,HTTP 快取將不再執行檢查服務工作站指令碼更新的 HTTP 要求,而匯入的指令碼也會觸發服務工作站更新流程。
- Chrome
燈塔效能評分
瞭解 Lighthouse 如何產生網頁的整體成效分數。
Chrome 77 版新功能
Chrome 77 現已推出!使用最大內容繪製功能追蹤網站效能,更有效率。表單將提供幾項新功能。此處會顯示原生延遲載入功能。Chrome DevSummit 將於 2019 年 11 月 11 日至 12 日舉行。還有許多實用功能。讓我們深入探索 Chrome 77 版中開發人員適用的新功能!
- Chrome
對背景服務進行偵錯
查看報告並對背景服務進行偵錯,例如背景擷取、背景同步處理、通知、推送訊息等。
- Chrome 開發人員工具
What's 開發人員工具的新功能 (Chrome 78)
「稽核」面板中的 Lighthouse 5.2 和「效能」面板中的最大內容繪製
- Chrome
開始在網路上使用 GPU Compute
本文將透過範例探索實驗性 WebGPU API,並協助您開始使用 GPU 執行資料平行運算。
快速入門指南
本指南可協助你開始建立基本的「可信任網路活動」。
Chromium Chronicle #5:在沙箱外編寫程式碼
所有程式碼都發生錯誤。Chrome 瀏覽器程序沒有沙箱機制,這表示這類錯誤可能會讓惡意程式碼取得整個裝置的完整存取權。本集節目將介紹不使用沙箱的情況下寫程式的注意事項和 #39。
- Chrome
透過 ReportingObserver API 瞭解程式碼健康狀態
ReportingObserver 會讓您知道網站何時使用已淘汰的 API,或是正在執行瀏覽器介入處理。基本功能最初是由 Chrome 69 版提供,自 Chrome 84 版起,這項元件可用於工作站。就是這麼簡單。
Chrome 77 淘汰與移除功能
Chrome 77 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
網頁版聯絡人選擇器
從最近期 (大部分) 起,存取使用者聯絡人的功能就是 iOS/Android 應用程式的一項功能。Contact Picker API 是一種隨選 API,可讓使用者從聯絡人清單中選取項目或項目,並與網站分享所選聯絡人的部分詳細資料。如此一來,使用者就可以隨時分享自己想要的內容,更方便使用者聯繫親朋好友並保持聯繫。
Chrome 76 版新功能
Chrome 76 現已推出!支援偏好色彩配置媒體查詢,讓網站支援深色模式。網址列中的安裝按鈕,方便使用者在電腦上安裝漸進式網頁應用程式。避免在行動裝置上顯示迷你資訊列的方式。提高 WebAPK 的更新頻率。還有許多實用功能。讓我們深入探索 Chrome 76 版中開發人員適用的新功能!
- Chrome
Chromium Chronicle #4:使用 WPT 測試網路平台功能
因此,建議您使用 Web Platform 測試 (WPT) 來測試網頁曝光功能,因為這項功能會透過 GitHub 提供給其他瀏覽器。本月將介紹 WPT 最佳做法。
- Chrome
Chrome 75 版媒體更新
預測播放效果是否能流暢且有效,對加密媒體的支援媒體以及影片元素支援's "playsInline" 屬性提示。
- Chrome
What's 開發人員工具的新功能 (Chrome 77)
複製元素樣式、以視覺化的方式呈現版面配置位移等等。
- Chrome
網頁元件更新 - 有更多時間可以升級至 v1 API
Web 元件 v0 使用者有更多時間升級至第 1 版,但請務必確保並測試這個版本。
- Chrome
Chromium Chronicle #3:Gerrit 的程式碼涵蓋率
測試非常重要,因為其會找出錯誤和迴歸、強制執行更完善的設計,以及更輕鬆地維護程式碼。本月我們將說明如何使用 Gerrit 進行全面測試。
- Chrome
Chrome 76 淘汰與移除功能
Chrome 76 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
提高 WebAPK 的更新頻率
從 Chrome 76 開始,WebAPK 的更新頻率將更頻繁。
- Chrome
LayoutNG
Chromium 專用的全新版面配置引擎
- Chrome
Chrome 75 新功能
Chrome 75 現已推出。a' 可以減少畫布元素延遲時間的新方法。網頁應用程式現在可以透過系統層級的分享表單,將檔案分享到其他已安裝的應用程式。Google I/O 大會的所有談話內容盡在我們的 YouTube 頻道。還有許多實用功能。讓我們深入探索 Chrome 75 版開發人員發布的新功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 76)
提供 CSS 值自動完成功能、新的聯播網設定使用者介面等等。
- Chrome
Chromium Chronicle #2:對抗測試不穩定的
不穩定的測試是 Chrome 的常見問題。而且會影響其他開發人員的工作效率,而且日後遭到停用。本月我們要探討如何對抗測試不適。
- Chrome
在 Chrome 76 中,你可以隱藏「新增到主畫面」迷你資訊列
在 Chrome 76 版中,為 PWA 新增迷你資訊列的控制項。
- Chrome
透過模型檢視器來擴增實境
我們在 2 月推出了模型檢視器網頁元件,可讓您透過宣告方式將 3D 模型新增至網頁。我們現在宣布支援在 Android 上使用 AR,並加入 ar 屬性。
- Chrome
保留繪製 - 減少相同來源瀏覽內容中的白色閃光燈
拿著漆工具的快速總覽。Chrome 功能,用於減少相同來源的瀏覽行為中的白色閃光燈
- Chrome
避免多次重新導向
瞭解網頁重新導向功能為何會減慢網頁速度,以及如何避免這類問題。
結構化資料有效
瞭解 "結構化資料有效" Lighthouse 稽核。
網頁傳回失敗的 HTTP 狀態碼
瞭解 "Page 的 HTTP 狀態碼失敗" Lighthouse 稽核。
robots.txt 無效
瞭解 "robots.txt 無效" Lighthouse 稽核。
在載入網頁時要求地理位置權限
瞭解如何以負責任的方式要求地理位置存取權,以提供優質的使用者體驗。
文件缺少中繼說明
瞭解 "文件沒有中繼說明" Lighthouse 稽核。
降低要求數量並減少傳輸大小
瞭解高資源數量和大型傳輸大小對載入效能的影響。取得減少要求數及傳輸大小的策略。
使用 document.write()
瞭解如何避免使用 document.write(),以加快網頁載入速度。
排除會妨礙顯示的資源
瞭解禁止轉譯資源稽核。
自訂控制項具有 ARIA 角色
瞭解如何在自訂控制項中加入 ARIA 來提升無障礙設定,讓輔助技術進行解讀。
輔助技術已隱藏畫面外的內容
瞭解如何隱藏輔助技術中的螢幕外內容,改善輔助技術使用者的無障礙體驗。
將主要執行緒工作降到最低
瞭解瀏覽器的主要執行緒('),以及如何調整網頁以減少主執行緒負載並提升效能。
連結缺少說明文字
瞭解 "連結沒有描述性文字";Lighthouse 稽核。
系統會將使用者焦點導向加入網頁的新內容'
瞭解如何將焦點移至新增的內容,讓輔助技術使用者瞭解網頁內容的變更。
延遲載入畫面外圖片
瞭解螢幕外映像檔稽核功能
避免鏈結關鍵要求
瞭解關鍵要求鏈結、對網頁效能的影響,以及如何減少效果。
預先載入重要要求
瞭解 use-rel-preload 稽核。
壓縮 CSS
瞭解統合式 CSS 稽核。
以新型格式放送圖片
瞭解 use-webp-images 稽核作業。
跨來源目的地的連結不安全
瞭解如何安全地連結至其他主機上的資源。
自訂控制項具有相關聯的標籤
瞭解如何改善無障礙功能,確保所有自訂控制項都附有輔助技術使用者可存取的標籤。
提供適當的圖片大小
瞭解使用回應式圖片稽核機制。
使用者不會不小心困於區域
瞭解如何防止焦點卡在頁面區域中,進而改善鍵盤使用者的無障礙體驗。
在載入網頁時要求通知權限
瞭解如何以負責任的方式要求通知權限,以提供良好的使用者體驗。
速度指數
瞭解 Lighthouse's 速度指數指標 以及如何進行最佳化。
提高圖片編碼效率
瞭解使用最佳化映像檔稽核功能。
降低第三方程式碼的影響
瞭解第三方程式碼 (例如廣告聯播網和分析服務) 對網頁載入效能的影響,以及如何最佳化第三方程式碼。
使用被動事件監聽器改善捲動效能
瞭解如何避免被動事件監聽器,從而改善網頁的捲動回應速度。
網頁具有邏輯的分頁順序
瞭解如何依邏輯順序放置 Tab 字元,方便鍵盤使用者瀏覽網頁。
使用已淘汰的 API
瞭解如何從網頁移除及替換已淘汰的 API。
互動準備時間
瞭解 Lighthouse's 互動準備時間指標,以及如何評估和最佳化該指標。
禁止使用者將內容貼到輸入欄位
瞭解如何允許使用者將內容貼到輸入欄位,藉此改善網站的使用者體驗。
互動元素會指出其用途和狀態
瞭解如何讓所有使用者清楚瞭解自訂控制項的用途與狀態,讓網頁中的自訂控制項更易於存取。
網頁中的所有資源未使用 HTTP/2
瞭解 HTTP/2 對網頁載入時間的重要性,以及如何在伺服器上啟用 HTTP/2。
首次有效繪製
瞭解 Lighthouse's 已淘汰的第一個有效繪製指標,以及如何評估及最佳化該指標。
網頁上的視覺順序符合 DOM 順序
瞭解「視覺化」、「追蹤-追蹤」稽核。
偵測到的 JavaScript 程式庫
瞭解 Lighthouse's 診斷 "偵測到的 JavaScript 程式庫" 稽核功能
文件不含' 包含有效的 hreflang
瞭解 "Document 標示' 是否具備有效的 hreflang" Lighthouse 稽核。
啟用文字壓縮
瞭解如何啟用文字壓縮功能來改善網頁載入速度。
使用應用程式快取
瞭解如何將您的網頁從已淘汰的「應用程式快取」遷移至 Cache API。
輕觸目標未設定為適當大小
瞭解 "輕觸目標大小未適當調整" Lighthouse 稽核。
文件使用外掛程式
瞭解 "Document 使用外掛程式";Lighthouse 稽核。
文件缺少有效的 rel=canonical
瞭解 "文件沒有有效的 rel=canonical" Lighthouse 稽核。
低延遲轉譯與未同步提示
專為網頁設計的觸控筆繪圖應用程式必須與 DOM 同步處理圖形更新,因此可能導致延遲問題。針對結構定義的去同步處理提示會略過 DOM,以縮短延遲時間。
- Chrome
移除未使用的 CSS
瞭解 unused-css-rules 稽核作業。
互動式控制項是可透過鍵盤聚焦
瞭解如何將網頁上的自訂控制項設定成焦點,以便鍵盤使用者存取。
預先連線至必要來源
瞭解 use-rel-preconnect 稽核。
Chrome 75 淘汰與移除功能
Chrome 75 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
使用者載入時間標記和測量指標
瞭解 User Timing API 如何協助您取得網頁的實際成效資料。
控制台已記錄瀏覽器錯誤
瞭解如何找出並修正瀏覽器錯誤。
首次顯示內容所需時間
瞭解 Lighthouse's 首次顯示內容所需時間指標,以及如何評估及最佳化該指標。
文件不得使用易讀的字型大小(')
瞭解 "文件' 使用清晰易讀的字型大小" Lighthouse 稽核。
圖片長寬比不正確
瞭解如何以正確的長寬比顯示回應式圖片。
壓縮 JavaScript
瞭解統一 JavaScript 稽核方式。
首次輸入延遲時間最長可能
瞭解 Lighthouse's 已淘汰的「可能的首次輸入延遲時間上限」指標,以及如何評估及最佳化該指標。
預估輸入延遲時間
瞭解 Lighthouse's 預估輸入延遲時間指標,以及如何評估和最佳化。
避免產生龐大的網路酬載
瞭解如何減少提供給使用者的資源總大小,藉此改善網頁載入時間。
運用有效的快取政策提供靜態資產
瞭解如何快取網頁' 的靜態資源如何改善重複訪客的效能和穩定性。
HTML5 地標元素可用於改善瀏覽體驗
瞭解如何提供鍵盤使用者可用來瀏覽的界標,改善網頁的無障礙功能。
第一個 CPU 閒置
瞭解 Lighthouse' 已淘汰的第一個 CPU 閒置指標,以及如何進行最佳化。
使用影片格式製作動畫內容
瞭解高效動畫內容稽核。
包含的前端 JavaScript 程式庫包含已知安全漏洞
瞭解如何替換含有已知安全漏洞的 JavaScript 程式庫,進一步保護網頁安全。
網頁遭到封鎖,無法建立索引
瞭解網頁遭禁止為 " 建立索引" Lighthouse 稽核。
網頁缺少 HTML DOCTYPE,因此觸發相容模式
瞭解如何確定您的網頁在舊版瀏覽器中不會觸發相容模式。
縮短 JavaScript 執行時間
瞭解 JavaScript 執行如何拖慢網頁效能,以及如何加快網頁效能。
縮短伺服器回應時間
瞭解伺服器回應時間稽核。
Chrome 74 版新功能
敬請期待 Chrome 74 隆重登場!這個版本新增了對私人類別欄位的支援,讓您偵測使用者要求低動態體驗的時間、新增 CSS 轉換事件支援等。讓我們深入探索 Chrome 74 版開發人員專為開發人員提供的新功能!
- Chrome
在控制台中記錄訊息
瞭解如何將訊息記錄到控制台。
- Chrome 開發人員工具
使用即時運算式監控 JavaScript 值
如果您發現自己在控制台中重複輸入相同的 JavaScript 運算式,請改用「即時運算式」。
- Chrome 開發人員工具
主控台功能參考資料
針對 Chrome 開發人員工具中與主控台使用者介面相關的各項功能和行為,提供詳盡參考資料。
- Chrome 開發人員工具
What's 開發人員工具的新功能 (Chrome 75)
實用的自動完成預設值、從指令選單中清除網站資料等等。
- Chrome
Chromium Chronicle #1:安排工作排程的最佳做法
Chrome 團隊很榮幸能介紹 Chromium Chronicle,這系列的每月專為 Chromium 開發人員 (建構瀏覽器的開發人員) 量身打造。本月,我們將介紹工作排程的最佳做法。
- Chrome
已淘汰:使用 Chrome 開發人員工具查看應用程式快取資料
如何從 Chrome 開發人員工具的「應用程式」面板查看應用程式快取資料。
- Chrome 開發人員工具
查看快取資料
如何透過 Chrome 開發人員工具的「應用程式」面板查看快取資料。
- Chrome 開發人員工具
查看網路 SQL 資料
如何在 Chrome 開發人員工具的「應用程式」面板中查看網路 SQL 資料。
- Chrome 開發人員工具
Chrome 74 淘汰與移除功能
Chrome 74 版淘汰和移除作業的大致情況,可協助您妥善規劃。
- Chrome
目前選取的 DOM 節點
瞭解控制台快速指令,即可取得目前所選的 DOM 節點。
- Chrome
查看及變更 IndexedDB 資料
如何透過「應用程式」面板和程式碼片段查看及變更 IndexedDB 資料。
- Chrome 開發人員工具
查看及編輯本機儲存空間
如何使用「本機儲存空間」窗格和主控台查看及編輯「localStorage」。
- Chrome 開發人員工具
查看及編輯工作階段儲存空間
如何透過「工作階段儲存空間」窗格和控制台查看及編輯「sessionStorage」。
- Chrome 開發人員工具
Chrome 73 版新功能
Chrome 73 透過已簽署的 HTTP 交換庫,簡化建立可攜式內容。有了可建構的樣式表,動態變更樣式變得更容易。此外,Mac 使用者還可以支援漸進式網頁應用程式,將 PWA 支援所有電腦和行動平台,讓你輕鬆建立可透過網路提供的可安裝應用程式。讓我們深入探索 Chrome 73 版開發人員發布的新功能!
- Chrome
KV 儲存體 - 網頁';第一個內建模組
簡介全新 KV Storage API、內建模組及匯入地圖。
- Chrome
What's 開發人員工具的新功能 (Chrome 74)
醒目顯示受到 CSS 屬性、Lighthouse v4、WebSocket 二進位檔訊息檢視器等影響的節點。
- Chrome
開始查看及變更 DOM
如何在控制台中查看節點、搜尋節點、編輯節點、參照節點、中斷節點變更等等。
- Chrome 開發人員工具
網頁開發生態系統小組 - 2 月總結
2 月總結,我們要回顧網頁開發人員生態系統團隊中發生的事情。
- Chrome
從 Workbox v3 遷移至 v4
從 Workbox v3 遷移至 v4 的指南。
工作箱視窗
可協助註冊 Service Worker、管理更新及回應生命週期事件的模組。
使用 WebAssembly 取代應用程式 JavaScript 中的熱門路徑
WebAssembly 提供的一大優點,就是在各瀏覽器中提供可預測的效能。不過,您要如何將以 JavaScript 編寫的熱門路徑轉換為 WebAssembly?
- Chrome
預設讓滾輪快速捲動
捲動回應對使用者來說至關重要,#39 會讓使用者與行動裝置互動,但 Wheel 事件監聽器通常會造成嚴重的捲動效能問題。瞭解我們如何協助使用者和開發人員提升預設設定。
- Chrome
Chrome 73 淘汰與移除功能
Chrome 73 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
使用 String.prototype.matchAll() 提高比對結果
Chrome 73 導入了 String.prototype.matchAll() 方法。這個做法的運作方式與 match() 類似,但可讓您輕鬆地疊代比對相符項目,尤其是當您需要存取擷取群組時。
- Chrome
Chrome 73 版媒體更新
硬體媒體金鑰支援、HDCP 政策檢查、子母畫面來源試用等等。
- Chrome
飛快的範本和網頁元件 - lit-html & LitElement
lit-html 和 LitElement 將快速、輕巧的範本以及可互通的元件結合到現代網路中。
- Chrome
RTCQuicTransport 即將在您附近的來源試用計畫 (Chrome 73)
RTCQuicTransport 是全新的網路平台 API,允許使用 QUIC 通訊協定與遠端對等互連資料交換任意資料。
- Chrome
停用 JavaScript
開啟「指令」選單,然後執行「停用 JavaScript」指令。
- Chrome 開發人員工具
Lighthouse 原型設計堆疊組合
Stack Packs 將擴充 Lighthouse 功能,納入特定工具的其他訊息,而非只顯示通用建議。
- Chrome
Chrome 72 版新功能
在 Chrome 72 版中,你可以更輕鬆地在 JavaScript 中建立公開類別欄位,查看網頁是否已使用新的 User Activation API 啟用、將清單本地化更輕鬆,而且還有 #39 大問題。讓我們深入探索 Chrome 72 版中開發人員有哪些新功能
- Chrome
What's 開發人員工具的新功能 (Chrome 73)
記錄點、檢查模式中的詳細工具提示等。
- Chrome
確保所有 API 的使用者啟用作業一致
在第 72 版中,Chrome 隨附使用者啟用 v2,讓所有啟用管制 API 的使用者啟用作業均已完成,解決許多使用者啟用作業不一致的問題。
- Chrome
Shape Detection API:一張圖片勝過千言萬語、臉孔和條碼
Shape Detection API 可偵測圖片中的人臉、條碼和文字。
打造支援 WebUSB 的裝置
建構裝置,充分發揮 WebUSB API 的優勢。 本文將說明如何建構裝置,充分發揮 WebUSB API 的優勢。如要簡要瞭解 API 本身,請參閱「 在網路上存取 USB 裝置 」。 通用序列匯流排 (USB) 已成為連接周邊裝置與電腦和行動運算裝置最常見的實體介面。除了定義匯流排的電氣特性和與裝置通訊的一般模型,USB
Chrome 72 淘汰與移除功能
Chrome 72 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
使用 Screen Wake Lock API 保持喚醒
為避免電池電力耗盡,大多數裝置會在閒置時快速進入休眠模式。雖然在大多數情況下不會造成任何問題,但有些應用程式需要保持螢幕喚醒,才能完成某些工作。應用程式需要持續執行時,Screen Wake Lock API 可協助防止裝置變暗或鎖定螢幕。
追蹤元素焦點
開啟主控台,建立即時運算式,並將運算式設為 document.activeElement。
- Chrome 開發人員工具
開啟 Chrome 開發人員工具
各種開啟 Chrome 開發人員工具的方法。
- Chrome 開發人員工具
應用程式圖示徽章
App Badging API 可讓已安裝的網頁應用程式設定一個應用程式的徽章,這個徽章會顯示在與該應用程式相關聯的作業系統專屬位置 (例如檔案櫃或主畫面)。徽章可以讓使用者輕鬆通知使用者,發現有需要注意的新活動,或用來指出少量資訊,例如未讀計數。
Chrome 71 版新功能
Chrome 71 新推出的 Intl.RelativeTimeFormat() API 讓顯示相對時間值更輕鬆。您可以指定在垂直排列的文字時,要在文字的哪個部分顯示底線。此外,如要使用語音合成 API,電腦必須先啟用使用者才能與你交談!接著就來深入探索,看看 Chrome 71 版開發人員有哪些新功能
- Chrome
背景擷取功能簡介
背景擷取功能可讓您處理大型下載內容,即使瀏覽器關閉也沒問題。
- Chrome
What's 開發人員工具的新功能 (Chrome 72)
以圖表呈現成效指標、醒目顯示文字節點、將 JS 路徑複製到 DOM 節點,以及「稽核」面板更新。
- Chrome
網路音訊、自動播放政策和遊戲
我們在 2017 年 9 月宣布,Chrome 即將針對自動播放行為政策調整音訊處理方式。這項政策變更已在 2018 年 5 月隨 Chrome 66 穩定版發布。 在 Web Audio 開發社群提供意見回饋後,我們將自動播放政策的 Web Audio 部分延後發布,讓開發人員有更多時間更新網站。我們也對 Web Audio 政策的實作方式做出了一些調整,藉此減少需要調整程式碼的網站數量,尤其是網路遊戲,進而為使用者提供更優質的體驗。 這項政策異動目前預計將於 2018 年 12 月推出的
- Chrome
新功能狀態
網頁版應用程式應可執行任何平台專屬應用程式可執行的操作。瞭解 Web 應用程式新功能的狀態。
Signed HTTP Exchange
Signed Exchange 可讓網站以安全的方式轉發網路內容,並驗證該內容的原始來源。
- Chrome
Chrome 71 淘汰與移除功能
Chrome 71 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
Chrome 70 版的音訊/影片更新功能
Chrome 70 版的音訊/視訊更新機制 - 跨轉碼器和跨位元組串流緩衝處理和播放、在 MP4 中採用 MSE 的 Opus,以及預設允許在 Android 上播放受保護內容。
- Chrome
使用子母畫面觀看影片
控制網站上影片元素的子母畫面。
- Chrome
Chrome 70 新功能
Chrome 70 開始支援 Windows 和 Linux 電腦上的電腦版漸進式網頁應用程式,現在 Credential Management API 支援公開金鑰憑證,可讓您為專責的員工提供名稱,以及其他更多功能。讓我們深入探索 Chrome 70 版開發人員專屬的新功能!
- Chrome
Chrome 71 版即將對 cache.addAll() 和 importScripts() 做出調整
「Cache.addAll()」和 importScripts 和 Chrome 71 版即將推出一些小變更。
- Chrome
Chrome 69 顯示時間問題
Chrome 69 版對繪製時間指標進行了不正確的調整,目的是擷取更多轉譯管道,但導致時間戳記不正確。
- Chrome
What's 開發人員工具的新功能 (Chrome 71)
醒目顯示即時運算式中的 DOM 節點、將節點儲存為全域變數等等。
- Chrome
Houdini's 動畫小程式
Animation Worklet 可讓您編寫在裝置端執行的命令式動畫,這是在裝置/#39
- Chrome
使用者主機權限控制項:轉換指南
從 Chrome 70 版開始,更新擴充功能以處理執行階段主機權限變更的指南。
- Chrome 擴充功能
深入瞭解新式網路瀏覽器 (第 4 部分)
使用合成器執行緒處理輸入事件
- Chrome
深入瞭解新式網路瀏覽器 (第 3 部分)
瀏覽器轉譯引擎的內部作業
- Chrome
Chrome 70 版媒體更新
跨轉碼器和跨位元組串流緩衝處理與播放、使用 MSE 的 MP4 中 Opus,以及預設允許在 Android 上播放受保護的內容。
- Chrome
Chrome 70 的淘汰與移除功能
Chrome 68 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
深入瞭解新式網路瀏覽器 (第 2 部分)
瞭解瀏覽器如何處理導航要求。
- Chrome
HTTP Cookie 非同步存取
Cookie Store API 提供非同步 HTTP Cookie 的非同步存取功能,且能向服務工作處理程序開啟 Cookie Jar。
- Chrome
深入瞭解新式網路瀏覽器 (第 1 部分)
瞭解瀏覽器如何將程式碼從高階架構轉換成轉譯管道的具體細節,讓程式碼搖身一變成為可運作的網站。
- Chrome
Chrome 69 新功能
It';Chrome 自首次推出至今已有十年。此後疫情出現了許多變化,但我們的目標已是要為現代網頁應用程式建立穩固的基礎,#39在 Chrome 69 中,' 支援 CSS 捲動貼齊功能、支援凹槽、網路鎖定和一些酷炫的全新 CSS4 功能。讓我們深入探索 Chrome 69 版開發人員發布的新功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 70)
控制台中的即時運算式、在「Eager 評估」期間醒目顯示 DOM 節點等等。
- Chrome
Chrome 69 的媒體更新功能
Chrome 69 版的媒體更新:AV1 和 HDCP 政策檢查。
- Chrome
ReportingObserver:瞭解程式碼健康狀態
ReportingObserver 可讓開發人員深入瞭解自己的程式碼實際情況。ReportingObserver 會針對之前只能在開發人員工具控制台顯示的訊息,顯示淘汰和介入措施等問題資訊。
- Chrome
速度現在是 Google 搜尋和 Google Ads 的到達網頁因素
速度現在是 Google 搜尋和 Google Ads 的到達網頁因素。
- Chrome
Chrome 68 版新功能
Chrome 68 針對 Android 裝置的「新增至主畫面」行為變更,讓你享有更多掌控權。您可以透過網頁生命週期 API 得知分頁暫停或還原的時間。此外,Payment Handler API 也能讓網頁式付款應用程式支援付款要求體驗。讓我們深入探索 Chrome 68 版中開發人員適用的新功能!
- Chrome
隆重推出 NoState 預先擷取
Chrome 63 搭載 NoState 預先擷取功能。NoState 預先擷取是一種預先擷取資源的機制,會使用比已淘汰的預先算繪程序少的記憶體。
- Chrome
PWACompat - 所有瀏覽器的網頁應用程式資訊清單
使用 PWACompat 程式庫,將網頁應用程式資訊清單提供給所有瀏覽器。
- Chrome
Workbox-navigation-Preload
啟用導覽預先載入功能,即可更快取得瀏覽要求的網路回應。
網頁程式開發人員適用的網站隔離功能
Chrome 67 電腦版提供一項名為「網站隔離\*」的新功能。本文將說明網站隔離的功能、其必要性,以及網頁開發人員應注意的事項。
- Chrome
採用 Chrome 使用者體驗報告的首次輸入延遲時間進行實驗
宣布在 Chrome 使用者體驗報告中加入首次輸入延遲時間 (FID) 實驗功能。
- Chrome
瞭解儲存空間配額
說明如何設定 Workbox 以避免儲存空間配額問題。
功能政策簡介
功能政策可讓開發人員選擇性地啟用、停用及修改瀏覽器中特定 API 和功能的行為。It' 與 CSP 類似,但是為了功能而已!於 Chrome 60 出貨。
- Chrome
提供更多原生回音消除功能
支援更多原生回音消除功能
- Chrome
音訊工作小程式設計模式
音訊工作小程式設計模式
- Chrome
網頁版擴增實境
透過擴增實境技術,您就能在真實世界中放置及追蹤虛擬物件。
- Chrome
Chacmool:Chrome Canary 中的擴增實境
Chacmool 是一個教育網路示範,說明網頁式 AR 為何能輕鬆打造出引人入勝的體驗。
- Chrome
內嵌安裝淘汰作業常見問題
有關 Chrome 擴充功能內嵌安裝功能淘汰作業的常見問題。
- Chrome 擴充功能
Chrome 68 的淘汰與移除功能
Chrome 68 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
新增至主畫面行為的變更
自 Android 的 Chrome 68 版起,「新增至主畫面」的行為已變更,以便您進一步掌控提示使用者的時機和方式。如果您的網站符合新增至主畫面的條件,Chrome 不會再自動顯示新增至主畫面橫幅。而是需要在已儲存的 beforeinstallprompt 事件中呼叫 Prompt(),藉此向使用者顯示新增至主畫面的對話方塊提示。
- Chrome
Chrome 67 版新功能
Chrome 67 在電腦上提供漸進式網頁應用程式。新增對通用感應器 API 的支援,以輕鬆存取加速計、陀螺儀等裝置感應器。並新增對 BigInts 的支援,讓處理大型整數更輕鬆。讓我們深入探索 Chrome 67 版中開發人員適用的新功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 68)
積極的評估、引數提示、函式自動完成、Lighthouse 3.0 等。
- Chrome
使用 WebAuthn 啟用高強度驗證
Chrome 67 Beta 版引入 Web Authentication (WebAuthn) API,可讓瀏覽器與公開金鑰式憑證互動及管理。這樣就能使用可移除的安全金鑰和內建平台驗證器 (例如指紋掃描器),提供高強度的驗證程序。
Lighthouse v3 遷移指南
如何從 Lighthouse 第 2 版遷移至第 3 版。
使用 Lighthouse 提升網頁載入效能
針對預先載入、預先連線、GIF 等行為新增效能稽核。
- Chrome
隆重推出 Lighthouse 3.0
加快稽核速度、減少變異情況、提供新版報告使用者介面、提供全新稽核功能,還有更多功能等你發掘。
- Chrome
Chrome 67 的淘汰與移除功能
Chrome 67 版的淘汰和移除作業,可協助您制定計畫。在這個版本中,我們淘汰了公開金鑰固定功能、針對不安全的內容移除 AppCache,以及移除更多前置字串。
- Chrome
遷移至事件導向背景指令碼
如何將永久背景指令碼遷移至事件型的非永久模型,以提升 Chrome 擴充功能的效能。
- Chrome 擴充功能
在控制台中執行 JavaScript
瞭解如何在控制台中執行 JavaScript。
- Chrome 開發人員工具
Chrome 66 版新功能
Chrome 66 提供全新的 CSS 型式模型物件,讓 CSS 操作更容易進行;剪貼簿存取權現已採用非同步方式,' 為畫布元素的新顯示內容顯示內容,以及透過 JavaScript 處理音訊的更好的方法。讓我們深入探索 Chrome 66 版開發人員的新功能和#39;最新功能!
- Chrome
達到最佳成效
說明如何建構高效能 Chrome 擴充功能的指南。
- Chrome 擴充功能
What's 開發人員工具的新功能 (Chrome 67)
搜尋網路標頭、將要求複製為擷取內容、使用電腦條件稽核網頁,以及執行其他操作。
- Chrome
在工作區中編輯和儲存檔案
瞭解如何將開發人員工具中的變更儲存至來源檔案。
- Chrome 開發人員工具
在次要附加的螢幕上顯示網頁
Chrome 66 可讓網頁透過 簡報 API 使用次要的附加顯示畫面,並透過 Slide Receiver API 控制內容。
- Chrome
Chrome 66 的淘汰與移除功能
Chrome 66 版的淘汰和移除作業,方便您規劃。在這個版本中,您可以改善 Service Worker 的安全性、CSS 位置值變更等。
- Chrome
macOS 原生回音消除功能
在 Chrome 中使用原生 macOS 回音消除工具
- Chrome
SmooshGate 常見問題
SmooshGate 在標準開發和 Web Platform 方面,可和我們分享什麼資訊?本文案概要說明。
- Chrome
保護使用者隱私
可確保 Chrome 擴充功能保護使用者隱私的相關指南。
- Chrome 擴充功能
保護使用者隱私
可確保 Chrome 擴充功能保護使用者隱私的相關指南。
- Chrome 擴充功能
設計使用者介面
Chrome 擴充功能的使用者介面和設計指南。
- Chrome 擴充功能
從 Workbox v2 遷移至第 3 版
從 Workbox v2 遷移至 v3 的指南。
保障帳戶安全
如何維護 Chrome 擴充功能的安全。
- Chrome 擴充功能
保障帳戶安全
如何維護 Chrome 擴充功能的安全。
- Chrome 擴充功能
Chrome 65 新功能
Chrome 65 現已支援新的 CSS Paint API,可讓你透過程式產生圖片。您可以使用 Server Timing API 透過 HTTP 標頭提供伺服器效能時間資訊,而新的 CSS display: content 屬性則可隱藏方塊!讓我們深入探索 Chrome 65 版開發人員專為開發人員提供的新功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 66)
系統會忽略「網路」面板中的指令碼、在裝置模式中自動調整縮放比例,以及執行其他操作。
- Chrome
Lighthouse 2.8 更新
新的效能與搜尋引擎最佳化 (SEO) 稽核,以及報告的第一部分,還有更多其他功能。
- Chrome
Chrome 65 的淘汰與移除功能
Chrome 65 版淘汰和移除作業的大致情況,可協助您妥善規劃。在這個版本中,請注意 Symantec 憑證、跨來源下載作業及 document.all 現已變成唯讀狀態。
- Chrome
通俗/光譜
網頁開發人員和 Chrome 因應措施。
- Chrome
Workbox-build
可產生 Service Worker、在現有程式碼中插入預先快取資訊清單的模組,或是建立預先快取資訊清單。
從 sw-precache 或 sw-toolbox 遷移
從 sw-precache 或 sw-toolbox 遷移至 Workbox 的指南。
Chrome 使用者體驗報告 - 全新國家/地區維度
宣布在 Chrome 使用者體驗報告中推出新的國家/地區維度。
- Chrome
Chrome 64 版新功能
Chrome 64 版新增對 ResizeObservers 的支援,當元素's 內容矩形變更大小時,系統會發出通知。模組現在可以使用 import.metadata 代管特定中繼資料。彈出式視窗攔截器會變得更強大而且更多。讓我們深入探索 Chrome 64 版開發人員專為開發人員提供的新功能!
- Chrome
CSS Paint API
Houdini 的 CSS Paint API 可讓您透過程式輔助的方式繪製 CSS 圖片。
- Chrome
What's 開發人員工具的新功能 (Chrome 65)
本機覆寫、無障礙工具、效能及搜尋引擎最佳化 (SEO) 稽核等等。
- Chrome
無頭 Chrome:對於伺服器端轉譯 JavaScript 網站的答案
Headless Chrome 是內建解決方案,可將動態 JavaScript 網站轉換成靜態 HTML 網頁。
What's 開發人員工具的新功能 (Chrome 64)
效能監控器、控制台側欄和控制台分組。
- Chrome
停用硬體雜訊抑制
嘗試在 Chrome 64 版中停用硬體雜訊抑制功能。
- Chrome
廣告體驗提升最新消息
廣告體驗提升通知
- Chrome
Workbox-webpack-plugin
使用 Webpack 建構工具產生 Service Worker 或插入預先快取資訊清單。
Chrome 64 版即將淘汰 chrome.loadTimes() API
Chrome 64 即將淘汰非標準 chrome.loadTimes() API,現在所有實用功能已全部以標準為基礎。
- Chrome
Chrome 64 的淘汰與移除功能
Chrome 64 版的淘汰和移除作業,方便您規劃。在這個版本中,Performance API 會有所變更、移除對多個陰影根的支援,以及移除 WebKit API。
- Chrome
Linux 自行託管
如何從個人伺服器封裝、代管及更新 Linux 使用者適用的 crx 檔案。
- Chrome 擴充功能
在 Linux 上安裝擴充功能
如何從個人伺服器封裝、代管及更新 crx 檔案。
- Chrome 擴充功能
Chrome 使用者體驗報告 - 擴大服務範圍至前 1 百萬名來源
今天,我們宣布推出新的 Chrome 使用者體驗報告,將涵蓋網路上超過 100 萬個熱門來源的資料擴大。
- Chrome
音訊小程式現已預設使用
Chrome 64 推出了 Web Audio API 備受期待的新功能 - Audio Worklet
- Chrome
Lighthouse 2.6 更新
體驗全新的效能稽核功能、重新設計無障礙功能分數、回報使用者體驗改善項目,並修正多項錯誤。
- Chrome
Chrome 63/64 的媒體更新
包括可預測的媒體播放、Windows 10 高動態範圍 (Windows 10) 和永久授權離線播放等功能,還有 Chrome 64 版本等你探索。
- Chrome
Device Memory API
Device Memory API 可讓開發人員依據裝置,為使用者提供不同的資源。
- Chrome
Chrome 63 新功能
Chrome 63 可讓您動態匯入 JavaScript 模組。我最喜歡的採訪程式設計問題變成了一片蛋糕,有非同步的疊代器和發電機。您可以用 CSS overscroll-behavior 屬性覆寫瀏覽器's 預設的溢位捲動行為。
- Chrome
Workbox-broadcast-update
當快取更新為新的回應時,傳送訊息到網頁。
What's 開發人員工具的新功能 (Chrome 63)
多重用戶端遠端偵錯、含有自訂資料的推播通知以及 Workspaces 2.0。
- Chrome
工作盒快取-快取
根據回應's 狀態碼或標頭限制要快取的要求。
工作箱效期
依據快取中的項目數量或快取要求的存在時間,移除快取要求。
工作方塊範圍-要求
這個模組支援使用先前快取的資料片段回應「Range:」要求。
工作箱路由
將 Service Worker 中的要求轉送至特定快取策略或回呼函式。
workbox-cli
產生 Service Worker、插入 preCache 資訊清單,或從指令列建立 Workbox 程式庫的本機副本。
工作箱策略
一組執行階段快取策略,可處理回應要求,通常與「workbox-routing」搭配使用。
Workbox-background-sync
使用背景同步功能,即使使用者離線也能穩定發出網路要求。
工作箱核心
變更記錄層級和變更快取名稱。包含所有 Workbox 程式庫使用的共用程式碼。
工作箱 SW
提供無需建構步驟即可載入 Workbox 執行階段的方法。
Workbox-google-analytics
支援重播離線 Google Analytics (分析) 互動。
預先快取
輕鬆預先快取一組檔案,並有效率地管理檔案更新。
掌控捲動方式 - 自訂下拉即可重新整理和溢位效果
CSS 過度捲動行為屬性簡介。
- Chrome
在 Chrome 63 中移除 ::shadow 和 /deep/
再也不需要為 CSS 選取器加上陰影。
- Chrome
Chrome 63 淘汰與移除功能
Chrome 63 版的淘汰和移除作業,可協助您制定計畫。在這個版本中,介面屬性的新行為、 Webkit 函式遭到移除,以及對 RTCRtcpMuxPolicy 的變更。
- Chrome
超過緩衝配額
處理 QuotaExceededError 的方法有很多種,
- Chrome
Lighthouse 2.5 更新
我們推出了五項新的稽核機制、Chrome 啟動器的獨立「節點」模組,以及全新的節流指南。
- Chrome
Chrome 62 新功能
Chrome 62 透過網路品質指標改善網路資訊 API,現在支援 OpenType 變數字型,您現在可以透過 DOM 元素 API 的 Media Capture 擷取及處理 HTMLMediaElements 中的媒體串流。
- Chrome
加入模糊效果動畫
一些秘訣可以用來有效率地建立動畫。
- Chrome
Chrome 62 版 WebVR 異動
瞭解 WebVR API 的異動內容。
- Chrome
無法擷取
使用新的網路基元 - 取消控制器 來取消擷取。
- Chrome
CSS 位置:固定式事件
使用位置 - 固定式和 IntersectionObserver,判斷元素何時固定。套用不需捲動事件的捲動效果!
網頁感應器
許多應用程式都會使用感應器來啟用進階功能,例如遊戲會考量執行裝置的方向或加速度。通用感應器 API 提供通用介面,可在網路上存取這類感應器資料。
Chrome 62 淘汰與移除功能
Chrome 62 版的淘汰和移除作業,可協助您做好規劃。在這個版本中,我們改善安全性及淘汰 Webkit 版本等。
- Chrome
Chrome 自動播放政策
透過 Chrome 全新自動播放政策,瞭解打造優質使用者體驗的最佳做法。
- Chrome
探索 Chrome 的往返快取
bfcache 會建立快取,讓使用者即時瀏覽先前造訪過的網頁。
- Chrome
子母畫面 (PiP)
Let' 討論 Web API 可讓網站在桌面上建立浮動式影片視窗。
- Chrome
Chrome 62 版媒體更新
在 Android 裝置上提供永久授權和 Widevine L1 的離線播放功能、影片軌最佳化、裝置旋轉時自動全螢幕播放影片、可在即時 MS 串流中自訂可搜尋範圍、MP4 搭配 MSE 功能!
- Chrome
Chrome 61 版新功能
Chrome 61 現在原生支援 JavaScript 模組,整合模組 JavaScript 的編寫方式。您現在可以使用導覽點比重觸發原生 Android 分享對話方塊。WebUSB API 隆重登場,可讓網頁應用程式存取使用者允許的 USB 裝置。當然,還有許多實用功能等您來發掘。
- Chrome
隆重推出 VisionViewport
視覺化可視區域 API 提供有關使用者縮放及捲動網頁的詳細資料,
- Chrome
What's 開發人員工具的新功能 (Chrome 62)
控制台的頂層 await 運算子、新增螢幕截圖工作流程、CSS 格線醒目顯示等功能。
- Chrome
Chrome 61 淘汰與移除功能
Chrome 61 版的淘汰和移除作業,方便您規劃。在這個版本中,我們改善安全性及淘汰 Webkit 版本等。
- Chrome
估算可用儲存空間
Navgator.storage.estimate() 可讓您深入瞭解網頁應用程式的儲存空間限制。
- Chrome
Chrome 61 的音訊/影片更新
Chrome 61 音訊和視訊更新概覽。
- Chrome
Chrome 61 的媒體更新功能
當裝置旋轉到這裡,背景視訊軌最佳化和自動全螢幕影片功能已送到此處!
- Chrome
Chrome 60 新功能
你現在可以使用 Chrome 60 測量首次繪製內容所需時間,以及使用 Paint Timings API 進行首次顯示內容所需時間。您可以使用字型顯示 CSS 屬性控製字型的轉譯方式。WebAssembly 已經來臨了,而且還有#39;還有很多!
- Chrome
即將推出的規則運算式功能
JavaScript 規則運算式即將推出的新功能總覽,包括已命名的擷取、dotAll 旗標、Unicode 屬性逸出和 Lookhind 宣告。
- Chrome
What's 開發人員工具的新功能 (Chrome 61)
Chrome 61 版開發人員工具的新功能和異動。
- Chrome
對齊的輸入事件
提供流暢的使用者體驗是網路的重要因素。過去幾個月來,我們降低了這類裝置上的輸入延遲時間。
- Chrome
超強直播網誌 - 程式碼分割
我們導入程式碼分割和路徑區塊的方式,和 WebPack 相同。
- Chrome
DOMException - play() 要求中斷
實際原因為何 "DOMException - play() 要求中斷"?
- Chrome
使用 Headless Chrome 進行自動化測試
使用 Headless Chrome 進行自動化測試
- Chrome
credential Management API 最新消息
credential Management API 最新消息
- Chrome
Chrome 60 淘汰與移除功能
Chrome 60 版的淘汰和移除作業,方便您規劃。在這個版本中,我們改善安全性及淘汰 Webkit 版本等。
- Chrome
Budget API 簡介
開發人員可以利用 Budget API 執行背景動作,不必通知使用者,就能實現無訊息推送等用途。
- Chrome
Chrome 59 新功能
使用 Chrome 59 版,即使沒有使用者介面或週邊裝置,也能在自動化環境中執行 Chrome。macOS 的通知會直接顯示原生的 macOS 通知系統;你可以透過圖片拍攝 API 擷取完整解析度的相片,而且還有更多功能!
- Chrome
What's 開發人員工具的新功能 (Chrome 60)
Chrome 60 版開發人員工具的新功能和異動。
- Chrome
Chrome 59 的淘汰與移除功能
Chrome 59 版淘汰和移除作業的大致情況,可協助您妥善規劃。
- Chrome
開始使用 Headless Chrome
開始使用 Headless Chrome
- Chrome
移至 macOS 上的原生通知系統
自 Chrome 59 起,macOS 會顯示原生通知。
- Chrome
Chrome 58 版新功能
在 Chrome 58 上安裝 Chrome 58 螢幕,就能透過「全螢幕」應用程式體驗更身歷其境的體驗。現在支援 IndexedDB 2.0,沙箱 iframe 則能使用更多選項。Pete LePage 完整說明瞭所有細節,以及如何在 Chrome 58 中使用這些新的開發人員功能。
- Chrome
What's 開發人員工具的新功能 (Chrome 59)
Chrome 59 版開發人員工具的新功能和異動。
- Chrome
JavaScript 對話方塊的 Chromium 政策
透過應用程式強制回應的同步 JavaScript 對話方塊,常會 (也很遺憾) 用來傷害使用者。因此,Chromium 團隊強烈建議您不要使用 JavaScript 對話方塊。
- Chrome
建構高效展開和素材資源;收合動畫
建立展開和收合效果時,可以使用縮放轉換功能維持使用者介面的效能。
- Chrome
CSS 深入探索 - 矩陣完美的自訂捲軸
自訂轉換矩陣可讓您建構完美框架的自訂捲軸。
Chrome 58 版媒體更新
自訂媒體控制項、在主畫面中新增漸進式網頁應用程式自動播放功能、在隱藏時暫停自動播放靜音影片,以及針對不同顏色的媒體查詢進行調校!
- Chrome
We' 一路跨越 (媒體) 串流,Ray
目前在 Chrome 中使用媒體來源擴充功能 (MSE) 時,無法切換加密串流和清除串流。從 Chrome 58 版開始,系統會執行所有變更。
- Chrome
Chrome 58 版的音訊/影片更新功能
Chrome 58 的音訊與視訊更新率總計。
- Chrome
Chrome 58 的淘汰與移除功能
Chrome 58 版的淘汰和移除功能簡介,可協助您制定計畫。
- Chrome
Chrome 57 的背景分頁
Chrome 57 的背景分頁
- Chrome
Chrome 57 新功能
你現在可以在 Chrome 57 中使用「顯示」功能:格狀版面配置套用格狀版面配置、使用媒體工作階段 API,自訂螢幕鎖定畫面和通知,以及顯示正在播放的媒體相關資訊等。Pete LePage 完整說明瞭所有細節,以及如何在 Chrome 57 中使用這些新的開發人員功能!
- Chrome
開發人員工具的新功能 (Chrome 58)
Chrome 58 版開發人員工具的新功能和異動。
- Chrome
Lighthouse 更新,2017 年 1 月更新
Lighthouse 1.5 的新功能's.
- Chrome
自訂媒體通知及處理播放清單
使用全新的 Media Session API,自訂網路媒體通知及回應媒體相關事件。
- Chrome
資訊清單 - 動作處理常式
manifest.json 的 action_handlers 屬性的參考說明文件。
Chrome 57 淘汰和移除 API
Chrome 57 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
付款要求 API 的異動
在 Chrome 56 和 57 版中,隨著規格變更, Payment Request API 有一些變更。瞭解異動內容並調整自己的實作方式。
- Chrome
CSS 格線 - 表格版面配置已恢復。適時出現,抓住時機
CSS 格線是網頁的新版面配置系統。
Chrome 56 新功能
在 Chrome 56 中,網頁應用程式現在可以使用 Web Bluetooth API 與附近的藍牙低功耗裝置通訊。CSS 位置:固定式,也就是返回 - 建立元素可正常捲動,直到固定至可視區域頂端為止。此外,系統預設會為所有使用者啟用 HTML5。
- Chrome
預設將觸控捲動功能設為快速
捲動回應速度對使用者/#39 而言至關重要;使用者與網站互動時,觸控事件監聽器往往會造成嚴重的捲動效能問題。瞭解我們如何協助使用者和開發人員提升預設設定。
- Chrome
JavaScript 偵錯參考資料
參閱這份 Chrome 開發人員工具偵錯功能的完整參考資料,探索新的偵錯工作流程。
- Chrome 開發人員工具
運用 Lighthouse 打造更優質的網路
What's Lighthouse 的新功能。重新設計、全新最佳做法稽核,以及線上報告檢視器。
- Chrome
調整網址列的大小
而隱藏網址列將不會再調整行動版網頁的大小。
- Chrome
Chrome 開發人員工具:Chrome 58 版中的 JavaScript CPU 剖析
已在 Chrome 58 版中變更記錄 JavaScript CPU 設定檔。
- Chrome
Chrome 開發人員工具 - Chrome 58 版 JavaScript CPU 剖析
"錄製 JavaScript CPU 設定檔";已在 Chrome 58 版中進行變更。
- Chrome
Chrome 56 淘汰和移除 API
Chrome 56 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
position:sticky 已在 Chrome 中恢復
position:固定式成功了!
- Chrome
拍照及控制相機設定
「圖片拍攝」是用於控制相機設定和拍照的 API。
- Chrome
高效能視差
只要在數學執行時稍加扭動,即可達到 #39 的視差效果,與瀏覽器架構完美搭配!
- Chrome
Chrome 55 新功能
在 Chrome 55 版中,您可以使用非同步和等待時間來編寫以承諾為基礎的程式碼,就像是同步一樣的程式碼。PointerEvents 提供統一處理所有輸入事件的方式。永久儲存空間會從這個版本' 來源試用開始升級。
- Chrome
準備好參加 2016 年 Chrome 開發人員高峰會
2016 年 Chrome 開發人員高峰會將於 11 月 10 日星期四和 11 日登場
- Chrome
避免 Chrome 顯示不安全警告
Chrome 很快就會在網址列中將含有密碼和信用卡輸入欄位的非安全網頁標示為「不安全」。
- Chrome
透過 CSS 管理連字號
Chrome 55 會實作連字號屬性,以控制軟連字號顯示的時機和行為。
開發人員工具摘要,2016 年 10 月
控制台新功能、內容選取器錯誤的最新消息,以及新的 UC 瀏覽器使用者代理程式。
- Chrome
從畫布、影片或音訊元素擷取 MediaStream
captureStream() 方法可讓您從 Android 和電腦的畫布、音訊或影片元素中擷取 MediaStream。
- Chrome
在偵測到事件監聽器時
addEventListener 現在支援單一選項,可讓您輕鬆定義之後清除的事件。
- Chrome
觸控動作選項
觸控動作可讓開發人員定義使用者與元素互動的方式,而 Chrome 現已在 Chrome 55 版中提供更廣泛的觸控操作選項支援。
- Chrome
Chrome 55 淘汰和移除 API
Chrome 56 版的淘汰和移除作業,可協助您制定計畫。
- Chrome
向前邁進
指標事件會統整瀏覽器的指標輸入模型,將觸控、筆和滑鼠合併為一組事件。
- Chrome
Chrome 55 版即將支援 auxclick
針對非主要的滑鼠按鈕點擊,系統會觸發新的 Auxclick 事件。
- Chrome
Chrome 54 新功能
在 Chrome 54 中,你現在可以使用 Custom Elements v1 建立自訂 HTML 標記,並透過 Custom Elements v1 建立自訂網頁元件,並利用自訂元素 v1 建立可重複使用的網路元件;使用 Channel API 可更輕鬆地在相同來源的開啟視窗或分頁之間傳送訊息。現在,我們在 Android 與外來廣播 (RFA) 提供的來源試用做法都更為優異。
- Chrome
developer.google.com/web 更新
全新的網站基礎知識:導覽功能更流暢、全新內容等豐富功能!
- Chrome
Lighthouse 簡介
瞭解如何設定 Lighthouse 來稽核網頁應用程式。
縮放時重新光柵化複合圖層
將會變更 - 變換,請快速建立動畫效果
- Chrome
跨來源 Service Worker - 試用外來擷取功能
第三方服務可以開始部署自己的網路要求處理常式。
- Chrome
Chrome 54 中的 CacheQueryOptions Arrive
可支援完整的 CacheQueryOptions,讓您更容易找到自己尋找的快取回應。
- Chrome
開發人員工具摘要,2016 年 9 月 - Perf 匯報
根據最近幾個 Chrome 版本,改善開發人員工具的 Perf 工具效能。
- Chrome
推播式訂閱選項
您現在可以存取訂閱使用者推送作業時使用的選項。
- Chrome
BroadcastChannel API - 網路訊息匯流排
BroadcastChannel API 可用於視窗、分頁、iframe 或工作站之間的簡單 Pub/Sub。
- Chrome
幹擾 document.write()
Chrome 已封鎖透過 document.write() 新增的部分指令碼
- Chrome
Web Animations API 達成跨瀏覽器里程碑
Firefox 48 加入 Chrome 並一同推出 Web Animations API 的原生實作方式。
- Chrome
Chrome 53 淘汰和移除 API
Chrome 淘汰和移除措施的回顧,協助您妥善規劃。
- Chrome
開發人員工具摘要,2016 年 8 月
「資源」面板、新功能和社群活動的最新消息。
- Chrome
網路推送互通性勝出
網路推送在最新的 Chrome 版本中推出了幾項更新。GCM 現已支援網路推送通訊協定,如果您使用 VAPID,則無須註冊 Google 開發人員專案,同時獲得 FCM 端點。
- Chrome
在行動裝置上關閉自動播放功能 - 揮別畫布技巧和 GIF 動畫!
Android 第 53 版起支援「影片靜音自動播放」功能。先前,影片元素必須透過使用者手勢啟動播放。
- Chrome
對漸進式網頁應用程式進行偵錯
使用「應用程式」面板檢查、修改網頁應用程式資訊清單、Service Worker 和服務工作站快取,並進行偵錯。
- Chrome 開發人員工具
輕鬆使用離線 Google Analytics (分析)
sw-offline-google-analytics 程式庫滿足您的一切需求。
- Chrome
無限捲軸的複雜度
無限捲動是常見的 UI 模式。我們接下來會探討如何以保守的方式實作這種模式,並處理 60fps。
- Chrome
告別簡短的課程 - 透過服務工作人員改善網路 Cookie 管理方式的提案
推出概念驗證設計,使用 Service Worker 來保留工作階段。
- Chrome
Flexbox 為絕對定位子項的新行為
Flexbox 為絕對定位子項的新行為
- Chrome
在 Android 版 Google Chrome 中,針對音訊和影片的 Service Worker 快取、PlaybackRate 和 Blob 網址
從第 52 版開始,Android Chrome 採用與電腦版 Chrome 相同的媒體堆疊,而不是仰賴基礎平台實作。這項服務可讓服務工作處理程序媒體快取、變動播放速率、Android 上的 blob 網址、在 API 之間傳遞 MediaStream 網址,以及更輕鬆地進行跨平台偵錯。
- Chrome
適用於 WebRTC 的 ECDSA:提供更好的安全性、更完善的隱私防護和效能
從第 52 版開始,Chrome 預設使用 ECDSA,這種演算法在產生 WebRTC 憑證金鑰時效率更高且更安全。此外,RTCCertificates 現在可與 IndexedDB 一起儲存。
- Chrome
Chrome 52 中的 CSS 防護機制
全新的「CSS 隔離」屬性可讓開發人員限制瀏覽器的樣式、版面配置和繪製工作範圍。
- Chrome
Chrome 52 淘汰和移除 API
Chrome 淘汰和移除作業的回顧,協助您妥善規劃。
- Chrome
效能觀察工具 - 有效率地存取成效資料
在 Chrome 52 版中,Performance Observer 介面可讓你以事件為依據,更有效率地存取成效時間軸資料。
- Chrome
開發人員工具摘要,2016 年 9 月 - 2016 年以後的開發人員工具
開發人員工具在 2016 年及未來推出的重要主題與趨勢。
- Chrome
使用被動事件監聽器改善捲動效能
第一次使用 Chrome 51 版,被動事件監聽器可大幅提升捲動效能。
- Chrome
透過串流方式立即回應
藉助 ReadableStreams,立即開始處理 Service Worker 回應。
- Chrome
在 Chrome 50 版中,將 Geolocation API 從不安全的來源移除
從第 50 版開始,Chrome 不再支援透過不安全的連線使用 HTML5 Geolocation API。
- Chrome
開發人員工具摘要:新指令選單效能更佳
瞭解開發人員工具';全新的指令選單,以及超過 60 個操作,讓工作流程非常快速。
- Chrome
Chrome 51 淘汰和移除 API
Chrome 淘汰和移除作業的回顧,協助您妥善規劃。
- Chrome
使用憑證管理 API 簡化登入流程
為了提供精密的使用者體驗,這項功能可協助使用者驗證您的網站。不過,為使用者快速設定、記住及輸入密碼往往會造成麻煩,特別是在行動裝置上。
- Chrome
KeyboardEvents 有什麼新功能?金鑰和代碼!
兩項新屬性可為網路提供一致的鍵盤事件處理功能。
- Chrome
實驗時間 - 捲動錨定廣告
捲動錨定功能會在你開始閱讀內容後停止移動網頁。
- Chrome
在網路上存取 USB 裝置
WebUSB API 是將 USB 做為網路使用,使 USB 變得更安全、更容易使用。
總覽
開始使用 Google Chrome' 內建的網頁開發人員工具。
- Chrome 開發人員工具
控制台 API 參考資料
使用 Console API 將訊息寫入控制台。
- Chrome 開發人員工具
行動第一代的新型裝置模式
進一步瞭解 Chrome 開發人員工具';在 Chrome 49 中推出的全新裝置模式,以及 Chrome 49 中推出的新改版裝置模式。
- Chrome
使用 Intel Edison 建立啟用網路的 IoT 裝置
現在大家都使用物聯網,這種日子但如果有,只要用網路瀏覽器就能建立物聯網裝置,該怎麼辦?本文將說明如何使用實體網路、網路藍牙和 Node.js (在 Intel® 和 Edison Arduino 分組討論室) 上完成。
- Chrome
Media Source API - 自動確保依附加順序順暢播放媒體區段
Media Source API 可讓 JavaScript 建構用於播放的媒體串流。在 Chrome 50 版中,f#39 可以使用 SourceBuffer 序列模式,確保媒體區隔在時間軸中自動依照附加順序重新定位,沒有間隔。
- Chrome
用於檢查和修改的 FormData 方法
在 Chrome 50 中,你現在可以與 formData 例項互動,再傳送該例項。
- Chrome
Chrome 50 支援在 Chrome 中使用 createImageBitmap()
支援在設定為採用 Chrome 50 的工作站中使用圖片解碼。
- Chrome
從聚焦管理中移除頭痛
'依序對焦導覽起點' 功能會定義在沒有焦點區域時,開始搜尋可聚焦元素的位置 ([Tab] 或 [Shift-Tab])。#39,特別適用於無障礙功能功能,例如略過連結及管理文件焦點。
- Chrome
在 Chrome 50 中新增 DOMTokenList 驗證狀態
直接在 Chrome 50 版程式碼中檢查各種功能支援。
- Chrome
Chrome 50 中新增對 Canvas toBlob() 的支援
支援在 Chrome 50 中使用 Canvas.toBlob。
- Chrome
Chrome 50 淘汰和移除 API
Chrome 淘汰的淘汰項目和 API 移除作業,可協助您做好規劃。
- Chrome
改善 Chrome 50 的網路動畫效能
Chrome 50 版更符合規格要求和新功能。
- Chrome
Chrome 50 即將變更裝置方向
DeviceOrientationEvent 使用相對度數,而 there's 新的 DeviceOrientationAbsoluteEvent。
- Chrome
使用 rel#39;preload' 連結為您的資源排定優先順序;
Chrome 50 版新增對 rel#39;preload' 的支援,並淘汰 rel#39;subresource'。
- Chrome
改善 Chrome 50 中的網頁通知功能 - 圖示、關閉事件、Renotify 偏好設定和時間戳記
Chrome 50 針對通知功能提供許多出色的新功能,以下提供摘要說明。
- Chrome
網路推送酬載加密
Web Push 現在支援酬載!瞭解如何善用這項強大的新功能。
- Chrome
HTMLMediaElement.play() 傳回了一個承諾
告別自動播放的不確定性!play() 現在會傳回 Promise。
- Chrome
獲得超凡的遠端偵錯、課堂強化以及我們自家的深夜脫口秀?
瞭解所有改良後的「檢查裝置」使用者介面、在目前已固定樣式的面板中輕鬆切換類別,並觀看 DevTools 今晚的試點影片。
- Chrome
監控來源中的變數
Chrome 開發人員工具可讓您在應用程式中輕鬆查看多個變數。
- Chrome 開發人員工具
開發人員工具會變暗、使用 @keyframe 編輯,以及更聰明的自動完成功能
瞭解開發人員工具的自動完成功能如何幫助您減少輸入的內容、如何在「樣式」窗格中直接編輯 @keyframe 規則、發揮 CSS 自訂變數的功用,以及如何加入深色邊。
- Chrome
Chrome 49 版網路音訊更新
Chrome 的 Web Audio API 最新版本功能簡介。
- Chrome
ES2015 Proxy 簡介
Chrome 49 以上版本為 ES2015 Proxy 提供 JavaScript 的過渡 API,讓我們能擷取或攔截目標物件上的所有作業,並修改這個目標的運作方式。
- Chrome
在 Chrome 49 中順暢捲動
不想再費力捲動畫面嗎?太好了!Chrome 49 推出時立即推出新的平滑捲動功能!
- Chrome
CSS 變數 - 重要性
CSS 變數 (更稱為 CSS 自訂屬性) 已於 Chrome 49 版中導入。這項做法有助於減少 CSS 中的重複情形、強大的執行階段效果 (例如主題切換),以及擴充/擴充未來的 CSS 功能。
使用字型顯示功能控製字型效能
新的 @font-face 字型顯示描述元,可讓開發人員根據載入網頁所需的時間,決定網頁字型的轉譯方式 (或備用)。
- Chrome
WebRTC 現已支援 VP9
從電腦和 Android 版的 Chrome 48 開始,VP9 會是使用 WebRTC 進行視訊通話的選用影片轉碼器。
- Chrome
使用 MediaRecorder 錄製音訊和視訊
MediaRecorder API 可讓你從網頁應用程式錄製音訊和視訊。這項功能目前支援 Firefox、Android 版和電腦版 Chrome。
- Chrome
Chrome 48 中的通知動作
使用者可以透過「通知動作」按鈕,在不開啟網頁的情況下與您的網站互動
- Chrome
事件的高解析度時間戳記
有了 DOMHighResTimeStamp,以微秒精確度的方式發生事件的發生時機。
- Chrome
使用 URLSearchParams 輕鬆操控網址
TURLSearchParams 存取與操控網址's 查詢字串
- Chrome
Chrome Android 版 Google Cast
Android 版 Chrome 現已允許透過 presentation API 和 Cast Web SDK 將行動版網站顯示在 Google Cast 裝置上。
- Chrome
開始使用漸進式網頁應用程式
瞭解如何開始建構漸進式網頁應用程式
- Chrome
Chrome 開發人員工具安全性面板問世
全面瞭解 Chrome 開發人員工具中的新版安全性面板。
- Chrome
背景同步簡介
背景同步處理是全新的網路 API,可在使用者連線穩定之前延後動作。這可確保系統確實傳送使用者想傳送的任何內容。
- Chrome
開發人員工具摘要 (CDS 版):深入瞭解未來與 RAIL 剖析
瞭解開發人員工具的優先要務,也就是全新的裝置模式,隨時保持運作。使用顏色按鈕即可在選取器中快速新增顏色,並瞭解開發人員工具即將推出的功能。
- Chrome
運用應用程式命令介面架構立即載入網頁應用程式
應用程式殼層架構是一種現今建構漸進式網頁應用程式的方法,可以善用一系列技術。
- Chrome
開發人員工具摘要:高效率元素編輯、Service Worker 偵錯和質感設計欄
使用 DOM 面板的全新內容選單,即可有效率地編輯節點。直接透過「資源」面板對服務工作站進行偵錯。從顏色挑選器中選擇所有 Material Design 陰影。Blackbox JS 程式庫變得更容易。
- Chrome
網頁動畫資源
Web Animations API 的資源和更多內容
管理輕觸搜尋的觸發程序
瞭解「輕觸搜尋」的觸發時機和方式
- Chrome
需要互動通知 - 電腦上的通知使用者體驗更流暢
電腦上的通知會在一小段時間後自動關閉。
- Chrome
開發人員工具摘要:分頁重新排序、管理主控台 2 和架構事件事件監聽器
重新排列 DevTools 分頁的順序 (最符合您的需求),然後查看架構事件在哪些方面與眾不同。
- Chrome
輸入裝置功能
讓滑鼠和觸控邏輯在沒有 PointerEvents 時運作更簡易的方法
- Chrome
從網頁應用程式中選擇攝影機、麥克風和喇叭
您可透過 MediaDevices 介面使用瀏覽器可用的輸入及輸出裝置,包括攝影機、麥克風和喇叭。
- Chrome
執行 JavaScript 程式碼片段
程式碼片段是小型指令碼,可在 Chrome 開發人員工具的「來源」面板中編寫及執行。您可以在任何頁面上存取及執行。執行程式碼片段時,會從目前開啟的網頁環境執行。
- Chrome 開發人員工具
EME 記錄器擴充功能
EME 記錄器是 Chrome 的擴充功能,可記錄加密媒體擴充功能 (EME) 事件,以及對開發人員工具控制台的呼叫。
- Chrome
Service Worker Cache API 更新內容
Chrome 46 和 Chrome 47 一樣推出新的快取方法,通常為 48 版。永無止盡。
- Chrome
History API - 捲動還原
更新 History API,以免無法精準捲動跳轉。
- Chrome
在 Chrome 中捨棄分頁 - 節省記憶體的實驗
減少 Chrome's 的記憶體用量是今年的首要目標之一,
- Chrome
使用 HPKP 報告功能推出綁定公開金鑰
Chrome 46 隨附 HPKP 報告功能,可協助您為網站推出更嚴格的 SSL 形式。
- Chrome
使用網頁應用程式資訊清單指定網站通用的主題顏色
在資訊清單中設定主題顏色,讓網站上的所有網頁都具備該顏色,供網站所有頁面使用。
- Chrome
「大於進階網路面板」篩選器和其他一些篩選器
您知道嗎?「網路」面板中的篩選器支援一些實用的自訂搜尋標籤。
- Chrome
開發人員工具摘要:匯總的時間軸詳細資料、調色盤等
透過「時間軸的匯總詳細資料」瞭解哪些第三方指令碼會導致效能問題、如何使用新的調色盤選擇一致的顏色等等。
- Chrome
在樣式窗格使用的簡易鍵盤秘訣
透過幾個實用的鍵盤秘訣,瞭解如何有效瀏覽樣式窗格。
- Chrome
全新發布 Material Design Lite - 1.0.4 版
提供 Material Design Lite 的新版本,針對建構程序提供多項錯誤修正和改善項目。
- Chrome
使用 requestIdleCallback
requestIdleCallback 是新的效能 API,可在瀏覽器閒置時排程工作。
- Chrome
在外掛程式內容中使用海報圖片
Chrome 現在可以在物件元素中加入自訂的海報圖片,改善 Flash 這類外掛程式的載入效能。
- Chrome
在控制檯面板中編輯 HTML
控制檯面板也會顯示 DOM 節點內容選單,方便您從元素面板認出。
- Chrome
控制檯面板中的五個訣竅
控制檯面板中的五個訣竅
- Chrome
輕鬆複製 DOM 節點
您不需要將 HTML 編輯為巨量字串,即可輕鬆變更 DOM。
- Chrome
開發人員工具的全新首頁
We' 我們搬到這個新家:developers.google.com/web/tools/chrome-devtools,可為您提供實用的新教學課程和提示。
- Chrome
在來源中即時編輯 CSS
您知道可以在「來源」中編輯 CSS,並即時更新網頁嗎?
- Chrome
改善 DOM 導覽標記
您知道「元素面板」有導覽標記記錄嗎?
- Chrome
開發人員工具摘要:幻燈片以及新的節流園地
歡迎閱讀這份 DevTools 摘要更新的第一批更新,探索新的幻燈片功能和更多內容。
- Chrome
新增自訂裝置做為預設設定
您是否經常模擬某個維度的裝置?在開發人員工具裝置模式中,您可以新增裝置預設設定。
- Chrome
- Chrome 開發人員工具
MediaStream 淘汰項目
MediaStream API 代表已同步的音訊或視訊串流。即將淘汰 MediaStream.ended、MediaStream.label 和 MediaStream.stop()。請改用 MediaStream.active、MediaStreamTrack.label 和 MediaStreamTrack.stop()。
- Chrome
透過 JavaScript 與藍牙裝置通訊
Web Bluetooth API 可讓網站與藍牙裝置通訊。
Android 版 Chrome 的媒體播放通知
在網頁上播放音訊或視訊時,通知列和螢幕鎖定畫面上會顯示通知,列出網頁標題和播放/暫停按鈕。通知可用於暫停/繼續播放,或返回播放媒體的頁面。
- Chrome
使用 rotationAngle 和 touchRadius
Chrome 45 已進行一小部分變更,讓開發人員可更輕鬆地打造觸控式應用程式。
- Chrome
測量 Service Worker 中的效能
如果您能評估在 Service Worker 中要求的效能,該怎麼做?您現在可以根據 Chrome 近期異動回答這個問題。
- Chrome
檢查及觸發 CSS 媒體查詢
裝置模式內建媒體查詢檢查器,可簡化回應式設計。
- Chrome
用於選取下一個出現項目的捷徑
在「來源面板」編輯器中,你可以使用 Cmd + D 鍵選取下一個出現的位置。
- Chrome
根據特定條件設定中斷點
設定中斷點時,您可以根據運算式的結果設為條件式。
- Chrome
在「來源」面板中選取並執行程式碼區塊
使用快速鍵 Ctrl +;Shift + E 快速鍵,在「來源」面板中執行醒目顯示的程式碼區塊。
- Chrome
快速切換開發人員工具面板
您可在開發人員工具中使用 Cmd+] (或 Cmd+[) 瀏覽這些面板。
- Chrome
從主控台列印快速堆疊追蹤
您可以透過 console.trace() 取得快速簡單的堆疊追蹤,進一步瞭解程式碼執行流程。
- Chrome
誰負責檢查這個檢查器?
您知道可以使用開發人員工具檢查開發人員工具嗎?
- Chrome
在元素上觸發虛擬類別
是否曾嘗試對 CSS 懸停效果進行偵錯,但無法將滑鼠懸停在元素上?請參閱這裡的說明'。
- Chrome
以選用檔案範圍進行全專案搜尋
瞭解在開發人員工具中執行哪些重要指令,成為搜尋專家。
- Chrome
網路色彩群組
瞭解哪些顏色符合哪些資源類型可輕鬆識別資源。
- Chrome
在偵錯時以內嵌方式預覽 JavaScript 值
瞭解如何在偵錯時在開發人員工具中預覽 JavaScript 變數的值。
- Chrome
透過「元素」面板快速編輯/查看資源
透過「元素」面板快速編輯/查看資源
- Chrome
event_rules
manifest.json 的 event_rules 屬性的參考說明文件。
- Chrome 擴充功能
event_rules
manifest.json 的 event_rules 屬性的參考說明文件。
- Chrome 擴充功能
音訊媒體來源擴充功能
媒體來源擴充功能 (MSE) 可為 HTML5 音訊和影片元素提供延伸的緩衝和播放控制項,雖然最初開發是為了協助透過 HTTP (DASH) 影片播放器進行動態自動調整串流,但 MSE 可用於音訊,尤其是用於無間斷播放的特殊效果。
- Chrome
通知您通知設定有所變更
Chrome 44 版已新增兩個 API',讓使用者更容易使用通知推送和自訂功能。
- Chrome
Alt + 按一下即可展開所有子節點
Alt +;按一下即可展開所有子節點
- Chrome
- Chrome 開發人員工具
複製圖片做為資料 URI
在「資源」面板中的圖片預覽畫面上按一下滑鼠右鍵,即可將其複製為資料 URI (採用 Base 64 編碼)。
- Chrome
使用鍵盤瀏覽通話堆疊
如何使用鍵盤快速鍵設定中斷點及瀏覽呼叫堆疊。
- Chrome
未完成的網路要求
您可以使用「Is:Running Advanced Network」篩選器,查看未完成的網路要求 (例如執行中的要求)。
- Chrome
加/減速編輯器
選取加/減速 CSS 屬性,即可查看動畫預覽來瞭解運作方式。
- Chrome
透過控制檯面板快速監控事件
您可以使用 Command Line API 方法 monitoringEvents(物件 [, 事件]),記錄發送給物件的所有事件。
- Chrome
透過 Command 鍵在來源面板中新增多個遊標
瞭解如何在開發人員工具來源面板中編輯多個遊標。
- Chrome
快速編輯元素標記
在「元素」面板中按一下節點的起始標記名稱,就能進行編輯。
- Chrome
顯示在元素面板中
在控制台的「元素」面板中顯示 DOM 節點。
- Chrome
目前選取的 DOM 節點
瞭解控制台快速指令,即可取得目前所選的 DOM 節點。
- Chrome
查看相符的選取器
您在「樣式窗格」中查看選取器時,以半形逗號分隔的選取器部分的顏色會根據所選 DOM 節點是否與所選 DOM 節點而有不同顏色。
- Chrome
顏色挑選器工具的部分使用者介面和功能強化
開發人員工具中的顏色挑選器工具即將升級。 目前使用 Chrome Canary
- Chrome
取得事件監聽器並進行偵錯
透過下列主控台指令,在開發人員工具中取得事件監聽器並進行偵錯。
- Chrome
遇到例外狀況時自動暫停
您可以在開發人員工具中自動暫停所有例外狀況 (特別適用於未偵測到的例外狀況)。
- Chrome 開發人員工具
- Chrome
快速變更 CSS 值
使用鍵盤或滑鼠滾輪快速變更 CSS 值
- Chrome
在 cURL 中重播網路要求
瞭解如何透過指令列對網路要求進行偵錯。
- Chrome
括號標記的自動完成功能
您知道可以在「來源」面板中使用自動完成括號標記功能嗎?
- Chrome
- Chrome 開發人員工具
查看及變更 DOM 中斷點
如何透過開發人員工具的「Breakpoints」窗格查看及變更 DOM 中斷點。
- Chrome
將元素捲動至可視區域
如果 #39; 重新檢查的元素不在可視範圍內,請參閱本文',如何將該元素帶入可視區域。
- Chrome
虛擬類別觸發
瞭解如何觸發虛擬類別 (例如 :active),為 CSS 正確偵錯。
- Chrome
「網路」面板的幻燈片
以視覺方式瀏覽網路面板,並在網頁載入期間查看擷取的螢幕截圖
- Chrome
展開 CSS 簡寫屬性
在樣式窗格中,您可以展開 CSS 簡寫屬性 (例如 Flex 或 padding),查看自行定義的完整屬性範圍。
- Chrome
通訊埠轉送
開發人員工具通訊埠轉送功能甚至可讓 localhost 網址在行動裝置上運作。
- Chrome
以 CSS 選取器搜尋 DOM 樹狀結構
使用「元素」面板瀏覽 DOM 時,請嘗試透過 CMD/Ctrl+F 以 CSS 選取器搜尋節點。
- Chrome
輸入時收到 JavaScript 錯誤通知
如果您在控制檯面板中看到錯誤,按一下該錯誤,即可顯示「來源面板中」中彈出錯誤訊息的那一行。
- Chrome
輕鬆錄製時間軸
請嘗試將開發人員工具卸載到另一個視窗,將錄製按鈕放在需要執行動作的頁面中,
- Chrome
資訊清單 - USB 印表機
manifest.json 的 usb_printers 屬性參考說明文件。
前往特定欄的行號
瞭解如何在「來源」面板中跳至特定行號。
- Chrome
輕鬆跳到事件監聽器
瞭解如何在任何節點上顯示已註冊事件監聽器的函式定義。
- Chrome
使用硬體解碼的高效能影片
硬體影片支援可為外掛程式和 HTML5 影片提供高效解碼的效率。Flash 使用者應從舊樣式的 Video 切換至 StageVideo 物件。
- Chrome
精細的陳述式重點摘要
透過精細的醒目顯示,查看確切的執行陳述式。
- Chrome
本機修改
本機修改可讓您查看 (透過開發人員工具) 對特定來源檔案進行了哪些變更。
- Chrome
強制重新載入
開啟開發人員工具後,點選並按住重新載入按鈕即可查看更多選項。
- Chrome
循環顯示編輯位置
您的遊標位置歷史記錄會保留在「來源」面板中,以供您使用 Alt+(向後) 或 Alt+(向前) 循環瀏覽之前編輯過的位置
- Chrome
將網路資源的回應複製到剪貼簿
除了複製網路資源的要求/回應標頭之外,您也可以複製回應本身。
- Chrome
拖曳以選取資料欄
只要按住 Alt 鍵並拖曳滑鼠,即可在來源面板編輯器中選取資料欄。
- Chrome
預先定義的程式碼片段
如何在任何網頁上執行預先定義的程式碼片段。
- Chrome
快速編輯元素標記
在「元素」面板中按一下節點的起始標記名稱,就能進行編輯。
- Chrome
複製圖片做為資料 URI
在「資源」面板中的圖片預覽畫面上按一下滑鼠右鍵,即可將其複製為資料 URI (採用 Base 64 編碼)。
- Chrome
顯示在「元素」面板中
在控制台的「元素」面板中顯示 DOM 節點。
- Chrome
查看相符的選取器
您在「樣式窗格」中查看選取器時,以半形逗號分隔的選取器部分的顏色會根據所選 DOM 節點是否與所選 DOM 節點而有不同顏色。
- Chrome
透過控制檯面板快速監控事件
您可以使用 Command Line API 方法 monitoringEvents(物件 [, 事件]),記錄發送給物件的所有事件。
- Chrome
透過 Command 鍵在來源面板中新增多個遊標
瞭解如何在開發人員工具來源面板中編輯多個遊標。
- Chrome
Alt + 按一下即可展開所有子節點
Alt +;按一下即可展開所有子節點
- Chrome 開發人員工具
- Chrome
使用鍵盤快速鍵切換開發人員工具座架狀態
按下 Cmd + Shift + D 鍵,即可在最近使用的兩個狀態之間切換 DevTools 座架狀態。
- Chrome
使用鍵盤快速鍵切換開發人員工具座架狀態
按下 Cmd + Shift + D 鍵,即可在最近使用的兩個狀態之間切換 DevTools 座架狀態。
- Chrome
未完成的網路要求
您可以使用「Is:Running Advanced Network」篩選器,查看未完成的網路要求 (例如執行中的要求)。
- Chrome
加/減速編輯器
選取加/減速 CSS 屬性,即可查看動畫預覽來瞭解運作方式。
- Chrome
在行動裝置上自動使用大寫
我們移除了對使用者而言,文字輸入的另一個困擾。
- Chrome
剪下及複製指令
支援剪下及複製指令功能,可讓您透過程式剪下及複製選取的文字到使用者的剪貼簿。
- Chrome
模擬及測試其他瀏覽器
您的工作是確保網站在 Chrome 和 Android 裝置上順利運作。雖然裝置模式可以模擬 iPhone 等多種其他裝置,但我們還是建議你採用其他瀏覽器解決方案模擬。
- Chrome 開發人員工具
遠端偵錯 Android 裝置
透過 Windows、Mac 或 Linux 電腦,從遠端對 Android 裝置上的直播內容進行偵錯。
- Chrome 開發人員工具
原型鏈結已推出 DOM 屬性
Chrome 即將符合這項規格。如果你使用的是 WebKit 邏輯進行屬性傳播,請檢查你的網站
- Chrome
WebView 遠端偵錯
使用 Chrome 開發人員工具,在原生 Android 應用程式中對 WebView 進行偵錯。
- Chrome 開發人員工具
對原始程式碼 (而非使用來源對應) 進行偵錯
將用戶端程式碼合併、壓縮或編譯,即使在您執行此動作後,仍可讀取及偵錯用戶端程式碼。
- Chrome 開發人員工具
查看網頁資源
您可以根據頁框、網域、類型或其他條件整理資源。
- Chrome 開發人員工具
控制台公用程式 API 參考資料
Chrome 開發人員工具控制台中便利功能的參考資料。
- Chrome 開發人員工具
網頁適用的 Permissions API
Permissions API 可讓您集中查看 API 權限狀態。
- Chrome
簡化網頁動畫的命名方式
為回應開發人員的意見回饋,我們即將重新命名某些即將推出的「網路動畫」功能。
- Chrome
開發人員工具的全新首頁
We' 我們在 developer.google.com/web 搬家了新家,準備了全新的教學課程和實用秘訣。
- Chrome
開發人員工具時間軸 - 提供完整報導
We' 升級了 Chrome 開發人員工具的時間軸面板,方便開發人員進一步瞭解網站的執行階段效能。
- Chrome
開放網路上的推播通知
Chrome 42 已推出推播通知和通知。
- Chrome
管理 HTML5 離線儲存空間
如何在 Chrome 應用程式用戶端儲存資料,以便離線運作。
使用網頁元件和 JSON-LD 建立語意網站
將 schema.org 標記加入元件,讓搜尋引擎更容易搜尋引擎。
- Chrome
2014 年 Chrome 開發人員高峰會 - Let's 使用 Polymer 建構一些應用程式
以 Polymer 的角度打造應用程式。
- Chrome
使用 ES6 範本字串取得常值
含有內嵌運算式的範本字串常值。我們一直在等候這些年齡。逐字
- Chrome
什麼是虛擬可視區域?
虛擬可視區域會分隔可視區域的版面配置和檢視。
- Chrome
使用 moveBefore() 在 DOM 變異期間保留狀態
在 DOM 中移動節點,且不會遺失重要狀態
- Chrome
image-rendering:pixelated
國家的像素化。現已支援 Chrome 41
- Chrome
共用模組
如何在 Chrome 擴充功能之間共用程式碼。
- Chrome 擴充功能
共用模組
如何在 Chrome 擴充功能之間共用程式碼。
- Chrome 擴充功能
2014 年 Chrome 開發人員高峰會 - Polymer - 工會現況
Polymer Union 的狀態。
- Chrome
原生應用程式安裝提示
有了原生應用程式橫幅宣傳廣告,使用者不必離開瀏覽器,就能快速輕鬆地從應用程式商店安裝您的原生應用程式。
- Chrome
原生訊息傳遞
如何透過 Chrome 應用程式與原生應用程式交換訊息。
Chrome 39 版的網頁動畫播放控制項
瞭解網頁動畫播放功能
- Chrome
行動網站開發的基礎知識
快速瞭解 Chrome 團隊採取了哪些做法,協助開發人員著手開發網頁及疊代網站。
- Chrome
需要開發人員意見回饋 - Frame Timing API
我們目前正在研發全新的 API,希望能幫助您測量真實的每秒影格數,但需要您的意見回饋。
- Chrome
支援 Android 39 版 Chrome 39 版的 theme-color
使用主題色彩在 Android 版 Google Chrome 中設定工具列顏色。
- Chrome
建構待辦事項 Chrome 應用程式
本程式碼研究室的簡介。
步驟 4:透過 WebView 開啟外部連結
如何在 Chrome 應用程式中顯示外部網路內容。
步驟 1:建立並執行 Chrome 應用程式
如何建立、安裝、執行基本 Chrome 應用程式,並進行偵錯。
步驟 5:從網路新增圖片
如何使用 XHR 和 ObjectURL 將圖片加入 Chrome 應用程式。
步驟 7:發布應用程式
如何在 Chrome 線上應用程式商店發布 Chrome 應用程式。
步驟 2:匯入現有的網頁應用程式
如何針對 Chrome 應用程式平台調整現有的網頁應用程式。
步驟 6:將待辦事項匯出至檔案系統
如何從 Chrome 應用程式寫入檔案系統。
步驟 3:新增鬧鐘和通知
如何按照指定的時間間隔喚醒 Chrome 應用程式及使用通知。
發電機 - 神秘片段
探索 ES6 產生器。
- Chrome
在 Chrome 39 中傳送信標資料
Chrome 39 版實作了 Beacon API,讓您在頁面卸載事件期間傳送小型的非同步 HTTP 要求。
- Chrome
精準手勢的精確度
TouchEvents 已變更 Chrome 中的浮點值,以便傳回浮點值,而非整數,以因應不同的螢幕密度。這會導致在緩慢手勢發生時提供更詳細的意見回饋。
- Chrome
使用 Geocoding API 輕鬆從 ArrayBuffer 轉換為字串
原生編碼 API 可讓您輕鬆在原始二進位資料和 JavaScript 字串之間進行轉換。
- Chrome
收集與疊代 (ES6 做法)
地圖、集和疊代等版本的 ES6 功能,可以改變您處理資料集合的方式。
- Chrome
m36 中的網路音訊變更
Chrome 36 的網路音訊標準清理作業說明
- Chrome
對話方塊元素在 Chrome 37 Beta 版中發布
Chrome Beta 版已提供對元素的原生支援
- Chrome
開發人員工具摘要 - Chrome 35
Chrome 35 版開發人員工具更新內容
- Chrome
多樣化通知 API
如何為 Chrome 擴充功能使用者顯示通知。
- Chrome 擴充功能
使用通知 API
向 Chrome 擴充功能使用者顯示通知。
- Chrome 擴充功能
自動評估網站成效
使用 PSI 在建構程序中取得網站成效指標。
- Chrome
Chrome 開發人員版針對 IndexedDB 提供 Blob 支援
我們期盼已推出適用於 Chrome 的 Blob 支援與 Chrome 開發人員版中的 Blob 相關支援。
- Chrome
遊戲引擎
Chrome 應用程式的推薦遊戲引擎。
網頁動畫 - element.animate() 現已推出 Chrome 36 版
網路動畫會定義網路平台支援動畫和同步處理作業的模型。Element.animate() 是其中一個在 Chrome 導入的項目。
- Chrome
更相容且更流暢的觸控操作
您和使用者都希望行動網路應用程式能流暢回應及捲動畫面。開發這些元件應非常簡單,但可惜的是,行動網路瀏覽器在捲動期間如何回應觸控事件,並將這類實作詳細資料做為 [TouchEvent](https://www.w3.org/TR/touch-events/) 規格。
- Chrome
使用 Apache Cordova 在行動裝置上執行 Chrome 應用程式
這份指南說明如何使用 Apache Cordova 設定 Chrome 應用程式,以便在 Android 和 iOS 裝置上執行。
使用 Chrome 開發人員工具對非同步 JavaScript 進行偵錯
JavaScript 的強大功能之一,就是透過回呼函式以非同步方式運作。指派非同步回呼可讓您編寫事件驅動程式碼,但由於 JavaScript 並未以線性方式執行,因此追蹤錯誤會讓人感到頭痛。 幸運的是,現在您可以在 Chrome 開發人員工具中查看非同步 JavaScript 回呼的 完整 呼叫堆疊! 在 DevTools 中啟用非同步呼叫堆疊功能後,您就能在不同時間點深入瞭解網頁應用程式的狀態。針對部分事件監聽器、 setInterval 、 setTimeout 、
- Chrome
取得 CSS 格線
CSS 格線版面配置是新的 CSS3 模組,提供適合網頁應用程式的全新版面配置基本功能。
- Chrome
藍牙
如何透過 Chrome 應用程式與藍牙裝置通訊。
資訊清單 - 藍牙
manifest.json 的藍牙屬性參考說明文件。
Chrome 33 代管變更
針對於 Chrome 第 33 版啟動的 Chrome 擴充功能所進行的代管異動詳細資料。
- Chrome 擴充功能
像素完美的 WebView
如何建立完美的 WebView UI。
適用於網頁程式開發人員的 WebView 應用程式
本教學課程將說明如何使用 Yeoman、Gradle 和 Grunt 建構網頁應用程式。
提示和祕訣
改善 WebView 應用程式的訣竅。
常見問題
Chrome 擴充功能的常見問題。
- Chrome 擴充功能
WebView 工作流程
本教學課程將說明如何使用 Yeoman、Gradle 和 Grunt 建構網頁應用程式。
教學課程:遷移至 Manifest V2
從資訊清單 v1 遷移至資訊清單 v2 的指南。
- Chrome 擴充功能
開始使用
建立 Chrome 擴充功能的逐步操作說明。
- Chrome 擴充功能
開發人員工具摘要
Chrome 33 版的開發人員工具更新內容
- Chrome
chrome.location
chrome.location API 的參考說明文件。
- Chrome 擴充功能
The Yeoman 每月摘要
每月精選優質 Yeoman 文章、產生器和專案新聞摘要。
- Chrome
覆寫 Chrome 設定
如何覆寫 Chrome 擴充功能中的 Chrome 設定。
- Chrome 擴充功能
覆寫 Chrome 設定
如何覆寫 Chrome 擴充功能中的 Chrome 設定。
- Chrome 擴充功能
Yo Polymer – Whirlwind 網頁元件工具導覽
快速介紹網頁元件、Polymer 以及這些元件的前端工具。
- Chrome
交談的網頁應用程式 - Speech Synthesis API 簡介
Web Speech API 簡介';合成功能。
- Chrome
Chrome 開發人員高峰會 - 平台摘要
平台
- Chrome
Chrome 開發人員高峰會 - 開放網路平台摘要
Open Web Platform 的功能正加速成長。在 Chrome 開發人員高峰會上,我們說明瞭 Google 如何致力改善平台的 Blink、安全性和媒體。
- Chrome
通訊端
manifest.json 的 socket 屬性參考說明文件。
Chrome 開發人員高峰會 - 效能摘要
效能至關重要
- Chrome
Chrome 開發人員高峰會 - Polymer 宣告式、封裝、可重複使用的元件
Polymer 是一種通往網路元件未來發展的大門。透過 Chrome 開發人員高峰會進一步瞭解網路元件和 Polymer
- Chrome
Chrome 開發人員高峰會 - 行動裝置摘要
以下是 Chrome 開發人員高峰會一系列報告的第一批報告。由於行動裝置和跨裝置開發等產品相當重視,因此我們想先說明這一點。
- Chrome
The Yeoman 每月摘要
定期發表由 Yeoman 社群撰寫的文章、影片和講座內容。
- Chrome
2013 年 12 月開發人員工具摘要
Chrome 開發人員工具異動的最新更新。
- Chrome
閃爍的新網頁動畫引擎可推動 CSS 動畫和轉場效果
實作網路動畫 1.0 後,因採用 Blink 技術來支援 CSS 動畫和轉場效果。
- Chrome
輕觸螢幕延遲時間 300 毫秒,不再顯示
行動瀏覽器中的每次點擊互動都會延遲 300 毫秒,但就在 Chrome 32 中,對於針對行動裝置最佳化的網站,這種情況發生在 Chrome 32 中!
- Chrome
開發人員工具終端機
透過開發人員工具使用終端機
- Chrome
代管儲存空間的資訊清單
manifest.json 的儲存屬性參考說明文件。
- Chrome 擴充功能
儲存區域的資訊清單
manifest.json 的儲存屬性參考說明文件。
- Chrome 擴充功能
行動版 Chrome 開發人員工具
螢幕側錄與模擬
- Chrome
Chrome 開發人員工具 11 月摘要
Chrome 開發人員工具的發展速度飛快,因此我們想特別留意 這是我們針對部分元件推出的幾項新功能和改善項目。這邊會談到一些 UI 變更 高解析度 JS 分析和新的 Workspace 功能 CPU 剖析 是一項非常實用的功能,方便您瞭解 JavaScript 的執行效率。除了傳統的設定檔檢視方式外,我們還在今年夏天推出了 火焰圖表 ,以視覺化方式呈現網頁的 JavaScript 長期處理作業。 可用來輕鬆查看呼叫堆疊的深度,以及個別函式的處理時間。 一直以來,傳統的「大量 (由上而下)」和「樹
- Chrome
The Yeoman 每月摘要
定期發表由 Yeoman 社群撰寫的文章、影片和講座內容。
- Chrome
前端開發自動化的概況 (簡報)
瞭解如何使用工作流程自動化工具提升前端工作效率。
- Chrome
序列裝置
如何透過 Chrome 應用程式與序列裝置通訊。
網路音訊即時音訊輸入 - Android 現已支援
Chrome for Android (31.0.1650+) 提供了透過 Web Audio API 輸入音訊輸入的支援。
- Chrome
Flexbox 版面配置非';速度不慢
好消息!全新 Flexbox 的速度比舊版 Flexbox 快 2.3 倍
- Chrome
開發人員工具的答案:是什麼字型?
想知道實際用於轉譯文字的字型嗎?不用再擔心 Chrome 開發人員工俱全面揭曉。
- Chrome
對話方塊元素 - 簡化視窗
您是否曾建立自己的互動對話方塊?不久後,您就無需再使用一次;對話方塊即將成為網路平台的一分子。
- Chrome
url_handlers
manifest.json 的 url_handlers 屬性參考說明文件。
externally_connectable
manifest.json 的 external_connectable 屬性的參考說明文件。
- Chrome 擴充功能
externally_connectable
manifest.json 的 external_connectable 屬性的參考說明文件。
- Chrome 擴充功能
Analytics
如何將 Google Analytics (分析) 整合至 Chrome 應用程式。
Chrome 影片中的 Alpha 透明度
WebM 剛添加 Alpha 透明度,而且 Chrome 31 已實施相關支援。
- Chrome
2013 年 Chrome 開發人員工具革命
隨著網頁應用程式的複雜度和功能增加,Chrome 開發人員工具也隨之擴充。在 Paul Irish 於 2013 年 Google I/O 大會上發表的演講「Chrome DevTools 2013 年革命」 的回顧中,您將瞭解最新功能如何徹底改變建構及測試網路應用程式的方式。 如果你錯過了 Paul 的演講,可以觀看上方的影片 (我們會等你),也可以直接觀看精選內容: 這些功能已在 Chrome 28 中實作,現在可透過穩定版更新管道取得。
- Chrome
sourceMappingURL 和 sourceURL 語法已變更
sourceMappingURL 和 sourceURL 語法已變更
- Chrome
資訊清單 - 名稱
manifest.json 名稱屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - Nacl 模組
manifest.json 的 nacl_modules 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 可供網路存取的資源
manifest.json 的 web_access_resources 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 可供網路存取的資源
manifest.json 的 web_access_resources 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 無痕模式
manifest.json 的無痕模式屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 說明
manifest.json 說明屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 版本
manifest.json 版本屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 最低 Chrome 版本
manifest.json 的 min_chrome_version 屬性參考說明文件。
- Chrome 擴充功能
Manifest V2 - 版本 [已淘汰]
manifest.json 版本屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 鍵
manifest.json 金鑰屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 規定
manifest.json 的要求屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 沙箱
manifest.json 的沙箱屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 圖示
manifest.json 的圖示屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 已啟用離線功能
manifest.json 的離線_enabled 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 規定
manifest.json 的要求屬性的參考說明文件。
- Chrome 擴充功能
資訊清單:姓名和簡稱
manifest.json 的名稱和 short_name 屬性參考說明文件。
- Chrome 擴充功能
資訊清單版本
manifest.json 的 manifest_version 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 預設語言代碼
manifest.json 的 default_locale 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 首頁網址
manifest.json 的 home_url 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - short_name
manifest.json 的 short_name 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 沙箱
manifest.json 的沙箱屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 圖示
manifest.json 的圖示屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 鍵
manifest.json 金鑰屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 無痕模式
manifest.json 的無痕模式屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 說明
manifest.json 說明屬性的參考說明文件。
- Chrome 擴充功能
資訊清單 - 首頁網址
manifest.json 的 home_url 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 預設語言代碼
manifest.json 的 default_locale 屬性參考說明文件。
- Chrome 擴充功能
資訊清單 - 檔案處理常式
manifest.json 的 file_handlers 屬性參考說明文件。
資訊站應用程式
manifest.json 的 kiosk_enabled 屬性參考說明文件。
資訊清單 - 應用程式
manifest.json 應用程式屬性的參考說明文件。
自訂篩選器簡介 (又稱 CSS 著色器)
自訂篩選器簡介 (又稱 CSS 著色器)
以視覺化方式呈現 影子 DOM 概念
以視覺化方式呈現 影子 DOM 概念
- Chrome
什麼是擴充功能?
Chrome 擴充功能的用途及開發方式總覽。
- Chrome 擴充功能
使用開發人員工具';持續繪製模式
使用開發人員工具';持續繪製模式
- Chrome
WebRTC - RTCDataChannel 示範、API 異動及 Chrome 與 Firefox 通訊
WebRTC - RTCDataChannel 示範、API 異動及 Chrome 與 Firefox 通訊
- Chrome
行動版 WebKit 瀏覽器專用的 CSS 背景簡寫
行動版 WebKit 瀏覽器專用的 CSS 背景簡寫
- Chrome
語音驅動網頁應用程式 - Web Speech API 簡介
Voice Driven Web Apps - Web Speech API 簡介
- Chrome
使用 WebRTC 進行螢幕分享
使用 WebRTC 進行螢幕分享
- Chrome
畫布導向的背景圖片
透過畫布或 Webgl 支援 CSS 背景
- Chrome
WebRTC 充分運用 Firefox、Android 和 iOS
WebRTC 充分運用 Firefox、Android 和 iOS
- Chrome
使用 AngularJS 建構應用程式
使用 AngularJS 建構 Chrome 應用程式指南。
內容安全政策 1.0 已正式上線
內容安全政策 1.0 已正式上線
- Chrome
透過 Object.observe 回應變更
透過 Object.observe 回應變更
- Chrome
使用 Sencha Ext JS 建構應用程式
如何運用 Sencha Ext JS 架構建構 Chrome 應用程式。
宣告權限
manifest.json 中權限屬性的有效值總覽。
- Chrome 擴充功能
透過 CSS 著色器和 Google 地圖建立互動式地球
透過 CSS 著色器和 Google 地圖建立互動式地球儀
- Chrome
Active Tab 權限
如何在 Chrome 擴充功能中使用有效分頁權限。
- Chrome 擴充功能
「"activeTab&」權限
如何在 Chrome 擴充功能中使用有效分頁權限。
- Chrome 擴充功能
覆寫 Chrome 網頁
如何覆寫 Chrome 書籤管理員、歷史記錄和新分頁中的 Chrome 擴充功能。
- Chrome 擴充功能
偵錯擴充功能
說明如何對 Chrome 擴充功能進行偵錯。
- Chrome 擴充功能
訊息傳遞
如何在擴充功能和內容指令碼之間傳遞訊息。
- Chrome 擴充功能
比對模式
瞭解 Chrome 擴充功能中的網址比對模式。
- Chrome 擴充功能
使用 Google Analytics (分析) 4
透過 Google Analytics (分析) 4 追蹤擴充功能使用情況的逐步操作說明。
- Chrome 擴充功能
在沙箱 iframe 中使用 eval()
如何在 Chrome 擴充功能中使用 eval()。
- Chrome 擴充功能
教學課程:Google Analytics (分析)
透過 Google Analytics (分析) 追蹤擴充功能使用方式的逐步操作說明。
- Chrome 擴充功能
為使用者提供選項
如何讓使用者自訂擴充功能。
- Chrome 擴充功能
本地化訊息格式
Chrome 擴充功能的 messages.json 檔案格式參考說明文件。
- Chrome 擴充功能
訊息傳遞
如何在擴充功能和內容指令碼之間傳遞訊息。
- Chrome 擴充功能
什麼是主題?
主題建立指南。
- Chrome 擴充功能
在 Chrome 擴充功能中使用 eval
如何在 Chrome 擴充功能中使用 eval()。
- Chrome 擴充功能
跨來源 XMLHttpRequest
如何在 Chrome 擴充功能中實作跨來源 XHR。
- Chrome 擴充功能
覆寫 Chrome 網頁
如何覆寫 Chrome 書籤管理員、歷史記錄和新分頁中的 Chrome 擴充功能。
- Chrome 擴充功能
資訊清單版本
manifest.json 的 manifest_version 屬性會指出 Chrome 擴充功能指定的資訊清單規格版本。
- Chrome 擴充功能
資訊清單檔案格式
Chrome 擴充功能的 manifest.json 屬性總覽。
- Chrome 擴充功能
OAuth2:透過 Google 驗證使用者
逐步說明如何建立擴充功能,以便透過 Google People API、Chrome Identity API 和 OAuth2 存取使用者的 Google 聯絡人。
- Chrome 擴充功能
資訊清單檔案格式
概略瞭解可在 Chrome 擴充功能中使用的 manifest.json 屬性。
- Chrome 擴充功能
已啟用即時網路音訊輸入
已啟用即時網路音訊輸入
- Chrome
為使用者提供選項
如何讓使用者自訂擴充功能。
- Chrome 擴充功能
偵錯擴充功能
對 Chrome 擴充功能偵錯的逐步操作說明。
- Chrome 擴充功能
宣告權限並警告使用者
如何實作權限以保護使用者和擴充功能。
- Chrome 擴充功能
OAuth 2.0:透過 Google 驗證使用者
逐步說明如何建立擴充功能,以便透過 Google People API、Chrome Identity API 和 OAuth2 存取使用者的 Google 聯絡人。
- Chrome 擴充功能
架構總覽
Chrome 擴充功能軟體架構的概要說明。
- Chrome 擴充功能
Chrome Web Store
如何在 Chrome 線上應用程式商店代管擴充功能,並更新 Chrome 線上應用程式商店代管的擴充功能 (')。
- Chrome 擴充功能
什麼是主題?
主題建立指南。
- Chrome 擴充功能
比對模式
主機權限和內容指令碼模式比對方式及範例。
- Chrome 擴充功能
跨來源網路要求
在 Chrome 擴充功能中實作跨來源網路要求。
- Chrome 擴充功能
Storage API
如何處理 Chrome 應用程式的儲存空間。
外部內容
如何在 Chrome 應用程式中展示外部內容。
MVC 架構
模型檢視控制器軟體架構模型的總覽。
擴充開發人員工具
如何建立為 Chrome 開發人員工具新增功能的 Chrome 擴充功能。
- Chrome 擴充功能
使用其他安裝方法
如何使用偏好設定 JSON 或 Windows 登錄檔安裝 Chrome 擴充功能。
- Chrome 擴充功能
離線優先
瞭解如何建構可離線使用的 Chrome 應用程式。
使用者驗證
如何在 Chrome 應用程式中驗證使用者。
Chrome 應用程式的架構
Chrome 應用程式的軟體架構總覽。
使用背景指令碼管理事件
如何從 Chrome 擴充功能背景指令碼回應瀏覽器觸發事件 (事件)。
- Chrome 擴充功能
USB 裝置
如何透過 Chrome 應用程式與 USB 裝置通訊。
自動更新
如何啟用 Chrome 應用程式的自動更新功能。
擴充功能開發總覽
Chrome 擴充功能功能和元件總覽。
- Chrome 擴充功能
內容指令碼
內容指令碼說明,以及如何在 Chrome 擴充功能中使用這些指令碼。
- Chrome 擴充功能
透過 webKit 執行複合式通知
如何在 Chrome 擴充功能中實作通知。
- Chrome 擴充功能
網站 API
Chrome 應用程式可以使用網站提供的所有 API。
內容指令碼
內容指令碼說明,以及如何在 Chrome 擴充功能中使用這些指令碼。
- Chrome 擴充功能
網路通訊
如何在 Chrome 應用程式中使用 TCP 和 UDP。
內容安全政策
Chrome 應用程式的 CSP 總覽,以及如何遵循這套規範。
無障礙設計 (a11y)
如何開放 Manifest V2 Chrome 擴充功能存取。
- Chrome 擴充功能
建立您的第一個應用程式
說明如何建立基本 Chrome 應用程式的教學課程。
Chrome 應用程式生命週期
Chrome 應用程式生命週期總覽。
擴充開發人員工具
如何建立 Chrome 擴充功能,為 Chrome 開發人員工具添加功能。
- Chrome 擴充功能
其他擴充功能發布選項
如何在 Chrome 線上應用程式商店以外的地方發布 Chrome 擴充功能。
- Chrome 擴充功能
資訊清單版本
manifest.json 的 manifest_version 屬性參考說明文件。
支援無障礙功能
如何開放存取 Chrome 擴充功能。
- Chrome 擴充功能
用來堆疊變更的位置:固定元素
例如位置和固定元素之間的堆疊變更
- Chrome
堅持降落!排名 - 固定式到達 WebKit
堅持降落!排名 - 固定式到達 WebKit
- Chrome
將 input[type=file] 與 Filesystem API 整合
將 input[type=file] 與 Filesystem API 整合
- Chrome
當毫秒不足時 - 現在效能低下
當毫秒不足時 - 現在效能低下
- Chrome
範圍/顏色輸入的資料清單會提供一些預設選項
範圍/顏色輸入的資料清單會提供一些預設選項
- Chrome
Google Chrome 的輸入資訊 [type=date] 常見問題
Google Chrome 的輸入資訊 [type=date] 常見問題
- Chrome
如何評估瀏覽器圖像效能
如何評估瀏覽器圖像效能。
- Chrome
現在可以將資料夾拖曳到 Chrome 中了
現在可以將資料夾拖曳到 Chrome 中了
- Chrome
已抵達!xhr.send(ArrayBufferViews)
已抵達!xhr.send(ArrayBufferViews)
- Chrome
善用 2D 畫布的 GPU 加速功能
善用 2D 畫布的 GPU 加速功能
- Chrome
使用 CSS Regions 和 3D 轉換功能編寫可列印的書籍
使用 CSS Regions 和 3D 轉換功能編寫可列印的書籍
- Chrome
內容安全政策
內容安全政策可大幅降低新式瀏覽器攻擊跨網站指令碼攻擊的風險和影響。
如何將 ArrayBuffer 轉換為字串,或從 String 轉換
如何將 ArrayBuffer 轉換為字串,或從 String 轉換
- Chrome
Don' 不要建構 blob,建構 blob
近期對 File API 的規格變更包括 Blob 的新建構函式,基本上讓 BlobBuilder 不相關。
- Chrome
Chrome 開發人員工具現已支援 Websocket 頁面檢查功能
針對 WebSocket 中透過電線傳輸的資料新增檢查功能
- Chrome
資料清單已抵達 Chrome Canary
只要使用「datalist」,應用程式就能定義使用者應選取的建議結果清單。他們可以從清單中選取一個選項,或是輸入任意形式的文字。
- Chrome
requestAnimationFrame API - 精準度現在不到 1 毫秒
equestAnimationFrame API 即將變更
- Chrome
使用 PHP 處理 XHR2 檔案上傳項目
說明如何處理檔案上傳的伺服器程式碼範例
- Chrome
WebRTC 通訊協定
Google 在 3 月 24 日舉辦了首場全球活動,舉辦首場 WebRTC 開發人員活動「WebRTC Protothon」。
- Chrome
DOM 大幅提高 - WebKit's innerHTML 的速度快上 240%
Chrome 工程師 Kentaro Hara 針對 WebKit 進行了 7 項程式碼最佳化調整,提升 Safari (JavaScriptCore) 和 Chrome (V8) 的效能。
- Chrome
網路瀏覽器內部資源匯報
大部分說明網路瀏覽器內部運作的資源
- Chrome
使用 HTML5 FileSystem API 離線存取整個網頁
FileSystem API 可讓程式在本機 (沙箱) 檔案系統中儲存檔案和資料夾階層,並視需要新增/更新/移除個別資源
- Chrome
JavaScript 來源對應簡介
您是否曾經希望在合併及縮減客戶端程式碼後,仍能保持程式碼的可讀性,並且更重要的是,在不會影響效能的情況下進行偵錯?您現在可以透過 來源對應 的魔力,輕鬆完成這項工作。 來源對應是一種將合併/經過壓縮的檔案對應回未建構狀態的方式。當您為正式版建構,並壓縮及合併 JavaScript 檔案時,系統會產生來源對應,其中會保留原始檔案的相關資訊。在產生的 JavaScript 中查詢特定行和欄號時,您可以在來源對應中查詢,並傳回原始位置。開發人員工具 (目前為 WebKit 夜間版本、Google
- Chrome
最佳化 JavaScript
JavaScript 相對快速,但永遠的運作速度極快。進一步瞭解如何將 JavaScript 最佳化,藉此提升效能。
- Chrome
新的實驗功能 - 範圍樣式表
Chromium 最近導入了 HTML5 範圍中的新功能,也就是
- Chrome
WebGL 和 Web Audio API 示範匯報
以下為您介紹過去幾週內我看過的一些酷炫 WebGL 和 Web Audio API 示範。
- Chrome
SwiftShader 為 Chrome 提供軟體 3D 轉譯功能
SwiftShader 是 Chrome 18 中採用的軟體 3D 轉譯器,即使在列入拒絕清單的 GPU 上也能使用 CSS 3D 和 WebGL。
- Chrome
使用異動觀察器偵測 DOM 變更
介紹「突變觀察器」。
- Chrome
讓 Gmail 處理所有 mailto - 使用 registerProtocolHandler 連結
有了 Navgator.registerProtocolHandler(),就可以連線 Gmail 做為所有 mailto 連結的預設郵件用戶端。
- Chrome
Chrome for Android - 加快行動網路速度
Chrome for Android 測試版是以 Chromium 開放原始碼專案為基礎,其中包含 Chrome 開發人員熟知且喜愛的許多最新的 HTML5 功能。
- Chrome
Pointer Lock API 將每秒影格數遊戲導入瀏覽器
Pointer Lock API 可讓您為網路撰寫合適的第一人稱射擊遊戲。
- Chrome
HTML5 音訊和 Web Audio API 都是 BFF
createMediaElementSource() 可讓您結合 HTML5 與 Web Audio API 的視覺化、篩選和處理能力。
- Chrome
移除同步 XHR
請注意!XMLHttpRequest2 規格最近已變更,禁止在已設定 XMLHttpRequest.responseType 時傳送同步要求。
- Chrome
網路音訊常見問題
本次快速更新是為瞭解決部分常見問題,可讓您更順利使用 Web Audio API。
- Chrome
影片播放器範例簡介
影片播放器範例是開放原始碼影片播放器網頁應用程式,其架構與 60 分鐘和 RedBull.tv 應用程式相同。
- Chrome
到達 WebKit 中的 CSS 篩選器效果
Adobe 致力於將這項出色的技術導入 CSS 供應商。具體而言,I' 是指 WebKit 已開始實作的 CSS Filter Effects 1.0。
- Chrome
可移轉物件 - 飛快的執行速度
有了可轉移的物件,資料就能在不同情境之間傳輸。它是零複製,大幅改善將資料傳送至工作站的效能。
- Chrome
盡可能在 WebGL 中使用中等精確度
Opera 好友正在測試以實際 OpenGL ES 2.0 硬體使用 WebGL 的問題,在此提醒大家。
- Chrome
Chrome 開發人員工具加快速度
在 Chrome 中使用開發人員工具,提升應用程式速度
- Chrome
使用 MediaSource API 串流播放影片
MediaSource API 擴充了「HTMLMediaElement」,允許 JavaScript 產生用於播放的媒體串流。
- Chrome
WebGL 示範匯報
以下列舉一些網路上的優質 WebGL 示範,展示您瀏覽器的實際功能。
- Chrome
應用程式快取工具和 Auto-Generators
應用程式快取功能可協助您離線執行網頁應用程式、大幅加快啟動時間,並減少頻寬費用。
- Chrome
定義 IndexedDB 交易中的範圍
IndexedDB 是不斷演變的網路標準,能夠在瀏覽器中儲存大量結構化資料。
- Chrome
讓內容發揮作用 - 全螢幕 API
全螢幕 API 可讓網頁應用程式透過程式輔助方式告知網頁上的任何內容,讓使用者進入瀏覽器';以全螢幕觀看模式 (來自 JavaScript)
- Chrome
在 Chrome Canary 中更新至最新版 WebSocket
在 Chrome Canary 中,WebSocket API 已更新至最新版本 (13)
- Chrome
持續獲得 HTML5 和瀏覽器支援
要掌握這些功能的進程並不容易,但唯有當您瞭解時,才知道要去哪些地方。
- Chrome
使用 Three.js 乘車服務
我們看到越來越多的開發人員想製作新的 3D 示範模式,無論他們是 OpenGL 專家,還是剛開始投入遊戲的冒險者。
- Chrome
專為 HTML5 遊戲開發人員打造的全新 Game Conference 優待券
瞭解如何在新遊戲中編寫 HTML5 和 WebGL 遊戲,以免我完成 TPS 報告。
- Chrome
7 分鐘影片 - JavaScript 控制台實用秘訣和新版 DOM API
可以在 Chrome 開發人員工具的 JavaScript 控制台升級。
- Chrome
工作人員 ♥ ArrayBuffer
Chrome 13 和 FF5 支援將「ArrayBuffer」(或 Typed Array) 傳送至網路工作站,
- Chrome
新版 WebSocket 通訊協定的差異
WebSocket 通訊協定規格最近已更新,以解決先前的安全性疑慮,而且大致上是穩定的
- Chrome
在所有位置插入 Adjacent
如何在 HTML 文件中插入內容
- Chrome
對 Filesystem API 進行偵錯
HTML5 檔案系統是功能強大的 API。效能越強大,就越複雜。隨著複雜度提高,偵錯作業也會越來越困難。
- Chrome
使用 File System API 尋找本機檔案
如果您有 File 物件,可以搜尋檔案物件並讀取區塊,而不必將整個檔案讀取至記憶體。
- Chrome
HTML5 程式庫/polyfills - 7 月中旬
眾多酷炫優質圖書館,滿載而歸
- Chrome
Don' 不錯過頁框 - 使用 Page Visibility API + HTML5 影片
你可以使用 Page Visibility API 檢查目前的分頁是否顯示。
- Chrome
HTML5 遊戲開發人員的新遊戲隆重推出
歡迎參與「新遊戲」,我們將於 2011 年 11 月 1 日至 2 日在加州舊金山舉行,
- Chrome
在 WebGL 中使用跨網域圖片
WebGL 規格在跨網域要求圖片的方式有重要更新。
- Chrome
HTML5 程式庫 - 6 月下旬
一些有趣的圖書館最近經過裁剪。
- Chrome
「Page Visibility API」- 我注意到了嗎?
幸運的是,全新的 Page Visibility API 可讓應用程式偵測到應用程式是否顯示。
- Chrome
HTML5 中的對比與 Web Audio API
借助 GWT、HTML5 和 Web Audio API 的強大力量,我們得以打造出所有人的原創器';最喜歡的密文程式碼「Contra」。
- Chrome
Chrome 開發人員版中的 Navgator.onLine
使用 HTML5 的離線 API 時,請勿為使用者提供完美的離線體驗。
- Chrome
歡迎使用 update.html5rocks.com
為了加快資訊開發人員的效率,我們打造了這個 "HTML5 更新串流",主打值得分享的新奇事物
- Chrome
稽核網頁應用程式以加快速度
快速的網路應用程式就是成功的網路應用程式。開發人員必須同時改善應用程式的實際和感知效能,才能完成工作。這不僅是為了確保使用者享有優質體驗,也是出於實用且重要的商業考量。Amazon 的測試結果顯示,網站延遲時間每增加 100 毫秒,銷售量就會下降 1%;Google 的測試結果顯示,延遲時間每增加 0.5 秒,流量就會下降 20% ( 參考資料 )。這些是實際的數字,對您的業務和網頁應用程式有實際影響。 網路速度非常重要,Google 甚至還專門投入資源 提升網路速度
- Chrome 開發人員工具
- Chrome
Chrome 開發人員工具簡介,第 1 部分
Google Chrome 是功能豐富且強大的網路瀏覽器,率先實現了網路應用程式的可能。Google 致力為使用者提供快速、穩定且功能豐富的瀏覽體驗。Google 也確保其他開發人員都能享有優質的 Chrome 使用體驗。「開發人員工具」是 Chrome 和 Safari 中隨附的開發人員工具,可讓網頁開發人員和程式設計師深入查看瀏覽器內部設定,以及網頁應用程式。 開發人員工具屬於開放原始碼 Webkit 專案的一部分。本文中的討論大部分適用於 Google Chrome 和
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Workbox
- Chrome 擴充功能
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Chrome 擴充功能
- Workbox
Policies
Extension policies
- Chrome 擴充功能
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- Chrome UX Report
LCP image subparts and RTT now available in CrUX
Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.
- Chrome
Dimensions
Technical documentation on CrUX dimensions.
- Workbox
- Chrome UX Report
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Chrome 擴充功能
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Chrome 擴充功能
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Chrome 擴充功能
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Chrome 擴充功能
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Chrome 擴充功能
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Chrome 擴充功能
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Chrome 擴充功能
- Workbox
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Chrome UX Report
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Chrome 擴充功能
- Workbox
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Chrome 擴充功能
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome 擴充功能
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome 擴充功能
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Chrome 擴充功能
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Chrome 擴充功能
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Chrome 擴充功能
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Chrome 擴充功能
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Chrome 擴充功能
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Chrome 擴充功能
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Chrome 擴充功能
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Chrome 擴充功能
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Chrome 擴充功能
Create a side panel
TBD
- Workbox
- Chrome 擴充功能
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Chrome 擴充功能
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Chrome 擴充功能
Overview of CrUX
Introduction to the CrUX dataset.
- Chrome UX Report
- Workbox
Permissions
A list of permissions and user warnings available on the extensions platform.
- Chrome 擴充功能
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Chrome 擴充功能
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Chrome 擴充功能
Distribute your extension
How to host your Chrome extension.
- Workbox
- Chrome 擴充功能
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Chrome 擴充功能
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Chrome 擴充功能
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Chrome 擴充功能
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Chrome 擴充功能
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Chrome 擴充功能
- Workbox
Prepare your extension
Prepare your extension files.
- Chrome 擴充功能
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Chrome 擴充功能
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Chrome 擴充功能
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Chrome 擴充功能
- Workbox
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Chrome 擴充功能
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Chrome 擴充功能
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Workbox
- Chrome 擴充功能
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- Chrome 擴充功能
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Chrome 擴充功能
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Chrome 擴充功能
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Chrome 擴充功能
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Chrome 擴充功能
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Chrome 擴充功能
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Chrome 擴充功能
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Chrome 擴充功能
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Chrome 擴充功能
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Chrome 擴充功能
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Chrome 擴充功能
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Chrome 擴充功能
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Workbox
- Chrome 擴充功能
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Chrome 擴充功能
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Chrome 擴充功能
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Chrome 擴充功能
- Workbox
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Chrome 擴充功能
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Chrome 擴充功能
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Chrome 擴充功能
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Chrome 擴充功能
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Chrome 擴充功能
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Chrome 擴充功能
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Chrome 擴充功能
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Chrome 擴充功能
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Chrome 擴充功能
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Chrome 擴充功能
- Workbox
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Chrome 擴充功能
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- Chrome 擴充功能
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Chrome 擴充功能
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Chrome 擴充功能
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Chrome 擴充功能
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Chrome 擴充功能
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Chrome 擴充功能
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Chrome 擴充功能
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Chrome 擴充功能
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- Chrome 擴充功能
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Chrome 擴充功能
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Chrome 擴充功能
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Chrome 擴充功能
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome 開發人員工具
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Branding Guidelines
Guidelines for use of Google trademarks.
- Chrome 擴充功能
- Workbox
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Chrome 擴充功能
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome 擴充功能
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome 擴充功能
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome 開發人員工具
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Chrome 擴充功能
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Chrome 擴充功能
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Chrome 擴充功能
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Chrome 擴充功能
- Workbox
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox