chrome插件!
在Web設(shè)計(jì)和開(kāi)發(fā)中我們一定會(huì)用到不同的瀏覽器,如Firefox瀏覽器,IE瀏覽器,谷歌瀏覽器等。最近我一直在用谷歌瀏覽器,發(fā)現(xiàn)了一些非常有用的Chrome插件。跟大家分享一下,下面我按字母順序列出。
1. Aviary Screen Capture 屏幕截圖
Aviary Screen Capture讓你能夠截取網(wǎng)頁(yè)的屏幕快照。獲得屏幕快照后,用Aviary.com的應(yīng)用程序在瀏覽器內(nèi)編輯那幅快照?;镜膱D像編輯裝置讓你能夠標(biāo)記(通過(guò)畫(huà)箭頭和長(zhǎng)方形)、編輯(裁剪、旋轉(zhuǎn)和調(diào)整大?。┖瞳@得精確的像素色彩。
其特性包括:
保存在桌面、在線主機(jī)、或在其它的Aviary應(yīng)用程序上編輯即時(shí)截圖能夠截取所有網(wǎng)頁(yè)和圖像的任何部分能夠截取整張網(wǎng)頁(yè)能夠添加看得見(jiàn)的備注,比如箭頭、文本及在你截取的圖片上標(biāo)出醒目符號(hào)裁剪截取的圖片調(diào)整截圖的大小、旋轉(zhuǎn)及翻轉(zhuǎn)截圖智能選擇和去除截圖的元素從頁(yè)面上獲得色彩信息快速啟動(dòng)6個(gè)Aviary設(shè)計(jì)工具,包括圖像、標(biāo)記、矢量、調(diào)色板、效果和音頻編輯器。
2. Chrome SEO 搜索引擎優(yōu)化
Chrome SEO為搜索引擎優(yōu)化工具提供了方便的路徑。這些工具幫助你做每日搜索引擎優(yōu)化工作,比如競(jìng)爭(zhēng)分析、關(guān)鍵詞分析、反向鏈接檢查及網(wǎng)頁(yè)排名檢查等。
3. Chrome Sniffer 嗅探器
Chrome Sniffer使Web開(kāi)發(fā)人員能夠在網(wǎng)站上運(yùn)行的檢查web框架∕CMS和JavaScript庫(kù)。這個(gè)插件通過(guò)一個(gè)圖標(biāo),顯示已檢測(cè)到的框架。目前,這個(gè)插件最多可檢測(cè)70個(gè)流行的CMS和JavaScript庫(kù)。
4. Eye Dropper 滴管
Eye Dropper讓你能夠從網(wǎng)頁(yè)或高級(jí)顏色選擇器上選擇顏色。
5. Firebug Lite for Google Chrome
Firebug Lite for Google Chrome 并不是Firebug的替代品(這很不幸),也不是瀏覽器開(kāi)發(fā)人員的工具。想法,你應(yīng)該和其它工具一起使用。FirebugLite提供了大量的視覺(jué)效果,類(lèi)似于Firebug的HTML元素、DOM元素及箱狀模式陰影。FirebugLite還具備其他一些很酷的功能,比如用鼠標(biāo)檢測(cè)HTML元素,及實(shí)時(shí)編輯CSS的特性。
6. IE Tab
借助IE Tab,可以在Chrome Tab上切換顯示網(wǎng)頁(yè)。這個(gè)插件對(duì)想用IE渲染引擎跨瀏覽器測(cè)試的開(kāi)發(fā)人員很有幫助。(這是Windows系統(tǒng)下的獨(dú)特插件。)
7. Instant Image Editor 即時(shí)圖像編輯器
當(dāng)你按住alt鍵(Linux上的ctrl鍵)的時(shí)候,Instant Image Editor讓你在有背景圖像的網(wǎng)頁(yè)上可以右鍵點(diǎn)擊任何圖像或元素。你可以用Pixlr在新標(biāo)簽上即時(shí)編輯圖像,Pixlr是在瀏覽器上運(yùn)行速度快、使用方便的程序。當(dāng)你右鍵點(diǎn)擊的元素不是圖像時(shí),即時(shí)圖像編輯器也會(huì)確定這個(gè)元素是否有可供編輯的背景圖像。
8. Lorem Ipsum Generator
Lorem Ipsum 生成器用簡(jiǎn)約和***吸引力的設(shè)計(jì)隨機(jī)產(chǎn)生“Lorem Ipsum”文本。
9. MeasureIt!
MeasureIt! 用于測(cè)量網(wǎng)頁(yè)上任何元素的寬度和高度。
10. Pendule
Pendule 是Chrome 為Web開(kāi)發(fā)人員提供的開(kāi)發(fā)工具。這個(gè)內(nèi)置的開(kāi)發(fā)工具的插件包括:查看、重裝和禁用CSS,查看JavaScript、表格編輯,查看、隱藏及獲得圖像的信息,顏色選擇器、量尺、地形圖、標(biāo)記驗(yàn)證器等等!
11. PHP Console PHP控制臺(tái)
PHP Console 是Lagger的一個(gè)插件,(Lagger:PHP處理錯(cuò)誤/異常/調(diào)試的輕量級(jí)靈活的開(kāi)源PHP庫(kù)),它在谷歌瀏覽器控制臺(tái)及彈出窗口中顯示PHP錯(cuò)誤/調(diào)試的信息。
12. Speed Tracer 速度追蹤器
Speed Tracer 速度追蹤器幫助你在網(wǎng)站應(yīng)用程序中發(fā)現(xiàn)和修復(fù)性能問(wèn)題。當(dāng)應(yīng)用程序運(yùn)行時(shí),這個(gè)插件將瀏覽器內(nèi)的低水平檢測(cè)點(diǎn)可視化,并分析它們。
這個(gè)應(yīng)用程序幫助你了解在你的應(yīng)用程序里時(shí)間都花在哪了。這包括由以下原因?qū)е碌膯?wèn)題:
Javascript的解析和執(zhí)行
Layout 版面
CSS樣式重算和選擇器匹配
DOM事件處理
網(wǎng)絡(luò)資源加載
定時(shí)器
XMLHttpRequest 回調(diào)
繪圖
其它
13. Web Developer
Web Developer 在瀏覽器中增加了一個(gè)工具欄,其中有Web開(kāi)發(fā)工具的按鈕。
14. Webpage Screenshot 網(wǎng)頁(yè)快照
Webpage Screenshot 是快速、簡(jiǎn)單的插件,它能截取整個(gè)網(wǎng)頁(yè)。即使網(wǎng)頁(yè)很長(zhǎng),也能存儲(chǔ)在一份圖像文件里。這個(gè)插件讓你只點(diǎn)擊一下,就能以PNG/JPG格式存儲(chǔ)任何網(wǎng)頁(yè)的圖像。
有繪圖工具:線條、橢圓、長(zhǎng)方形、箭頭等
在屏幕快照中添加文本
按所需尺寸快速裁剪圖像
在準(zhǔn)備好圖像之前就能開(kāi)始編輯
可以上傳到Facebook、Twitter、Gmail、MySpace上共享
打?。褐苯影l(fā)送圖像到打印機(jī)
存儲(chǔ)在硬盤(pán)里:這個(gè)獨(dú)特的插件讓你能夠?qū)⒋蟮膱D片存儲(chǔ)在硬盤(pán)里
能夠截取本地文件:能夠截取“FILE://”
附有顏色選擇器:能夠記住你***使用的顏色
也能夠截取水平網(wǎng)站的網(wǎng)頁(yè)
15. Window Resizer 窗口大小調(diào)整器
Window Resizer 能夠重新調(diào)整瀏覽器窗口的大小以適合各種分辨率。這個(gè)插件對(duì)網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)人員特別有用,能夠幫助他們?cè)诜直媛什煌臑g覽器上測(cè)試版面設(shè)計(jì)。分辨率清單是完全能夠定制的(增加/刪除/重新排序)。
可以提供三種屏幕類(lèi)型:
臺(tái)式電腦(標(biāo)準(zhǔn)的;按具體的分辨率情況重新調(diào)整整個(gè)窗口的大小)
手提電腦(和臺(tái)式電腦一樣,但圖標(biāo)不同;很容易掃描分辨率清單)
手機(jī) Mobile(和前兩種屏幕不同;適合具體的視圖尺寸,不會(huì)占滿(mǎn)整個(gè)窗口,因?yàn)槭謾C(jī)的瀏覽器通常沒(méi)有邊界)
當(dāng)然對(duì)于Web設(shè)計(jì)和開(kāi)發(fā)人員不可能用一種瀏覽器,在這里我只是分享一些對(duì)于谷歌瀏覽器的心得,希望對(duì)大家有幫助。
【編輯推薦】