DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 32款網頁設計和網頁開發人員常用的Google Cchrome擴展
32款網頁設計和網頁開發人員常用的Google Cchrome擴展
編輯:關於網頁技巧     

對於網頁設計人員或網站開發者來說,更喜歡使用像FF的此類浏覽器,原因是其具有強大的輔助插件,可以幫助網頁制作與開發提高效率,那麼同樣對於Google Cchrome浏覽器來說也是具有大量的此類插件,本文收集了一些針對Google Cchrome浏覽器進行網頁制作開發的插件工具。可以有效提高網頁設計師或前端開發者的工作效率。

無論是Firefox還是Google Chrome,其強大的擴展都是吸引我們最大的原因之一。下面介紹的是網頁設計和網頁開發人員會經常用到的32款 Google Cchrome 擴展。

1. FireBug Lite

Firefox有個非常出名的擴展——FireBug,Firebug Lite 就相當於Firefox的FireBug,可以即時預覽到編輯、修改 CSS, HTML 和 JavaScript的效果。

2. Resolution Test

Resolution Test 可以修改浏覽器窗口的分辨率,從而讓網頁開發人員能夠即時預覽頁面在不同分辨率下面的表現情況。

3. Speed Tracer

Speed Tracer 可以對網頁中的元素進行全方位的檢測分析,幫你找出網頁運行緩慢的因素,以方便網站開發者優化代碼,目前可在windows 和 Linux 兩種操作平台下面運行。

4. Web Developer

Web Developer 可以在浏覽器工具條上集成多種網頁開發工具,是網站開發人員最常用的 Google Chrome 擴展之一。安裝Web Developer 擴展之後會在浏覽器工具欄添加一個圖標,點擊圖標就可以看到很多的網頁開發工具。

5. Pendule

這個插件功能和FireBug很像,安裝 Pendule 擴展後可以對 Google Chrome 內置的開發者工具進行擴充。

6. Aviary Screen Capture

Aviary Screen Capture 是由 Aviary.com 提供的一個截屏擴展。安裝 Aviary Screen Capture 擴展後可以對當前浏覽器可見內容進行截屏,然後跳轉到Aviary.com 提供的在線圖片編輯頁面進行編輯,編輯完成後再保存到本地電腦。

7. Chrome Web Developer Tools

Chrome Web Developer Tools和FireFox Web Developer很像,和Firefox Firebug的功能接近。

8. Chrome Sniffer

Chrome Sniffer 可以幫助開發者檢查網頁在運行時的框架/CMS和javascript庫的情況,在檢測框架時,地址欄會出現一個圖標。

9. Lorem Ipsum Generator

可以產生隨機的文本。

10. PlainClothes

PlainClothes可以讓你對網頁隨意進行樣式定義,甚至禁用樣式。同樣,你也可以讓文字內容在任何頁面都自動按照你設定的樣式進行呈現(在“選擇”>“Under the Hood”>”改變字體和語言”裡設置)。

11. Internet Explorer Tab

在某些必須使用IE的情況下,這個插件會非常有效。

12. Chrome SEO

Chrome SEO是目前最全面的Chrome SEO擴展。安裝Chrome SEO擴展後,你在訪問一個網頁的時候,可以按照不同分類看到相關的SEO實用參數,包括各個搜索引擎的索引數量、反向鏈接、流量和排名、被各個書簽服務所收藏的次數、被緩存的版本、域名信息(DNS、Whois、IP等),全部顯示在擴展按鈕的彈出菜單裡。

13. SEO Site Tools

SEO Site Tools這個 Google chrome 擴展可以校驗CSS代碼、HTML代碼,以及監測Gzip壓縮情況等基本的SEO資料,可以鼠標右鍵取消該功能。

14. META SEO Inspector

可以用來檢查網頁的meta屬性,並且可以監測no-follow鏈接屬性。

15. Validity

Validity可以使網頁在地址欄中快速運行。 只要點擊地址欄上的圖標就可以激活當前頁面。頁面的錯誤量也可在浏覽器工具欄中看見。

16. Eye Dropper

Eye Dropper 擴展可以允許用戶從當前頁面中的任何一個像素提取顏色代碼,當然擴展本身也自帶了一個很好用的調色板。

17. Color Picker

顏色拾取器,可以快速獲取顏色的Hex 和 RGB值。

18. Image Cropper

Google chrome 浏覽器的截圖擴展。

19. Webpage Screenshot

網頁截圖擴展,可以把整個頁面完整截屏。

20. Picnik

可以讓用戶非常輕松的編輯在浏覽網頁過程中看到的圖片。在網頁加載完之後,點擊Picnik按鈕,用戶將能夠獲得網站圖像的縮略圖列表。點擊這些縮略圖,圖像將在Picnik打開,用戶可以進行編輯、注釋和共享等。

21. MeasureIt!

和Firefox的 MeasureIt! 擴展一模一樣的功能,可以測量頁面上任何內容的寬度和高度。

22. Pixlr Grabber

Chrome的眾多截屏擴展之一。既可以對當前正在浏覽網頁的可視部分進行截屏,也可以對當前正在浏覽網頁指定區域進行截屏,更多為數不多可以對整個網頁進行截屏的擴展之一。

23. Domain Availability Checker

可以快速監測域名是否被注冊。

24. Snippy

可以抓取頁面中的部分內容,然後保存下來,供將來只用。最強大的功能在於它可以抓取豐富的內容,並保留格式。所以你用它來抓取文字、圖片,鏈接等諸多格式的內容,並可以保留到Google Doc 上。

25. FlashBlock

FlashBlock 可以阻止所有的flash內容載入。等網頁載入後你可以點擊選擇載入flash,或者是下載flash。

26. Built With Technology Profiler

Built With Technology Profiler這個插件可以幫你識別出當前頁面都是用了哪些技術。

27. LastPass

LastPass是一個免費的密碼管理擴展和表格填寫擴展,讓你上網沖浪更便捷。

28. iMacros

如果你喜歡使用網頁浏覽器,但是每天重復性訪問相同的網站,讓你感到非常的厭倦,如果填寫表格,忘記密碼,那麼iMacros能幫助你解決這個問題的!iMacros自動化的設計是在網絡上最重復性的任務。無論你對Firefox做什麼,iMacros可以自動執行它。網絡設計人員可以使用的功能測試和回歸測試網頁的Web應用軟件。

29. Chrome Flags

Chrome Flags功能是將正在訪問的服務器所在國家的國旗顯示在地址欄上。

30. Frame Two Pages

Frame Two Pages能讓你在同一個 Chrome 標簽中查看兩個標簽頁面的內容,在進行網頁對比的時候非常有用。

31. Split Screen

Split Screen和Frame Two Pages有點像,可以將 Chrome 的一個標簽分為兩個頁面,並且可以在每個頁面中顯示不同的網頁。

32. Session Buddy

Session Buddy是一個進程管理擴展,支持保存和查看當前進程,還能顯示、更新進程快照,支持崩潰恢復。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved