15個對Web設計和開發有用的Chrome插件
在Web設計和開發中我們一定會用到不同的瀏覽器，如Firefox瀏覽器,IE瀏覽器，谷歌瀏覽器等。最近我一直在用谷歌瀏覽器，發現了一些非常有用的Chrome插件。跟大家分享一下，下面我按字母順序列出。
1. Aviary Screen Capture 屏幕截圖
Aviary Screen Capture讓你能夠截取網頁的屏幕快照。獲得屏幕快照后，用Aviary.com的應用程序在瀏覽器內編輯那幅快照。基本的圖像編輯裝置讓你能夠標記（通過畫箭頭和長方形）、編輯（裁剪、旋轉和調整大小）和獲得精確的像素色彩。
2. Chrome SEO 搜索引擎優化
Chrome SEO為搜索引擎優化工具提供了方便的路徑。這些工具幫助你做每日搜索引擎優化工作，比如競爭分析、關鍵詞分析、反向鏈接檢查及網頁排名檢查等。
3. Chrome Sniffer 嗅探器
Chrome Sniffer使Web開發人員能夠在網站上運行的檢查web框架∕CMS和JavaScript庫。這個插件通過一個圖標，顯示已檢測到的框架。目前，這個插件最多可檢測70個流行的CMS和JavaScript庫。
4. Eye Dropper 滴管
Eye Dropper讓你能夠從網頁或高級顏色選擇器上選擇顏色。
5. Firebug Lite for Google Chrome
Firebug Lite for Google Chrome 并不是Firebug的替代品（這很不幸），也不是瀏覽器開發人員的工具。想法，你應該和其它工具一起使用。FirebugLite提供了大量的視覺效果，類似于Firebug的HTML元素、DOM元素及箱狀模式陰影。FirebugLite還具備其他一些很酷的功能，比如用鼠標檢測HTML元素，及實時編輯CSS的特性。
6. IE Tab
借助IE Tab，可以在Chrome Tab上切換顯示網頁。這個插件對想用IE渲染引擎跨瀏覽器測試的開發人員很有幫助。（這是Windows系統下的獨特插件。）
7. Instant Image Editor 即時圖像編輯器
當你按住alt鍵（Linux上的ctrl鍵）的時候，Instant Image Editor讓你在有背景圖像的網頁上可以右鍵點擊任何圖像或元素。你可以用Pixlr在新標簽上即時編輯圖像，Pixlr是在瀏覽器上運行速度快、使用方便的程序。當你右鍵點擊的元素不是圖像時，即時圖像編輯器也會確定這個元素是否有可供編輯的背景圖像。
8. Lorem Ipsum Generator
Lorem Ipsum 生成器用簡約和極具吸引力的設計隨機產生“Lorem Ipsum”文本。
9. MeasureIt!
MeasureIt! 用于測量網頁上任何元素的寬度和高度。
10. Pendule
Pendule 是Chrome 為Web開發人員提供的開發工具。這個內置的開發工具的插件包括：查看、重裝和禁用CSS，查看JavaScript、表格編輯，查看、隱藏及獲得圖像的信息，顏色選擇器、量尺、地形圖、標記驗證器等等！
11. PHP Console PHP控制臺
PHP Console 是Lagger的一個插件，（Lagger：PHP處理錯誤/異常/調試的輕量級靈活的開源PHP庫），它在谷歌瀏覽器控制臺及彈出窗口中顯示PHP錯誤/調試的信息。
12. Speed Tracer 速度追蹤器
Speed Tracer 速度追蹤器幫助你在網站應用程序中發現和修復性能問題。當應用程序運行時，這個插件將瀏覽器內的低水平檢測點可視化，并分析它們。
這個應用程序幫助你了解在你的應用程序里時間都花在哪了。這包括由以下原因導致的問題：
13. Web Developer
Web Developer 在瀏覽器中增加了一個工具欄，其中有Web開發工具的按鈕。
14. Webpage Screenshot 網頁快照
Webpage Screenshot 是快速、簡單的插件，它能截取整個網頁。即使網頁很長，也能存儲在一份圖像文件里。這個插件讓你只點擊一下，就能以PNG/JPG格式存儲任何網頁的圖像。
15. Window Resizer 窗口大小調整器
Window Resizer 能夠重新調整瀏覽器窗口的大小以適合各種分辨率。這個插件對網站設計和開發人員特別有用，能夠幫助他們在分辨率不同的瀏覽器上測試版面設計。分辨率清單是完全能夠定制的（增加/刪除/重新排序）。
可以提供三種屏幕類型：
當然對于Web設計和開發人員不可能用一種瀏覽器，在這里我只是分享一些對于谷歌瀏覽器的心得，希望對大家有幫助。
【編輯推薦】
