Web設計和開發人員有用的15Chrome插件

 1.Aviary Screen Capture屏幕截圖

     Aviary Screen Capture讓你能夠截取網頁的屏幕快照。獲得屏幕快照後,用Aviary.com的應用程序在瀏覽器內編輯那幅快照。基本的圖像編輯裝置讓你能夠標記(通過畫箭頭和長方形)、編輯(裁剪、旋轉和調整大小)和獲得精確的像素色彩。

  其特性包括:

  保存在桌面、在線主機、或在其它的Aviary應用程序上編輯
即時截圖
能夠截取所有網頁和圖像的任何部分
能夠截取整張網頁
能夠添加看得見的備註,比如箭頭、文本及在你截取的圖片上標出醒目符號
裁剪截取的圖片
調整截圖的大小、旋轉及翻轉截圖
智能選擇和去除截圖的元素
從頁面上獲得色彩信息
快速啓動6個Aviary設計工具,包括圖像、標記、矢量、調色板、效果和音頻編輯器。

  2.Chrome SEO搜索引擎優化

  Chrome SEO爲搜索引擎優化工具提供了方便的路徑。這些工具幫助你做每日搜索引擎優化工作,比如競爭分析、關鍵詞分析、反向鏈接檢查及網頁排名檢查等。

  3.Chrome Sniffer嗅探器

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

  4.Eye Dropper滴管

  Eye Dropper讓你能夠從網頁或高級顏色選擇器上選擇顏色。

  5.Firebug Litefor Google Chrome

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

  6.IETab

  藉助IETab,可以在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.PHPConsole PHP控制檯

  PHPConsole是Lagger的一個插件,(Lagger:PHP處理錯誤/異常/調試的輕量級靈活的開源PHP庫),它在谷歌瀏覽器控制檯及彈出窗口中顯示PHP錯誤/調試的信息。

  12.Speed Tracer速度追蹤器

  SpeedTracer速度追蹤器幫助你在網站應用程序中發現和修復性能問題。當應用程序運行時,這個插件將瀏覽器內的低水平檢測點可視化,並分析它們。

  這個應用程序幫助你瞭解在你的應用程序裏時間都花在哪了。這包括由以下原因導致的問題:

  Javascript的解析和執行
Layout版面
CSS樣式重算和選擇器匹配
DOM事件處理
網絡資源加載
定時器
XMLHttpRequest回調
繪圖
其它

  13.Web Developer

  Web Developer在瀏覽器中增加了一個工具欄,其中有Web開發工具的按鈕。

  14.Webpage Screenshot網頁快照

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

  有繪圖工具:線條、橢圓、長方形、箭頭等
在屏幕快照中添加文本
按所需尺寸快速裁剪圖像
在準備好圖像之前就能開始編輯
可以上傳到Facebook、Twitter、Gmail、MySpace上共享
打印:直接發送圖像到
打印機
存儲在
硬盤裏:這個獨特的插件讓你能夠將大的圖片存儲在硬盤裏
能夠截取本地文件:能夠截取“FILE://”
附有顏色選擇器:能夠記住你最後使用的顏色
也能夠截取水平網站的網頁

  15.Window Resizer窗口大小調整器

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

  可以提供三種屏幕類型:

  臺式電腦(標準的;按具體的分辨率情況重新調整整個窗口的大小)
手提
電腦(和臺式電腦一樣,但圖標不同;很容易掃描分辨率清單)
手機Mobile(和前兩種屏幕不同;適合具體的視圖尺寸,不會佔滿整個窗口,因爲手機的瀏覽器通常沒有邊界)

 

 

下載 Google Chrome瀏覽器 請點擊:http://xiazai.zol.com.cn/detail/33/327560.shtml
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章