添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
  • 透過控制台深入分析瞭解錯誤和警告
  • 執行 JavaScript
  • 即時觀看 JavaScript
  • 設定訊息格式與樣式
  • 功能參考資料
  • API 參考資料
  • 公用程式 API 參考資料
  • 為 JavaScript 偵錯
  • 使用中斷點暫停程式碼
  • 執行 JavaScript 程式碼片段
  • 對原始程式碼 (而非使用來源對應) 進行偵錯
  • ignoreList 來源對應擴充功能
  • 設定工作區,儲存對來源檔案所做的變更
  • 在本機覆寫網頁內容和 HTTP 回應標頭
  • JavaScript 偵錯參考資料
  • 對 C/C++ WebAssembly 進行偵錯
  • 檢查網路活動
  • 功能參考資料
  • 查看網頁資源
  • 分析執行階段效能
  • 標註並分享成效發現
  • 功能參考資料
  • 時間軸事件參照
  • 分析 CSS 選取器成效
  • 剖析 Node.js 效能
  • 使用可擴充的 API 自訂效能資料
  • 取得網站成效的可行深入分析資料
  • Lighthouse
  • 針對網頁速度進行最佳化調整
  • 記憶體術語
  • 修正記憶體問題
  • 記錄堆積快照
  • 分配分析器工具
  • 對漸進式網頁應用程式進行偵錯
  • 檢視和編輯
  • 查看、新增、編輯及刪除 Cookie
  • 查看快取資料
  • 測試往返快取
  • 對推測規則進行偵錯
  • 對背景服務進行偵錯
  • 查看影格詳細資料
  • 查看應用程式快取資料
  • 記錄、重播及評估使用者流程
  • 功能參考資料
  • 使用擴充功能自訂錄音工具
  • 探索轉譯效能相關問題
  • 模擬 CSS 媒體功能
  • 套用算繪效果
  • 透過「自動填入」面板檢查已儲存地址並進行偵錯
  • 透過安全性面板瞭解安全性問題
  • 使用感應器面板模擬裝置感應器
  • 透過 WebAudio 面板查看 WebAudio API 指標
  • 使用 WebAuthn 面板模擬驗證器
  • 使用「Animations」(動畫) 面板檢查及修改動畫
  • 使用「變更」面板追蹤 HTML、CSS 和 JavaScript 的變更
  • 透過「涵蓋率」面板尋找及分析未使用的程式碼
  • 透過「開發人員資源」面板查看及手動載入來源地圖
  • 透過 CSS 總覽面板找出 CSS 可能的改善項目
  • 使用「問題」面板找出並修正問題
  • 使用「圖層」面板分析網站圖層
  • 使用媒體面板對媒體播放器進行偵錯
  • 使用記憶體檢查器面板檢查 ArrayBuffer、TypedArray、DataView 或 Wasm 記憶體
  • 使用「網路條件」面板覆寫使用者代理程式字串
  • 使用網路要求封鎖面板選擇性封鎖資源
  • 透過效能監控面板即時分析執行階段效能
  • 使用通訊協定監控面板查看及傳送 CDP 要求
  • 查看來源檔案,同時利用「快速來源」面板使用其他工具
  • 遠端偵錯 Android 裝置
  • 透過通訊埠轉送功能存取本機伺服器和 Chrome 執行個體
  • WebView 遠端偵錯
  • 無障礙功能
  • 功能參考資料
  • 對比度和可讀性
  • 追蹤元素焦點
  • 使用輔助技術瀏覽開發人員工具
  • 使用 Chrome 開發人員工具為原生 Android 應用程式中的 WebView 偵錯。

    在 Android 4.4 (KitKat) 以上版本,使用開發人員工具對原生 Android 中的 WebView 內容進行偵錯 應用程式。

  • 在原生 Android 應用程式中啟用 WebView 偵錯功能。在 Chrome 開發人員工具中為 WebView 偵錯。
  • 透過 chrome://inspect 存取已啟用偵錯的 WebView 清單。
  • 對 WebView 進行偵錯的方式與透過 遠端偵錯 對網頁偵錯相同。
  • 設定 WebView 進行偵錯

    必須在應用程式內啟用 WebView 偵錯功能。如要啟用 WebView 偵錯功能,請呼叫 使用 WebView 類別上的靜態方法 setWebContentsDebuggingEnabled

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        WebView.setWebContentsDebuggingEnabled(true);
    

    這項設定適用於應用程式的所有 WebView。

    提示:WebView 偵錯不會受到 debuggable 標記狀態影響 應用程式的資訊清單。如果只想在 debuggabletrue 時啟用 WebView 偵錯功能, 在執行階段測試旗標

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
        { WebView.setWebContentsDebuggingEnabled(true); }
    

    在開發人員工具中開啟 WebView

    「chrome://inspect」chrome://inspect頁面會列出裝置上已啟用偵錯的 WebView 清單。

    如要開始偵錯,請在要偵錯的 WebView 下方按一下「檢查」。使用開發人員工具

    WebView 中列出的灰色圖形代表其大小和位置相對於裝置 。如果 WebView 已設定標題,也會列出標題。

    chrome://inspect 頁面上找不到你的 WebView 嗎?

  • 確認應用程式已啟用 WebView 偵錯功能。
  • 在裝置上,開啟要偵錯的 WebView 應用程式。接著,請重新整理 chrome://inspect 頁面。
  • 除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。

    上次更新時間:2015-04-13 (世界標準時間)。

    [[["容易理解","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"]],["上次更新時間:2015-04-13 (世界標準時間)。"],[],[]]