網頁設計32款開發人員必備的谷歌流覽器擴展
無論是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是一個進程管理擴展,支援保存和查看當前進程,還能顯示、更新進程快照,支援崩潰恢復。 |