Google chrome 帶的客戶端開發(fā)工具
Posted on 2009-07-28 15:00 BearRui(AK-47) 閱讀(2217) 評論(0) 編輯 收藏 所屬分類: WEB
今天把chrome更新到了3.0.195.1,chrome自帶了幾種功能的開發(fā)工具,感覺還是挺實用的:
??? 1. ?瀏覽器內(nèi)存占用查看管理器
??? 2. ?JAVASCRIPT 調(diào)試工具
??? 3. 資源下載時間、大小監(jiān)控器
1. 瀏覽器內(nèi)存占用查看管理器
? 在標(biāo)簽頁中輸入:about:memory,該頁面不僅可以查看chrome占用的內(nèi)存明細(xì),還可以同時查看firefox,IE的內(nèi)存占用:
?
2. JAVASCRIPT 調(diào)試工具,按Ctrl+Shift+J 快捷鍵彈出開發(fā)工具,點擊Scripts標(biāo)簽,在下拉列表中選擇你要調(diào)試的javascript文件:
???
???
??? 在想中斷的代碼行最左邊行號處點擊,然后再刷新頁面:
??
??? 但JS執(zhí)行到中斷點的時候就會停止,然后就可以按右上角的按鈕進(jìn)行單步調(diào)試:

3. 資源下載時間、大小監(jiān)控器,按Ctrl+Shift+J 快捷鍵彈出開發(fā)工具,點擊Resouces標(biāo)簽,就可以查看下載時間和大小的圖示了:

??? 1. ?瀏覽器內(nèi)存占用查看管理器
??? 2. ?JAVASCRIPT 調(diào)試工具
??? 3. 資源下載時間、大小監(jiān)控器
1. 瀏覽器內(nèi)存占用查看管理器
? 在標(biāo)簽頁中輸入:about:memory,該頁面不僅可以查看chrome占用的內(nèi)存明細(xì),還可以同時查看firefox,IE的內(nèi)存占用:
?
2. JAVASCRIPT 調(diào)試工具,按Ctrl+Shift+J 快捷鍵彈出開發(fā)工具,點擊Scripts標(biāo)簽,在下拉列表中選擇你要調(diào)試的javascript文件:
???
???
??? 在想中斷的代碼行最左邊行號處點擊,然后再刷新頁面:
??
??? 但JS執(zhí)行到中斷點的時候就會停止,然后就可以按右上角的按鈕進(jìn)行單步調(diào)試:
3. 資源下載時間、大小監(jiān)控器,按Ctrl+Shift+J 快捷鍵彈出開發(fā)工具,點擊Resouces標(biāo)簽,就可以查看下載時間和大小的圖示了:
[作者]:BearRui(AK-47)
[博客]: http://www.aygfsteel.com/bearrui/
[聲明]:本博所有文章版權(quán)歸作者所有(除特殊說明以外),轉(zhuǎn)載請注明出處.
[博客]: http://www.aygfsteel.com/bearrui/
[聲明]:本博所有文章版權(quán)歸作者所有(除特殊說明以外),轉(zhuǎn)載請注明出處.