chrome開發工具指南之綜述

2022-03-30 22:59:37 字數 491 閱讀 5748

一、快速定位檔案或者某乙個單詞     ctrl+o   ctrl+f  ctrl+shift+o     ctrl+shift+f

第二、快速切換到某一行   ctrl + g      ctrl+ l  

第三、控制台選擇器   $()返回選擇器的第乙個元素,相當於document.queryselector();$$()返回所有匹配的元素,相當於docuemnt.queryselectorall();$x()返回乙個匹配特定 xpath 的陣列

第四、新增事件監聽monitorevents(document.body, "click");第乙個引數是監聽的物件,第二個引數監的事件(第二個引數如果不傳的話是監聽的所有事件)停止監聽unmonitorevents(document.body);

第五、console.table()   以列表的格式列印資料,第乙個引數傳要列印的陣列,第二個引數以陣列的形式傳遞表頭資料(可以不傳)

chrome開發工具指南(十四)

您的任務不只侷限於確保 在 chrome 和 android 上出色執行。即使 device mode 可以模擬 iphone 等多種其他裝置,我們仍鼓勵您檢視其他瀏覽器模擬解決方案。瀏覽器模擬器非常適合於測試 的自適應能力,但它們無法模擬 api 差異 css 支援,以及您可以在移動裝置瀏覽器中看...

chrome開發工具指南(九)

如果您使用本地儲存儲存鍵值對 kvp 則可以從local storage窗格中檢查 修改和刪除這些 kvp。使用indexeddb窗格可以檢查 修改和刪除 indexeddb 資料。展開indexeddb窗格時,indexeddb 下的第乙個級別是資料庫。如果存在多個活動的資料庫,您會看到多個條目。...

chrome開發工具指南(三)

security 面板 要檢視頁面的整體安全性,請開啟 devtools,然後轉至 security 面板。您首先會看到 security overview。security overview 會一目了然地告訴您頁面是否安全。安全頁面會通過訊息this page is secure valid ht...