程序员必备的Chrome插件 程序猿编程神器

鳄鱼君

发表文章数:642

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 经验教程 » 程序员必备的Chrome插件 程序猿编程神器

一个好的浏览器在插件的装饰下会变得更加强大,今天就来说说Chrome插件,有了这几个插件,不仅可以提高编程效率,还可以让你的Chrome更加有B格!!

Chrome插件安装

首先你带会按照Chrome插件,一般安装的时候会遇到程序安装包无效,解决方法:

  1. 把后缀 crx 改为 rar
  2. 选中更改好的文件,右键解压缩
  3. 打开浏览器扩展页面(浏览器输入:chrome://extensions/shortcuts),打开开发者模式,选择加载解压缩的扩展,输入快捷键即可!

程序员必备的Chrome插件 程序猿编程神器

Google翻译

Chrome翻译插件,这个肯定是最基本的。通常我们都是使用Chrome浏览一些英文网页,有了它会更加方便,新版本的Chroem已经自带这个翻译功能,不需要可以忽略掉!

下载地址:http://www.cnplugins.com/google/google-translate/download.html

WEB前端助手

下载地址:http://www.cnplugins.com/devtool/webqianduanzhushoufehelper/download.html

FeHelper是一款非常好用的插件,它的功能主要是对于前台数据的格式化和渲染等操作,比如可以实现对包括Javascript代码美化、CSS代码美化、HTML代码美化等,前端开发者必备的一款插件。

  1. 字符串编解码(Unicode/UTF8/Base64/MD5)
  2. 代码美化工具(HTML/CSS/JS/XML/SQL)
  3. 代码压缩工具(HTML/CSS/JS)
  4. Json串格式化(粘贴文本、手动格式化)
  5. Json页面美化(页面自动检测并格式化,强制开启)
  6. 二维码生成器(支持当前页面生成QrCode)
  7. 页面取色工具(滑动鼠标随意取色)
  8. Js正则表达式(正则测试、常用正则列表)
  9. 时间(戳)转换(Unix戳与本地时间的互转)
  10. 图片 Base64(任意图片转DataURI格式)
  11. 编码规范检测(HTML/CSS/JS规范检测)
  12. 页面性能检测(页面响应时间、Header监测)
  13. Ajax调试功能(需在控制台中使用)

程序员必备的Chrome插件 程序猿编程神器
一些前端Web开发人员需要和后台代码工程师配合在,使用json数据传输的时候,用这款插件就可以帮助Web前端师更快速的对json进行解码,所以有了它,工作效率翻倍啊!强烈推荐安装使用。

Octotree

下载地址:http://www.cnplugins.com/devtool/octotree/download.html

Octotree是一款Chrome插件,主要是用于将GitHub项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,再也不用下载整个项目了,有了它,在GitHub里能够让你感受像IDE里一样浏览和搜索代码。

程序员必备的Chrome插件 程序猿编程神器

添加完成后,打开GitHub试一下,在界面的左侧会有Octotree导航标志,点击它,就可以看到项目结构图以及具体代码,就像IDE 上你熟悉的代码目录结构展示,方便你快速定位和找到相关的代码页面,使用起来非常方便。

Code Cola

下载地址:http://www.cnplugins.com/devtool/code-cola/download.html

Code Cola是一款简单实用的样式修改软件,你可以设置不同的网页颜色、网页背景、网页遮罩、文字阴影等,在浏览器里能够即时的展现修改后的结果,完全视觉化设置。

程序员必备的Chrome插件 程序猿编程神器

这个插件支持多种设置,,它可以获取改变网页的链接地址,可以修改HTML文件,如修改文字、修改颜色、修改背景等,如果你有指定的HTML文件,直接输入地址就可以修改了,不过要记住的是,它没有那么万能,它的作用只是利用遮罩在浏览器上添加一个虚幻的效果,并不是直接修改原版网页,你要是用其他浏览器打开相同的网页,也就没有这个特效了。

XPath Helper

下载地址:http://www.cnplugins.com/devtool/xpath-helper/download.html

xpath helper插件是一款免费的chrome爬虫网页解析工具。可以帮助用户解决在获取xpath路径时无法正常定位等问题。该插件主要能帮助你在各类网站上通过按shift键选择想要查看的页面元素来提取查询其代码,同时你还能对查询出来的代码进行编辑,而编辑出的结果将立即显示在旁边的结果框中。

XPath Helper可以支持在网页点击元素生成xpath,整个抓取使用了xpath、正则表达式、消息中间件、多线程调度框架(参考)。xpath 是一种结构化网页元素选择器,支持列表和单节点数据获取,他的好处可以支持规整网页数据抓取。

快捷键:Ctrl + Shift + X 激活 XPath Helper 的控制台,然后您可以在 Query 文本框中输入相应 XPath 进行调试了,提取的结果将被显示在旁边的 Result 文本框中,如下图所示:

程序员必备的Chrome插件 程序猿编程神器
更多插件参考:http://www.cnplugins.com/

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《程序员必备的Chrome插件 程序猿编程神器》 发布于2020-07-04

分享到:
赞(0) 赏杯咖啡

评论 1

7 + 9 =
  1. #1

    自从有墙之后,chrome安装插件好麻烦,不然可以通过商店在线安装!

    Teacher Du4个月前 (07-05)回复

文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册