在Web設(shè)計和開發(fā)中我們一定會用到不同的瀏覽器，如Firefox瀏覽器,IE瀏覽器，谷歌瀏覽器等。最近我一直在用谷歌瀏覽器，發(fā)現(xiàn)了一些非常有用的Chrome插件。跟大家分享一下，下面我按字母順序列出。

1. Aviary Screen Capture 屏幕截圖

　　Aviary Screen Capture讓你能夠截取網(wǎng)頁的屏幕快照。獲得屏幕快照后，用Aviary.com的應(yīng)用程序在瀏覽器內(nèi)編輯那幅快照?；镜膱D像編輯裝置讓你能夠標記（通過畫箭頭和長方形）、編輯（裁剪、旋轉(zhuǎn)和調(diào)整大?。┖瞳@得精確的像素色彩。   

　　2. Chrome SEO 搜索引擎優(yōu)化

　　Chrome SEO為搜索引擎優(yōu)化工具提供了方便的路徑。這些工具幫助你做每日搜索引擎優(yōu)化工作，比如競爭分析、關(guān)鍵詞分析、反向鏈接檢查及網(wǎng)頁排名檢查等。

　　3. Chrome Sniffer 嗅探器

　　Chrome Sniffer使Web開發(fā)人員能夠在網(wǎng)站上運行的檢查web框架∕CMS和JavaScript庫。這個插件通過一個圖標，顯示已檢測到的框架。目前，這個插件最多可檢測70個流行的CMS和JavaScript庫。

　　4. Eye Dropper 滴管

　　Eye Dropper讓你能夠從網(wǎng)頁或高級顏色選擇器上選擇顏色。

　　5. Firebug Lite for Google Chrome

　　Firebug Lite for Google Chrome 并不是Firebug的替代品（這很不幸），也不是瀏覽器開發(fā)人員的工具。想法，你應(yīng)該和其它工具一起使用。FirebugLite提供了大量的視覺效果，類似于Firebug的HTML元素、DOM元素及箱狀模式陰影。FirebugLite還具備其他一些很酷的功能，比如用鼠標檢測HTML元素，及實時編輯CSS的特性。

　　6. IE Tab

　　借助IE Tab，可以在Chrome Tab上切換顯示網(wǎng)頁。這個插件對想用IE渲染引擎跨瀏覽器測試的開發(fā)人員很有幫助。（這是Windows系統(tǒng)下的獨特插件。）

　　7. Instant Image Editor 即時圖像編輯器

　　當你按住alt鍵（Linux上的ctrl鍵）的時候，Instant Image Editor讓你在有背景圖像的網(wǎng)頁上可以右鍵點擊任何圖像或元素。你可以用Pixlr在新標簽上即時編輯圖像，Pixlr是在瀏覽器上運行速度快、使用方便的程序。當你右鍵點擊的元素不是圖像時，即時圖像編輯器也會確定這個元素是否有可供編輯的背景圖像。

　　8. Lorem Ipsum Generator

　　Lorem Ipsum 生成器用簡約和極具吸引力的設(shè)計隨機產(chǎn)生“Lorem Ipsum”文本。

　　9. MeasureIt!

　　MeasureIt! 用于測量網(wǎng)頁上任何元素的寬度和高度。

10. Pendule

　　Pendule 是Chrome 為Web開發(fā)人員提供的開發(fā)工具。這個內(nèi)置的開發(fā)工具的插件包括：查看、重裝和禁用CSS，查看JavaScript、表格編輯，查看、隱藏及獲得圖像的信息，顏色選擇器、量尺、地形圖、標記驗證器等等！

　　11. PHP Console PHP控制臺

　　PHP Console 是Lagger的一個插件，（Lagger：PHP處理錯誤/異常/調(diào)試的輕量級靈活的開源PHP庫），它在谷歌瀏覽器控制臺及彈出窗口中顯示PHP錯誤/調(diào)試的信息。

　　12. Speed Tracer 速度追蹤器

　　Speed Tracer 速度追蹤器幫助你在網(wǎng)站應(yīng)用程序中發(fā)現(xiàn)和修復(fù)性能問題。當應(yīng)用程序運行時，這個插件將瀏覽器內(nèi)的低水平檢測點可視化，并分析它們。

　　這個應(yīng)用程序幫助你了解在你的應(yīng)用程序里時間都花在哪了。這包括由以下原因?qū)е碌膯栴}：

　　13. Web Developer

　　Web Developer 在瀏覽器中增加了一個工具欄，其中有Web開發(fā)工具的按鈕。

　　14. Webpage Screenshot 網(wǎng)頁快照

　　Webpage Screenshot 是快速、簡單的插件，它能截取整個網(wǎng)頁。即使網(wǎng)頁很長，也能存儲在一份圖像文件里。這個插件讓你只點擊一下，就能以PNG/JPG格式存儲任何網(wǎng)頁的圖像。

　　15. Window Resizer 窗口大小調(diào)整器

　　Window Resizer 能夠重新調(diào)整瀏覽器窗口的大小以適合各種分辨率。這個插件對網(wǎng)站設(shè)計和開發(fā)人員特別有用，能夠幫助他們在分辨率不同的瀏覽器上測試版面設(shè)計。分辨率清單是完全能夠定制的（增加/刪除/重新排序）。

　　可以提供三種屏幕類型：

當然對于Web設(shè)計和開發(fā)人員不可能用一種瀏覽器，在這里我只是分享一些對于谷歌瀏覽器的心得，希望對大家有幫助。

       【編輯推薦】

1. 為智慧的地球構(gòu)建一個智能 Web 應(yīng)用程序
2. 用動態(tài)元素自動更新 Web 頁面
3. 使用開源工具測試 Web 應(yīng)用程序
4. WebSphere Portal中Web 2.0主題與皮膚定制開發(fā)
5. 使用 Informix 4GL 消費 Web 服務(wù)