Chrome基本JS除錯

chrome 算是開發者用的最多的工具了。而其中的控制台更是除錯js的利器，今天就學習一下基本的控制台的js除錯。

當expression = false時寫入列印出object

console.clear()

清除控制台內容

要是preserve log 被勾選則無效

完全相同的語句被提供給同一行的count()時，被計數。

console.time(label)

啟動乙個計時器,可傳遞乙個字串便於標記命名，呼叫console.timeend()來停止計時器。

可用timeline面板來進行效能分析

與console.log()相同

輸出object的js表示形式

console.dirxml(object)

輸出object的xml形式

console 記錄

記錄組內還可以巢狀記錄組,groupend會結束最近的記錄組。

log()裡面可以用格式說明符來代替

配置檔案寫入profiles面板中,以profileend()結束

主要就是選擇和檢查dom元素

返回最近評估的表示式的值0−

4檢查最後五個dom元素

$(selector)

返回帶指定css的第乙個dom

$$(selector)

返回與css匹配的元素組

clear()

清空控制台

copy(object)

指定字串形式複製到剪貼簿

debug(function)

除錯指定函式,自動切至source面板,undebug(fn)停止函式中斷

geteventlisteners(object)

返回物件上註冊的事件***

keys(object)

返回物件的屬性名陣列

values(object)

返回物件屬性值的陣列

monitor(funciton)

監視某函式，列印出函式的引數。使用unmonitor(function)停止

table(data[,columns])

**格式的物件資料

Chrome 除錯動態載入的js

今天有個同事問到我用chrome除錯動態載入js的問題，這個問題之前遇到過，只是時間有點長了，有些忘記。在這裡做一下記錄 在要除錯的原始碼的後面加上 sourceurl debug.js 注釋。這樣子，當瀏覽器檢測到這個標記的時候，就會在指令碼列表中列出debug.js作為原始碼的檔案，同樣，你可以...

chrome除錯js工具的使用

這個對於優化前端頁面 加速網頁載入速度很有用哦 相當與yslow 點選run按鈕，就可以開始分析頁面，分析完了就可以看到分析結果了 它甚至可以分析出頁面上樣式表中有哪些css是沒有被使用的哦 例如我想檢視console都有哪些方法和屬性，我可以直接在console中輸入 console 並執行 怎麼...

chrome 適配除錯 Chrome 除錯技巧

寫在前面 本文包括瀏覽器除錯，不包括web移動端除錯。本文除錯均在chrome瀏覽器進行 alert 這個不用多說了，不言自明 console 基本輸出 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.in...