這個對於優化前端頁面、加速網頁載入速度很有用哦（相當與yslow）：
點選run按鈕，就可以開始分析頁面，分析完了就可以看到分析結果了：
它甚至可以分析出頁面上樣式表中有哪些css是沒有被使用的哦：
例如我想檢視console都有哪些方法和屬性，我可以直接在console中輸入"console"並執行：
怎麼樣，一目了然了吧 ？再例如我想檢視日期函式都有哪些方法：
實時修改js**生效
頁面外部 js 檔案在 scripts 面板中可以直接修改, 改完後按 ctrl + s 儲存, 會立即生效
注意經測試不支援 html 頁面中 js 修改
經過 pretty print 格式化的指令碼不支援修改
control + o檢視js檔案
contro + shift + o 檢視當前檔案中的js方法
control + f 按關鍵字搜尋當前檔案
ctrol + shift + f 按關鍵字搜尋所有檔案
chrome 除錯工具的使用
elements chrome devtools 中 elements panel 是審查 dom 元素和 css 的,可以實時修改 dom css.節點右鍵,如下圖,可以 除了右鍵,還可以 ctrl z 撤銷修改 在呼叫堆疊這裡可以切換到堆疊中的任何地方重新執行 右鍵restart frame 如...
chrome除錯工具
今天在除錯bug的時候有乙個需求，我需要知道我的 中有哪些地方在修改body的style，然後我想到了dom節點監聽。為body新增斷點然後開始除錯，但是現在的前端技術棧太複雜，即使打了斷點也會跳進第三方包裡。呼叫棧裡有太多無關的js 妨礙除錯。所以你可以選中檔案右擊後，選擇blackbox scr...
Chrome基本JS除錯
chrome 算是開發者用的最多的工具了。而其中的控制台更是除錯js的利器，今天就學習一下基本的控制台的js除錯。console.assert expression,object 當expression false時寫入列印出object console.clear 清除控制台內容 要是preser...