chrome 除錯技巧

2021-09-24 06:39:38 字數 355 閱讀 3005

利用devtool 提供的copy 實現快速複製。

ctrl + shift + p 搜尋screen下的capture full size screenshot實現快速截圖。

ctrl + shift + p 搜尋 theme 相關的選項,實現明亮 & 暗黑兩種主題之間的切換

console.log(li) 會直接渲染成element 元素,使用

選中介面,選擇replay xhr即可 重新請求

ccs3 box-shadow shadow editor 陰影編輯器 sensors(感測器)

引自小冊

Chrome 除錯技巧

可快速關注 alert console 基本輸出 console.log在控制台輸出點東西,其實console還有其它的方法 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.info 我是個資訊 在控制台列...

Chrome 除錯技巧

前言 除了我們日常使用的除錯方法,在chrome中,其含有一些有意思的方法,有助於提高我們的開發除錯效率。使用sublime的人或習慣用command p 進行檔案的跳轉,在chrome dev tools中其實也有類似的跳轉方法。command p command p 檔名 數字 sublime中...

Chrome 除錯技巧

寫在前面本文包括瀏覽器除錯,不包括web移動端除錯。本文除錯均在chrome瀏覽器進行 這個不用多說了,不言自明 注意上面輸出的error和throw出的error不一樣,前者只是輸出錯誤資訊,無法捕獲,不會冒泡,更不會中止程式執行。除此以外,console還支援自定義樣式和類似c語言的 print...