firefox firebug中文入門(mén)教程 腳本之家新年特別版
讓所有沒(méi)用過(guò)firebug的朋友來(lái)，徹底的入門(mén)使用，對(duì)于高級(jí)使用技巧腳本之家以后會(huì)為大家都準(zhǔn)備一些的。希望大家多多的支持我們，支持腳本之家。
1、firebug做什么用的
FireBug是FireFox下最強(qiáng)大的調(diào)試插件.它對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)人員來(lái)說(shuō)，F(xiàn)irebug是Firefox瀏覽器中最好的插件之一。
對(duì)于一些javascript的調(diào)式好像大家用這個(gè)也是主要的原因。
2、如何獲取firebug
因?yàn)閒irebug需要在firefox瀏覽器下運(yùn)行，所以大家一定要安裝個(gè)firefox瀏覽器。然后用firefox打開(kāi)https://addons.mozilla.org/zh-CN/firefox/addon/1843頁(yè)面添加到firefox即可，安裝好后在 工具欄中可以看到
就代表安裝成功了
3、安裝后如何使用呢
我們以腳本之家網(wǎng)站為例 地址欄輸入www.dbjr.com.cn, 然后 工具-firebug-打開(kāi)firebug(或打開(kāi)網(wǎng)頁(yè)后直接F12)
上面的可以通過(guò)修改下面的代碼，上面內(nèi)容的同步顯示，看來(lái)用來(lái)解決一些編輯問(wèn)題也是不錯(cuò)的。
下面是讓大家看看如果調(diào)試js代碼 那就是利用“控制臺(tái)”，默認(rèn)情況下是這樣的
就是因?yàn)檫@個(gè)原因，我才一直沒(méi)用使用的，后來(lái)發(fā)現(xiàn)這樣操作一下即可?？磮D
就是控制臺(tái)后面的小三角號(hào)，選擇為啟用即可。
對(duì)于其它的技巧請(qǐng)查看腳本之家的上一篇與下一篇文章。
- 使用firebug進(jìn)行調(diào)試javascript的示例
- Jquery使用Firefox FireBug插件調(diào)試Ajax步驟講解
- javascript 在firebug調(diào)試時(shí)用console.log的方法
- firebug的一個(gè)有趣現(xiàn)象介紹
- 使用Firebug對(duì)js進(jìn)行斷點(diǎn)調(diào)試的圖文方法
- 使用JavaScript檢測(cè)Firefox瀏覽器是否啟用了Firebug的代碼
- Firebug入門(mén)指南(Firefox瀏覽器)
- firefox插件Firebug的使用教程
- Firefox+FireBug使JQuery的學(xué)習(xí)更加輕松愉快
- Firebug 字幕文件JSON地址獲取代碼
- Javascript 調(diào)試?yán)?Firebug使用詳解六
- 強(qiáng)悍無(wú)比的WEB開(kāi)發(fā)好助手FireBug(Firefox Plugin)
- js之WEB開(kāi)發(fā)調(diào)試?yán)?Firebug 下載
- FireBug 調(diào)試JS入門(mén)教程 如何調(diào)試JS
相關(guān)文章
分離與繼承的思想實(shí)現(xiàn)圖片上傳后的預(yù)覽功能：ImageUploadView
本文要介紹的是網(wǎng)頁(yè)中常見(jiàn)的圖片上傳后直接在頁(yè)面生成小圖預(yù)覽的實(shí)現(xiàn)思路，考慮到該功能有一定的適用性，于是把相關(guān)的邏輯封裝成了一個(gè)ImageUploadView組件，實(shí)際使用效果可查看下一段的git效果圖2016-04-04
小程序?qū)崿F(xiàn)自定義多層級(jí)單選和多選
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)自定義多層級(jí)單選和多選，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了JavaScript中的new 命令，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS異步函數(shù)隊(duì)列功能,結(jié)合實(shí)例形式分析了異步函數(shù)隊(duì)列的應(yīng)用場(chǎng)景、實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
一文徹底理解js原生語(yǔ)法prototype,__proto__和constructor
作為一名前端工程師,必須搞懂JS中的prototype、__proto__與constructor屬性,相信很多初學(xué)者對(duì)這些屬性存在許多困惑,容易把它們混淆,下面這篇文章主要給大家介紹了關(guān)于js原生語(yǔ)法prototype,__proto__和constructor的相關(guān)資料,需要的朋友可以參考下2021-10-10
Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù)，是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過(guò)本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重，需要的朋友參考下吧2017-03-03
這篇文章主要給大家介紹了關(guān)于微信小程序組件生命周期的踩坑記錄，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要介紹了JS實(shí)戰(zhàn)篇之收縮菜單表單布局的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
概述BootStrap中role="form"及role作用角色
這篇文章主要介紹了BootStrap中role="form"及role作用角色介紹，以及bootstrap柵欄系統(tǒng)css中的col-xs-*,col-sm-*,col-md-* 的意義簡(jiǎn)單介紹，需要的朋友參考下2016-12-12
一個(gè)加載js文件的小腳本...2007-06-06