2.前端開發(fā)必備工具之網(wǎng)頁(yè)調(diào)試工具篇

在前端開發(fā)中我們經(jīng)常會(huì)要調(diào)試頁(yè)面，主要html、css調(diào)試和js調(diào)試，這里整理一些工具：

一、firefox網(wǎng)頁(yè)調(diào)試插件

• .firefox插件Firebug

主要用于html、css的調(diào)試和js調(diào)試；推薦指數(shù)：

從事了數(shù)年的Web開發(fā)工作，越來越覺得現(xiàn)在對(duì)WEB開發(fā)有了更高的要求。要寫出漂亮的HTML代碼；要編寫精致的CSS樣式表展示每個(gè)頁(yè)面模塊；要調(diào)試javascript給頁(yè)面增加一些更活潑的要素；要使用Ajax給用戶帶來更好的體驗(yàn)。一個(gè)優(yōu)秀的WEB開發(fā)人員必定會(huì)收藏這個(gè)Firebug插件。

• firefox插件Web Developer 1.1.6

主要用于html、css、js的查看和編輯；推薦指數(shù)：Firefox上開發(fā)和調(diào)試web站點(diǎn)的不二之選。Web developer toolbar包含了一系列工具，從cookie管理到CSS調(diào)試，從導(dǎo)航線到屏幕標(biāo)尺，功能簡(jiǎn)直是多得說不完。僅次于Firebug的網(wǎng)頁(yè)開發(fā)設(shè)計(jì)者工具。功能眾多而且強(qiáng)勁?？粗@令人眼花繚亂的插件設(shè)置窗口，就能一窺它的強(qiáng)大。推薦網(wǎng)頁(yè)開發(fā)者和網(wǎng)頁(yè)設(shè)計(jì)者使用，能夠幫助你方便的對(duì)頁(yè)面進(jìn)行調(diào)整和完善;

• firefox插件JavaScript Debugger Venkman：

主要用于JavaScript調(diào)試；推薦指數(shù)：

一個(gè)基于Mozilla的瀏覽器的JavaScript調(diào)試環(huán)境，是Mozilla瀏覽器的一個(gè)擴(kuò)展。Venkman基于Mozilla JavaScript調(diào)試API（js/jsd），js/jsd API 構(gòu)成了 Netscape JavaScript Debugger 1.1的基礎(chǔ)，Netscape瀏覽器4.x系統(tǒng)都提供了這個(gè)調(diào)試工具。Venkman是目前比較流行的JavaScript調(diào)試工具。強(qiáng)烈推薦這個(gè)剛下載了一個(gè)Mozilla免費(fèi)調(diào)試器 JavaScript Debugger。這個(gè)調(diào)試器的前身為Netscape的JavaScript調(diào)試器，它是Mozilla的一個(gè)附加產(chǎn)品。Venkman JavaScript調(diào)試器既是一個(gè)圖形，也是一個(gè)控制臺(tái)調(diào)試器。下載并安裝Venkman JavaScript調(diào)試器后，就可以通過“工具|Web開發(fā)|JavaScript調(diào)試器”菜單啟動(dòng)它。這個(gè)附加產(chǎn)品允許你查看和調(diào)試位于源文件或網(wǎng)頁(yè)中的JavaScript.

Venkman相關(guān)下載：https://addons.mozilla.org/zh-CN/firefox/addon/216

二、ie網(wǎng)頁(yè)調(diào)試插件

• SuperPreview微軟的網(wǎng)頁(yè)開發(fā)調(diào)試?yán)?/strong>