工欲善其事必先利其器，有了本文介紹的工具和一些功能，你就可以高效的處理任務(wù)和信息。下面的這些工具都是本人平時(shí)經(jīng)常用到的，如果你有更好的更有效率的工具，請(qǐng)告知一聲，補(bǔ)充一下！
火狐瀏覽器
前端要看網(wǎng)頁(yè)，瀏覽器是必備的，但為什么要選擇火狐瀏覽器而不是谷歌、IE、opera、360？首先，IE就不要談了，360那些國(guó)產(chǎn)的也不要提 了，opera 國(guó)內(nèi)使用率并不高。使用谷歌瀏覽器也是一個(gè)好的選擇，但是我本人傾向于使用火狐。因?yàn)樵谥暗氖褂眠^(guò)程中，感覺(jué) chrome 是拿來(lái)上網(wǎng)用的，而 Firefox 才是拿來(lái)開(kāi)發(fā)用的，特別是下面介紹的一些功能插件都是基于火狐瀏覽器的。當(dāng)然谷歌瀏覽器上面也有一套不錯(cuò)的開(kāi)發(fā)工具。
Firebug
這個(gè)插件具有非常強(qiáng)大的功能，它把網(wǎng)頁(yè)的 HTML 結(jié)構(gòu)進(jìn)行了整理，查看和修改 CSS 也非常方便。這只是基礎(chǔ)的功能，還有控制臺(tái)等可以調(diào)試 JavaScript 等，是前端不可缺少的工具。具體使用方法不再贅述。
查看選中部分源代碼
這是火狐瀏覽器中內(nèi)置的一個(gè)功能，通過(guò)選取網(wǎng)頁(yè)上的一快內(nèi)容，然后右擊查看選中部分源代碼，可以快速查看到你選中部分的源代碼內(nèi)容。這樣就可以非?？焖俚牧私獾侥硞€(gè)區(qū)域的 HTML 結(jié)構(gòu)，從而避免從海量文件中尋找對(duì)應(yīng)代碼。
Yslow
網(wǎng)站性能優(yōu)化也是前端的一個(gè)重要任務(wù)，而雅虎出品的 Yslow 插件，就是進(jìn)行網(wǎng)站性能測(cè)試的工具。使用它進(jìn)行測(cè)試之后，會(huì)給出一個(gè)等級(jí)以及存在哪些問(wèn)題以及如何進(jìn)行修正。官方地址：
點(diǎn)擊這里查看元素（三維視圖）
火狐瀏覽器自帶的查看源代碼功能還是比較弱的，于是有 查看元素 這個(gè)功能。使用鼠標(biāo)放在某個(gè)元素上，右擊 查看元素 ，即可看到這個(gè)元素的 HTML 結(jié)構(gòu)和對(duì)應(yīng)的 CSS 樣式，也可以很方便的修改。但是通常使用 FireBUG 來(lái)完成這個(gè)任務(wù)，因?yàn)樽詭У墓δ懿皇翘貏e強(qiáng)。這里主要介紹的是 查看元素 功能中的 三維視圖 功能。這個(gè)功能可以把你的網(wǎng)頁(yè)變成三維視圖，從而可以非常方便的查看到網(wǎng)站的結(jié)構(gòu)是否合理、是否正確閉合、是否嵌套層數(shù)太多。
自適應(yīng)設(shè)計(jì)視圖
目前響應(yīng)式設(shè)計(jì)越來(lái)越流行，這個(gè)功能就是來(lái)測(cè)試網(wǎng)頁(yè)的響應(yīng)式布局效果。同樣也是火狐瀏覽器中內(nèi)置的功能，在 菜單 中 Web開(kāi)發(fā)者 選項(xiàng)中可以找到。雖然網(wǎng)上也有一些網(wǎng)頁(yè)版的響應(yīng)式測(cè)試工具，但是我個(gè)人覺(jué)得還是瀏覽器自帶的比較方便實(shí)用，速度也比較快。此外，據(jù)說(shuō) chrome 上面也有類似的工具。
IE9
IE9 是用來(lái)做兼容性測(cè)試用的。如何做 IE 兼容性測(cè)試呢？IE9 已經(jīng)像 firefox chrome 一樣，內(nèi)置了非常簡(jiǎn)陋、難用的頁(yè)面調(diào)試功能，但是其中有一個(gè)非常重要的功能，就是設(shè)置瀏覽器和文檔解析模式。它可以方便的切換到 IE7 、IE8 文檔渲染模式，此外還有怪異模式等等。這樣，用IE9就可以同時(shí)做IE7和IE8的兼容性測(cè)試。對(duì)了，IE6呢，IE6怎么辦。原來(lái)你還在費(fèi)力的做IE6 的兼容？
有道云筆記
前端也是需要不斷學(xué)習(xí)的，包括一些總結(jié)或者網(wǎng)上的資料。以及一些優(yōu)秀作品的網(wǎng)頁(yè)截圖、圖片資源等等，都是需要分類整理的。面多這么多的信息，你如果 用文件夾和 Word文檔或者瀏覽器的收藏夾來(lái)整理，那簡(jiǎn)直是弱爆了。有道云筆記是我用過(guò)最好的比較，容量大，使用方便?？梢灾苯邮褂镁W(wǎng)易郵箱登陸開(kāi)通，如果你還沒(méi)有 賬號(hào)，可以通過(guò)我的
邀請(qǐng)鏈接注冊(cè)。
火狐剪報(bào)
快速對(duì)當(dāng)前網(wǎng)頁(yè)進(jìn)行截圖，并且可以進(jìn)行簡(jiǎn)單編輯。搭配有道云筆記，可以記錄優(yōu)秀的設(shè)計(jì)，提供一些靈感。此外有很多類似的網(wǎng)頁(yè)截圖工具。
notepad++
非常小巧好用的文本編輯器。用來(lái)快速高效的搜索修改代碼。如果你想修改一點(diǎn)小代碼的時(shí)候，卻要忍受幾秒的編輯軟件啟動(dòng)時(shí)間，那么就用這個(gè)吧。無(wú)論是 寫(xiě)代碼還是修改代碼，個(gè)人覺(jué)得都比那些功能齊全的編輯軟件好很多。當(dāng)然文本編輯器也有很多，但是用了一遍我個(gè)人覺(jué)得這是最好的。
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
