網路條件:覆寫使用者代理程式字串
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
總覽
使用「網路條件」面板覆寫「使用者代理程式」字串,並模擬不同的網路速度。
覆寫使用者代理程式字串會改變瀏覽器向網路伺服器識別自己的方式。這表示瀏覽器可以模擬較舊的版本或完全不同的瀏覽器,因此非常適合用來測試回應式設計、相容性和功能偵測。
請注意,覆寫使用者代理程式字串並不會影響 Chrome 瀏覽器內部的運作方式,但會變更 Chrome 提供的內容。
開啟「網路狀況」面板
開啟「網路」面板中的「網路條件」面板,或透過開發人員工具手動開啟。
如要使用「網路」面板開啟「網路條件」面板,請按照下列步驟操作:
- 開啟開發人員工具。
- 前往「網路」面板。
- 按一下 network_manage 其他網路狀況按鈕,開啟「網路狀況」面板。
如何手動開啟「網路條件」面板:
- 開啟開發人員工具。
按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
開始輸入 Network conditions
,選取「顯示網路條件」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗底部顯示「網路狀況」面板。
或者,依序選取右上角的 more_vert 和 [更多選項] > [更多工具] > [網路條件]。
覆寫使用者代理程式字串
如要覆寫「網路條件」面板中的使用者代理程式字串,請按照下列步驟操作:
- 開啟「網路條件」面板。
在「使用者代理程式」部分中,停用「使用瀏覽器預設值」核取方塊。
從清單中選取使用者代理程式字串,或自行輸入自訂字串。
如要查看結果,請重新整理頁面。
編輯使用者代理程式用戶端提示
「Network conditions」面板可讓您自訂所選使用者代理程式字串的「User-Agent Client Hints」。
如要使用這項功能,請按照下列步驟操作:
- 從清單中選取使用者代理程式字串,或自行輸入自訂字串。
按一下 arrow_drop_down 下拉式選單。系統隨即會顯示表單,並在其中自動填入相關值。
編輯表單時,按一下 [刪除] 可刪除項目,按一下 [新增品牌] 則可新增至「使用者代理程式」和「完整版」清單。
完成後,請按一下表單底部的「更新」按鈕。
如要查看結果,請重新整理頁面。
限制網路速度
如要透過「網路狀況」面板限制網路速度,請按一下「網路節流」清單,然後選取「Fast 3G」、「慢 3G」或「離線」。
此外,「網路」面板可讓您透過類似方式調節網路速度,只要開啟「網路」面板,然後從動作列的「Throttle 清單」中選取所需速度即可。
您也可以使用「Performance」面板來限制網路速度。開啟效能面板,按一下「設定」,然後從「網路」清單中選取「Fast 3G」或「Slow 3G」。
建立網路節流設定檔,設定您自己的自訂網路節流參數。若要瞭解做法,請參閱「節流」一文。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-05-24 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-05-24 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-05-24 (世界標準時間)。"],[],[]]