Chrome中的开发者插件

爱被打了一巴掌 2022-06-06 09:46 223阅读 0赞

在这里列举几个在Chrome下的开发插件，希望可以帮助提高工作效率，更主要的是抛砖引玉，更多的好工具还要不断发现。

**1. Developer Tool**

第一位的自然是Chrome集成的开发工具了，几乎涵盖了所有你需要的功能。查看组件、获取XPath、性能分析、更改浏览器UA、调试JavaScript等等。

![1344438640_2650.png][]

特别值得一提的是在Element中获取xpath的功能，对于解析HTML数据会很有帮助:

![1344438659_5058.PNG][]

**2. User-Agent Switcher for Chrome**

虽然在Developer Tool的Settings可以像下面这样修改UA,便于查看在不同浏览器中的效果:

![1344438677_7878.PNG][]

但它有两个问题:

1.必须是打开Developer Tool才有效。

2. 对自定义UA不好管理。

于是有了下面这个User Agent Switcher出现了:

![1344438694_8157.PNG][]

在Settings里面可以方便地添加自定义的UA.

**3. Regular Expression Tester**

正调着网页呢，想随手验证一下正则表达式，那就可以用这个插件了。

![1344438720_2000.PNG][]

**4. Web Developer**

这是一个网页分析及Cookie管理的集成工具，可以配合Chrome Developer Tools使用。

Outline页签:

![1344438740_3187.PNG][]

Cookies页签:

![1344438755_4894.PNG][]

**5. JavaScript Beautifier**

随手对JavaScript进行美化，而不用访问网页，这个就符合你的需求了。

![1344438812_9489.PNG][]

**6. Local Storage Manager**

可视化管理Local Storage的工具.

![1344438831_6193.PNG][]

就写这几个吧，有没有当然也是见仁见智。有其它需要的，记得到Chrome商店搜搜。你遇到的问题绝大多数都是别人遇到过了，总有人会提供简洁的方式来提高工作效率!

转载请注明出处:[http://blog.csdn.net/horkychen][http_blog.csdn.net_horkychen]

[1344438640_2650.png]: https://img-my.csdn.net/uploads/201208/08/1344438640_2650.png
[1344438659_5058.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438659_5058.PNG
[1344438677_7878.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438677_7878.PNG
[1344438694_8157.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438694_8157.PNG
[1344438720_2000.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438720_2000.PNG
[1344438740_3187.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438740_3187.PNG
[1344438755_4894.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438755_4894.PNG
[1344438812_9489.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438812_9489.PNG
[1344438831_6193.PNG]: https://img-my.csdn.net/uploads/201208/08/1344438831_6193.PNG
[http_blog.csdn.net_horkychen]: http://blog.csdn.net/horkychen