js之WEB開(kāi)發(fā)調(diào)試?yán)?Firebug 下載
在米隨隨的Blog看到有關(guān)Firebug的介紹,遂下載試用了一下,確實(shí)是比較好的工具。
二、主要功能
- Inspect and edit HTML
- Tweak CSS to perfection
- Visualize CSS metrics
- Monitor network activity
- Debug and profile JavaScript
- Quickly find errors
- Explore the DOM
- Execute JavaScript on the fly
- Logging for JavaScript
對(duì)于WEB開(kāi)發(fā)人員來(lái)說(shuō),可以非常方便的得到自己想要的信息:HTML、DOM、CSS、JS,甚至各個(gè)文件的下載時(shí)間。
剛測(cè)試了一下JS的調(diào)試功能,非常方便,可以設(shè)置斷點(diǎn),鼠標(biāo)移至變量名上,可以得到相應(yīng)值的提示。太棒了!
三、非Firefox瀏覽器的解決方案:Firebug Lite
對(duì)于非Firefox瀏覽器,F(xiàn)irebug也有相應(yīng)的解決方案—Firebug Lite,通過(guò)使用console.log()輸出錯(cuò)誤信息至Firebug 控制臺(tái)。
1.下載Firebug Lite
下載地址:http://getfirebug.com/releases/firebuglite1.0-b1.zip,解壓至WEB目錄,比如/js/firebug/。
在頁(yè)面中增加以下代碼:
- <script language="javascript" type="text/javascript"
- src="/path/to/firebug/firebug.js"></script>
如果不想安裝Firebug Lite,只是為了避免Javascript錯(cuò)誤,可以點(diǎn)擊這里下載firebugx.js然后copy至代碼中即可。
這個(gè)文件的代碼如下:
- if (!("console" in window) || !("firebug" in console))
- {
- var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
- "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
- window.console = {};
- for (var i = 0; i < names.length; ++i)
- window.console[names[i]] = function() {}
- }
2.使用Firebug Lite
默認(rèn)情況下,打開(kāi)頁(yè)面后,可以按F12開(kāi)啟Firebug的控制臺(tái),如果不想頻繁按F12來(lái)進(jìn)入調(diào)試狀態(tài),也可在HTML元素上增加 debug=”true” ,如下:
- <html debug="true">
3.使用命令行
Firebug也包含一個(gè)命令行程序,可以使用以下快捷鍵Ctrl+Shift+L (or ⌘+Shift+L on Mac)
4.測(cè)試頁(yè)面
按 F12 或 Ctrl+Shift+L,就可以看到效果了。
- 教你如何使用firebug調(diào)試功能了解javascript閉包和this
- FireBug 調(diào)試JS入門(mén)教程 如何調(diào)試JS
- 使用firebug進(jìn)行調(diào)試javascript的示例
- javascript 在firebug調(diào)試時(shí)用console.log的方法
- 使用Firebug對(duì)js進(jìn)行斷點(diǎn)調(diào)試的圖文方法
- 使用JavaScript檢測(cè)Firefox瀏覽器是否啟用了Firebug的代碼
- Firebug 字幕文件JSON地址獲取代碼
- Javascript 調(diào)試?yán)?Firebug使用詳解六
- javascript判斷firebug是否開(kāi)啟的方法
相關(guān)文章
JavaScript onkeypress事件入門(mén)實(shí)例(按下或按住一個(gè)鍵盤(pán)按鍵)
這篇文章主要介紹了JavaScript onkeypress事件入門(mén)實(shí)例,onkeypress事件捕捉按下或按住一個(gè)鍵盤(pán)按鍵的情況,需要的朋友可以參考下2014-10-10頁(yè)面get請(qǐng)求 中文參數(shù)方法亂碼問(wèn)題的快速解決方法
下面小編就為大家?guī)?lái)一篇頁(yè)面get請(qǐng)求 中文參數(shù)方法亂碼問(wèn)題的快速解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05JavaScript 高級(jí)篇之函數(shù) (四)
本節(jié)我將分享我對(duì)函數(shù),嵌套函數(shù),作為數(shù)據(jù)的函數(shù),作為對(duì)象的函數(shù)等2012-04-04一起來(lái)學(xué)習(xí)JavaScript的語(yǔ)法基礎(chǔ)
這篇文章主要為大家詳細(xì)介紹了JavaScript的語(yǔ)法基礎(chǔ),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-03-03Javascript字符串對(duì)象的常用方法簡(jiǎn)明版
這篇文章主要介紹了Javascript字符串對(duì)象的常用方法簡(jiǎn)明版,本文用一個(gè)代碼例子列表了Javascript字符串對(duì)象的一些常用方法,例如加粗、斜體、刪除線、上標(biāo)、下標(biāo)、大小寫(xiě)、查找字符、替換字符等,需要的朋友可以參考下2014-06-06JS數(shù)學(xué)函數(shù)Exp使用說(shuō)明
JS數(shù)學(xué)函數(shù)Exp使用說(shuō)明2012-08-08