2012年8月30日 星期四

在安裝了Firebug的Firefox中打開網頁慢的原因

原出處: http://younglab.blog.51cto.com/416652/272905


      Firebug是每個Web開發者必用的調試工具,不過你有沒有發現,當Firebug處於打開狀態的時候,載入網頁變慢了,尤其是DOM結構比較複雜和JavaScript腳本比較多的網頁,有時候甚至會導致Firefox停止回應。不過關閉Firebug以後,一切又正常了。我一直被這個問題困惑著,原以為是Firebug打開時會在Firebug調試器中同步載入網頁數據,導致網頁打開很慢。
      今天終於找到原因了。Rob Campbell在其博客中闡述了FireBug使Firefox變慢的原因。文章地址是:http://antennasoft.net/robcee/2009/12/15/firebug-and-the-jit/文章比較容易理解,我就不翻譯了。

*有時js會與firefox套件衝突,當別人firefox功能正常(或自己chrome正常時->我比較少裝chrome套件)
解法:除了firebug以外的plugin都關掉,目前已知json viewer啟動後在contest上傳時會有bug

前端開發firefox的套件:
靈感:Dean的firefox畫面捷圖

Javascript Deminifier ( 可搭配firebug使用 )
[Firefox] 利用附加模組把最小化的 javascript 還原格式
http://demo.tc/Post/726
如何啟動?
選項->勾選"附加元件列"->在下方的JSD狀態開關ON/OFF ->重新刷頁(ctrl+r)
stackoverflow解法:http://stackoverflow.com/questions/5386826/how-can-i-debug-a-minified-js-in-firebug
**JS Deminifer  啟動後的BUG
<script type="text/javascript" src="global_mapping.js"></script>
如果global_mapping裡面有判斷式有註解這樣亂寫:
if (a) {
    ...
}
// 2009-10-12 10:43:18 / 1978-10-10T10:00:00Z
else if (b) {
    ...
}      
// 10/12/2009 10:12:43            
else {
    return null;

}
JS Deminifier啟動後會有bug
解法:在publish時不要勾選 Turn off javascript minifier,使得js檔壓縮,移除註解

YSlow

Fiddler

Rellik =>
WEB DEVELOPER
http://chrispederick.com/work/web-developer/installed/firefox/12/
DNSSEC Validator
http://www.dnssec-validator.cz/



沒有留言:

張貼留言