Chrome中的開發人員外掛程式

在這裡列舉幾個在Chrome下的開發外掛程式，希望可以協助提高工作效率，更主要的是拋磚引玉，更多的好工具還要不斷髮現。

1. Developer Tool

 第一位的自然是Chrome整合的開發工具了，幾乎涵蓋了所有你需要的功能。查看組件、擷取XPath、效能分析、更改瀏覽器UA、調試JavaScript等等。

特別值得一提的是在Element中擷取xpath的功能，對於解析HTML資料會很有協助:

 

2. User-Agent Switcher for Chrome

雖然在Developer Tool的Settings可以像下面這樣修改UA,便於查看在不同瀏覽器中的效果:

但它有兩個問題:

 1.必須是開啟Developer Tool才有效。

2. 對自訂UA不好管理。

於是有了下面這個User Agent Switcher出現了:

       

在Settings裡面可以方便地添加自訂的UA.

 

3. Regular Expression Tester

正調著網頁呢，想隨手驗證一下Regex，那就可以用這個外掛程式了。

      

 

 

4. Web Developer

這是一個網頁分析及Cookie管理的整合工具，可以配合Chrome Developer Tools使用。

 Outline頁簽:

  Cookies頁簽:

 

5. JavaScript Beautifier

隨手對JavaScript進行美化，而不用訪問網頁，這個就符合你的需求了。

6. Local Storage Manager

可視化管理Local Storage的工具.

    

 

就寫這幾個吧，有沒有當然也是見仁見智。有其它需要的，記得到Chrome商店搜搜。你遇到的問題絕大多數都是別人遇到過了，總有人會提供簡潔的方式來提高工作效率!

 

轉載請註明出處:http://blog.csdn.net/horkychen