web 前端签名插件_十款程序员必备的高质量Chrome插件!

Chrome可以说是全世界最受欢迎的浏览器了,其快速、稳定的性能,简洁的设计以及多平台同步的功能都深受用户的推崇,然而很多人成为他的忠粉还是因为它强大的拓展性!用对了插件,分分钟提高你的工作效率。

今天给大家介绍我了解到的几款程序员必备插件,希望它们能给你帮助,提高工作效率。

一、WEB前端助手(FeHelper)|前端人员的神器

这款FeHelper插件对于web前端需要处理的网页html源码压缩,css或javascript的压缩都能处理的很好。如果前端web开发人员需要和后台代码工程师配合,那么使用json数据传输的时候,使用这款FeHelper插件能够帮助web前端工程师更加快速地对json进行解码。

a1bf327629a138af02c86659438fe0b4.png

网页链接及插件下载地址:WEB前端助手(FeHelper)|前端人员的神器

二、 Postman|网页调试工具

这款插件应该有很多开发者朋友都不陌生,它能够进行网页调试与发送网页HTTP请求,并能运行测试用例。

postman为用户提供强大的 Web API & HTTP 请求调试功能。postman能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT..),附带任何数量的参数+ headers,是一款非常实用的调试工具。

7ab384e3f321b21264a0586a3b527d9e.png

网页链接及下载地址: Postman|网页调试工具

三、Markdown Here|给喜欢Markdown的朋友

这款插件支持使用者在Chrome浏览器上编写Markdown文本,能够使你的电子邮件变得很棒,更有力的撰写电子邮件。尽管插件的介绍是说使用 Markdown 来写邮件,但其实 Markdown Here 在大部分的 Web 页面中都可以应用,不仅仅是局限于邮件当中。

03d872f4458a837e4be047d32e4ff7d5.png

网页连接及下载地址:Markdown Here|给喜欢Markdown的朋友

四、ColorZilla|网页颜色颜色提取

一些开发人员可能给经常会从某个网站上看到不错的配色想要借鉴,但是又找不到颜色的代码,那么这个插件就可以帮助到你提取各种网页中的颜色。

ColorZilla 是最受欢迎的 Firefox 开发人员扩展之一,下载超过 500万次,终于可以在 Chrome 上使用了! 使用 ColorZilla,您可以从浏览器中的任何一点获得颜色读数,快速调整此颜色并将其粘贴到另一个程序中。除了获取颜色读数,它还有其他的功能。

be2c6e2a0fbada1bb18c7567fc6ff490.png

网页链接及下载地址:ColorZilla|网页颜色颜色提取

五、Click&Clean清除隐私数据

在你上网的过程中会留下很多你上网的痕迹,其中一部分内容如果被其他人追寻到可以从中发现你的个人信息及一些重要的隐私,如你的地理位置、IP、或许是你的信用卡信息等,如果被一些不法分子或者别有用心的人盗取走了,后果是非常严重的。所以在保护隐私这方面应该做到全面,软件保护了你电脑的隐私安全,那就用Click&Clean来保护你的浏览器隐私安全。

Click&Clean可以清除您电脑上所有的网络临时文件,URL和缓存数据。它也可以清除Cookie和清空缓存,清理电脑活动的所有痕迹,保护用户的隐私。

8f206f44711886a4a0a73bacdafcfa78.png

网页链接及下载地址:Click&Clean清除隐私数据

六、EditThisCookie|cookie管理器

目前大多数网站的登录程序或者是其他保存用户信息到本地浏览器的方式都是使用cookies的方式,不过因为cookie的特性可能都会带来一些隐患,但是普通用户却不知道怎么禁止它。

EditThisCookie这款Chrome插件是一款为谷歌浏览器定制的非常强大的一款cookies管理插件,EditThisCooki可以帮助用户轻松管理chrome的各种cookies,有了插件的帮助,你就可以轻松的对cookie进行管理了。

2d8e3382f4eacb72467645d61c459f5d.png

网页链接及下载地址:EditThisCookie|cookie管理器

七、Wappalyzer|网站技术嗅探工具

作为开发者,当我们看到别人的网站有许多值得借鉴的地方时,也会很想探索一番,到底对方都使用了哪些技术配置。如果你是大神的话,可能很容易就能看出来,但对于许多普通人来说,借助第三方的网站技术分析工具,也能达到这个目的。Wappalyzer就是一个非常实用的工具,它能够对一个网页进行检测和分析各种参数,比如平台架构、编程语言、网站环境、服务器配置、javascript框架等。实用方法也十分简单。

f4cf580dba6d17d37dc77cf58cf209d0.png

网页链接及下载地址:Wappalyzer|网站技术嗅探工具

八、Octotree — 树形展示 Github 项目代码

经常实用Github的朋友们有很多应该都使用过这个插件,如果没用过那么我强烈推荐你使用一下。在github上查看代码时需要逐层进入一个目录,退出时也是,用起来真的是有点麻烦。安装Octotree之后,浏览托管在Github上的项目,可看到左侧的树形结构,更方便查看代码,一下子就便捷了很多。除此之外,Octotree还有一项非常实用的功能—下载单个文件,这就能避免你在想要下载它的时候必须将整个目录都下载下来了。

bbe9f4dd0e6e3a6fbf26ba91bdefb42a.png

网页链接及下载地址:Octotree — 树形展示 Github 项目代码

九、Window Resizer|窗口大小调整器

测试工程师和前端工程师在测试页面兼容性的时需要考虑用户的窗口大小,如果没有使用插件的话,比较原始的方法是在多个显示屏下进行试验,或者安装虚拟机系统分辨率,但是有了Window Resizer就只是一个插件的事情了。

安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320×568、375×667、1024×768等大小,也可以选择自定义浏览器窗口的尺寸,能够满足各种对于窗口大小的需求,是非常实用的开发者插件。

5fe46eceb2686ac21c21fbfc0c01a9d9.png

网页链接及下载地址:Window Resizer|窗口大小调整器

十、Caret|图形文本编辑器

Caret 提供了一键预览文章的组合键(-+P),在界面定义上,Caret 与 Ulysses 等一样,有 Focus Mode,Night Mode,自定义字体大小,自定义字体集(只有三种西文字体可选)和三个主题可选。该软件支持代码高亮,看得出来,这款软件必将为程序员朋友所服务:当你经常输入某个 MarkDown 语法时,比如图片的,表格的,Caret 会自动帮你补齐还未输入玩的 MD 语法。

bc5b5041abf093b8dcc26b091e33011c.png

网页链接及下载地址:Caret|图形文本编辑器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值