Chrome中的开发者插件

简介: 在这里列举几个在Chrome下的开发插件,希望可以帮助提高工作效率,更主要的是抛砖引玉,更多的好工具还要不断发现。 1. Developer Tool  第一位的自然是Chrome集成的开发工具了,几乎涵盖了所有你需要的功能。

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

1. Developer Tool

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

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

 

2. User-Agent Switcher for Chrome

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

但它有两个问题:

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

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

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

       

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

 

3. Regular Expression Tester

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

      

 

 

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

目录
相关文章
|
4月前
|
Web App开发 人工智能 IDE
从痛点到解决方案:为什么我开发了Chrome元素截图插件
传统的截图方式要么截取整个页面然后手动裁剪,要么使用浏览器自带的截图功能,但效果都不理想。特别是当内容包含SVG元素或复杂样式时,截图质量和速度、便捷性往往不尽如人意。
236 4
|
4月前
|
Web App开发 人工智能 前端开发
产品发布策略:如何让Chrome插件在竞争激烈的市场中脱颖而出
Chrome Web Store每天新增很多个插件。插件刚发布,用户只有我自己,如何在这样的红海市场中找到自己的位置,是我一直在思考的问题。
176 0
|
Web App开发 存储 开发者
Chrome 插件上架发布全流程指南
浏览器插件开发完以后,要发布到 Chrome Web Store上,也是需要颇费一番周折的,本文就从注册账号开始,一直到最后发布上架的全流程进行指导,希望帮助你提供一些经验,避免踩坑,耗时耗力。
1221 8
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
3690 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
Web App开发 存储 前端开发
《Chrome谷歌插件Top10》开发最好用的谷歌插件
本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手,提供高效开发工具;FeHelper,前端必备工具,支持格式化、压缩等功能;uBlock Origin,有效屏蔽广告和弹窗;PageLiner,网页标尺工具,便于前端设计;Fatkun,批量下载图片;Smallpdf,文件转换工具;Octotree,GitHub代码树插件;Awesome Screenshot,截图与录屏工具;ColorZilla,颜色拾取器;Dark Reader,暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。
508 11
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
302 4
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
1117 8
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
632 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗
170 10