Firebug調試詳解

你們想要看視頻的話,能夠搜慕課網,搜索firebug調試視頻,裏面有半個小時左右的講解,跟着視頻操做,更容易理解;

Firebug調試詳解

參考連接

http://www.runoob.com/firebug/firebug-html-css.html

快捷鍵 ctrl+shift+c

 

主要功能:

1 測試腳本的運行時間

Console.time(‘test’);

For(var i=0;i<10000;i++){

}

console.timeEnd(‘test’);

2js調試

console.log()能夠取代alert()或document.write()，在網頁腳本中使用console.log()時，會在瀏覽器控制檯打印出信息。

console.dir()能夠顯示一個對象全部的屬性和方法。

 

 

3

網絡監聽

 

 

 

使用Firebug查看和編輯HTML

如今在Firebug窗口上點擊Edit（編輯） 

 

Firebug頁面概況查看

 

使用Firebug的概況，你能夠測試Web頁面致使延遲加載的文件。

經過打開頁面 Firebug > Console（控制檯）> Profile（概況）。

你須要從新加載頁面，而後點擊"概況"查看頁面載入狀況。

一步步調試代碼

你能夠一步步的執行代碼。這對代碼調試很是有用。

 

Firebug動態執行JavaScript

 

您能夠使用Firebug來編寫並實時執行一個JavaScript。

這是爲了測試，並確保該腳本工做正常，這是將JavaScript代碼部署在生產環境前的好方法。

打開Firebug > Script(腳本) > 顯示命令行，代碼以下所示：

alert("w3cschool.cc")