在Web設(shè)計(jì)和開發(fā)中我們一定會(huì)用到不同的瀏覽器,如Firefox瀏覽器,IE瀏覽器,谷歌瀏覽器等。最近我一直在用谷歌瀏覽器,發(fā)現(xiàn)了一些非常有用的Chrome插件。跟大家分享一下,下面我按字母順序列出。
1. Aviary Screen Capture 屏幕截圖
Aviary Screen Capture讓你能夠截取網(wǎng)頁的屏幕快照。獲得屏幕快照后,用Aviary.com的應(yīng)用程序在瀏覽器內(nèi)編輯那幅快照。基本的圖像編輯裝置讓你能夠標(biāo)記(通過畫箭頭和長方形)、編輯(裁剪、旋轉(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)站上運(yùn)行的檢查web框架∕CMS和JavaScript庫。這個(gè)插件通過一個(gè)圖標(biāo),顯示已檢測到的框架。目前,這個(gè)插件最多可檢測70個(gè)流行的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元素,及實(shí)時(shí)編輯CSS的特性。
6. IE Tab
借助IE Tab,可以在Chrome Tab上切換顯示網(wǎng)頁。這個(gè)插件對想用IE渲染引擎跨瀏覽器測試的開發(fā)人員很有幫助。(這是Windows系統(tǒng)下的獨(dú)特插件。)
7. Instant Image Editor 即時(shí)圖像編輯器
當(dāng)你按住alt鍵(Linux上的ctrl鍵)的時(shí)候,Instant Image Editor讓你在有背景圖像的網(wǎng)頁上可以右鍵點(diǎn)擊任何圖像或元素。你可以用Pixlr在新標(biāo)簽上即時(shí)編輯圖像,Pixlr是在瀏覽器上運(yùn)行速度快、使用方便的程序。當(dāng)你右鍵點(diǎn)擊的元素不是圖像時(shí),即時(shí)圖像編輯器也會(huì)確定這個(gè)元素是否有可供編輯的背景圖像。
8. Lorem Ipsum Generator
Lorem Ipsum 生成器用簡約和極具吸引力的設(shè)計(jì)隨機(jī)產(chǎn)生“Lorem Ipsum”文本。
9. MeasureIt!
MeasureIt! 用于測量網(wǎng)頁上任何元素的寬度和高度。
10. Pendule
Pendule 是Chrome 為Web開發(fā)人員提供的開發(fā)工具。這個(gè)內(nèi)置的開發(fā)工具的插件包括:查看、重裝和禁用CSS,查看JavaScript、表格編輯,查看、隱藏及獲得圖像的信息,顏色選擇器、量尺、地形圖、標(biāo)記驗(yàn)證器等等!
11. PHP Console PHP控制臺(tái)
PHP Console 是Lagger的一個(gè)插件,(Lagger:PHP處理錯(cuò)誤/異常/調(diào)試的輕量級靈活的開源PHP庫),它在谷歌瀏覽器控制臺(tái)及彈出窗口中顯示PHP錯(cuò)誤/調(diào)試的信息。
12. Speed Tracer 速度追蹤器
Speed Tracer 速度追蹤器幫助你在網(wǎng)站應(yīng)用程序中發(fā)現(xiàn)和修復(fù)性能問題。當(dāng)應(yīng)用程序運(yùn)行時(shí),這個(gè)插件將瀏覽器內(nèi)的低水平檢測點(diǎn)可視化,并分析它們。
這個(gè)應(yīng)用程序幫助你了解在你的應(yīng)用程序里時(shí)間都花在哪了。
安裝教程:http://blog.haohtml.com/archives/8830
13. Web Developer
Web Developer 在瀏覽器中增加了一個(gè)工具欄,其中有Web開發(fā)工具的按鈕。
14. Webpage Screenshot 網(wǎng)頁快照
Webpage Screenshot 是快速、簡單的插件,它能截取整個(gè)網(wǎng)頁。即使網(wǎng)頁很長,也能存儲(chǔ)在一份圖像文件里。這個(gè)插件讓你只點(diǎn)擊一下,就能以PNG/JPG格式存儲(chǔ)任何網(wǎng)頁的圖像。
15. Window Resizer 窗口大小調(diào)整器
Window Resizer 能夠重新調(diào)整瀏覽器窗口的大小以適合各種分辨率。這個(gè)插件對網(wǎng)站設(shè)計(jì)和開發(fā)人員特別有用,能夠幫助他們在分辨率不同的瀏覽器上測試版面設(shè)計(jì)。分辨率清單是完全能夠定制的(增加/刪除/重新排序)。
可以提供三種屏幕類型:
當(dāng)然對于Web設(shè)計(jì)和開發(fā)人員不可能用一種瀏覽器,在這里我只是分享一些對于谷歌瀏覽器的心得,希望對大家有幫助。