月27日firebug課程工具課件

北京傳智播客教育Firebug工具介紹講師：金云龍北京傳智播客教育講師自我介紹大家好！我叫金云龍，是12年加盟傳智播客教育的，現(xiàn)擔(dān)任JAVA學(xué)院就業(yè)班的講師工作。曾教授的課程有javascript、struts2、webservice、svn等課程內(nèi)容，目前最新教授的課程是java

web。今年還有一個主要的工作內(nèi)容就是負(fù)責(zé)學(xué)員的職業(yè)規(guī)劃課程。曾就職于多家公司，最后一家公司是用友軟件（也是最有名的！）。從

事過的工作崗位，從開發(fā)工作到公司管理，嘗試過的工作比較多，也比較

咋。參與過的項(xiàng)目有北京煙草行業(yè)的相關(guān)系統(tǒng)、北京財(cái)政部門的相關(guān)系統(tǒng)、吉林省財(cái)政部門的相關(guān)系統(tǒng)和北京公安部門的相關(guān)系統(tǒng)等。公開課預(yù)告地址：

如何訂閱公開課：

如何獲取公開課資料：

如何向講師提問：添加QQ：1752278797北為京傳好智友播客進(jìn)教育行提問。或怎樣收聽下次公開課Firebug是網(wǎng)頁瀏覽器Mozilla

Firefox

下的一款開發(fā)類插件，現(xiàn)屬于

Firefox的五星級強(qiáng)力推薦插件之一。它集HTML查看和編輯、Javascript

控制臺、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析

Web頁面內(nèi)部的細(xì)節(jié)層面，給Web開發(fā)者帶來很大的便利。例如Yahoo!

的網(wǎng)頁速度優(yōu)化建議工具YSlow。Firebug也是一個除錯工具。用戶可以利用它除錯、編輯、甚至刪改任何網(wǎng)站的CSS、HTML、DOM

以及JavaScript

代碼。Firebug官方網(wǎng)址：北京傳智播客教育Firebug介紹北京傳智播客教育Firebug主要功能網(wǎng)絡(luò)監(jiān)視器：Firebug的網(wǎng)絡(luò)監(jiān)視器能將頁面中的CSS、javascript以及網(wǎng)頁中引用的圖片載入所消耗的時間以矩狀圖呈現(xiàn)出來。Javascript調(diào)試器：這是一個很不錯的javascript腳本調(diào)試器，占用空間不大，但是單步調(diào)試、設(shè)置斷點(diǎn)、變量查看窗口一個不少。Console控制臺：控制臺能夠顯示當(dāng)前頁面中的javascript錯誤以及警告，并提示出錯的文件和行號，方便調(diào)試，這些錯誤提示比起瀏覽器本身提

供的錯誤提示更加詳細(xì)且具有參考價(jià)值。DOM查看器：Firebug的DOM查看器卻能方便地瀏覽DOM的內(nèi)部結(jié)構(gòu)，幫助你快速定位DOM對象。查看和修改HTML、CSS調(diào)試及CSS尺標(biāo)Firebug在線安裝安裝完畢最新版火狐瀏覽器，例如Firefox-setup_20.0.1.4847.exe。點(diǎn)擊左上角firefox菜單，選擇附加組件，如下圖：之后在出現(xiàn)的搜索欄中輸入“firebug”關(guān)鍵詞，出現(xiàn)firebug搜索結(jié)果，點(diǎn)擊安裝后，重啟瀏覽器即可完成安裝過程。北京傳智播客教育Firebug離線安裝安裝完畢最新版火狐瀏覽器，例如Firefox-setup_20.0.1.4847.exe。在Firebug官方網(wǎng)站上，下載最新版的Firebug安裝包。例如：firebug.xpi打開火狐瀏覽器，將Firebug安裝包拖動到火狐瀏覽器中。點(diǎn)擊“安裝”后，重啟瀏覽器。完成安裝！北京傳智播客教育驗(yàn)證Firebug是否安裝成功安裝后，再次打開火狐瀏覽器。在瀏覽器的右上角出現(xiàn)Firebug圖標(biāo)：點(diǎn)擊Firebug圖標(biāo)后，瀏覽器中出現(xiàn)如下界面：北京傳智播客教育使用Firebug對javascript調(diào)試打開Firebug界面后，