chrome插件！

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

我們擁有10余年網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)經(jīng)驗，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁設(shè)計師為您提供的解決方案。為企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計、成都做手機網(wǎng)站、H5場景定制、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計或者設(shè)計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計服務(wù)并滿足您的需求。

　　1. Aviary Screen Capture 屏幕截圖

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

其特性包括：

保存在桌面、在線主機、或在其它的Aviary應(yīng)用程序上編輯即時截圖能夠截取所有網(wǎng)頁和圖像的任何部分能夠截取整張網(wǎng)頁能夠添加看得見的備注，比如箭頭、文本及在你截取的圖片上標(biāo)出醒目符號裁剪截取的圖片調(diào)整截圖的大小、旋轉(zhuǎn)及翻轉(zhuǎn)截圖智能選擇和去除截圖的元素從頁面上獲得色彩信息快速啟動6個Aviary設(shè)計工具，包括圖像、標(biāo)記、矢量、調(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庫。這個插件通過一個圖標(biāo)，顯示已檢測到的框架。目前，這個插件最多可檢測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還具備其他一些很酷的功能，比如用鼠標(biāo)檢測HTML元素，及實時編輯CSS的特性。

　　6. IE Tab

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

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

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

　　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、表格編輯，查看、隱藏及獲得圖像的信息，顏色選擇器、量尺、地形圖、標(biāo)記驗證器等等！

　　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ù)性能問題。當(dāng)應(yīng)用程序運行時，這個插件將瀏覽器內(nèi)的低水平檢測點可視化，并分析它們。

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

Javascript的解析和執(zhí)行 
Layout 版面

CSS樣式重算和選擇器匹配 
DOM事件處理 
網(wǎng)絡(luò)資源加載 
定時器 
XMLHttpRequest 回調(diào) 
繪圖 
其它

　　13. Web Developer

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

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

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

有繪圖工具：線條、橢圓、長方形、箭頭等 
在屏幕快照中添加文本 
按所需尺寸快速裁剪圖像 
在準(zhǔn)備好圖像之前就能開始編輯 
可以上傳到Facebook、Twitter、Gmail、MySpace上共享 
打?。褐苯影l(fā)送圖像到打印機 
存儲在硬盤里：這個獨特的插件讓你能夠?qū)⒋蟮膱D片存儲在硬盤里 
能夠截取本地文件：能夠截取“FILE://” 
附有顏色選擇器：能夠記住你***使用的顏色 
也能夠截取水平網(wǎng)站的網(wǎng)頁

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

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

　　可以提供三種屏幕類型：

       臺式電腦（標(biāo)準(zhǔn)的；按具體的分辨率情況重新調(diào)整整個窗口的大小） 
       手提電腦（和臺式電腦一樣，但圖標(biāo)不同；很容易掃描分辨率清單）
       手機 Mobile（和前兩種屏幕不同；適合具體的視圖尺寸，不會占滿整個窗口，因為手機的瀏覽器通常沒有邊界）

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

文章名稱：chrome插件！
標(biāo)題路徑：http://www.jiaotiyi.com/article/cdpdesi.html