前端开发chrome浏览器上一些好用的插件

linux环境 前端开发环境搭建 eclipse 前端开发环境搭建 vscode 前端开发环境

做前端开发,Google浏览器不论是调试还是性能,还有C3、js等的兼容性都是最好的,以致于现在已经养成了用浏览器必用Google的习惯。。。这里介绍几个自己觉得比较好用的几个Google浏览器插件,并附上下载链接

1. Wappalyzer

这个扩展是一个在线网站技术分析工具。所谓技术分析,就是在打开一个网页的时候,它可以分析出来这个网页用的技术,比如jquery、Bootstrap、react.js、Ruby、Nginx等等。当我们在打开一个感兴趣的网站的时候,大部分时候都可以通过这个插件看到该网站用了些什么技术,还是挺有意思的。

用法:

  1. 把插件拖到浏览器的扩展程序里,会自动安装
  2. 安装后,浏览器的地址栏右边会出现一个这样的图标

这个小方块就是Wappalyzer的图标了,因为当前是扩展程序的页面下,不能使用该插件,所以是灰色的。而在其他页面下,则会显示对应的图标,点一下,会弹出这样的弹层,显示前端网的网站用了哪些技术;

因为不能上传crx格式的文件,所以这里没有提供插件文件,附个下载链接吧,点这里:
http://pan.baidu.com/s/1nuGCrTB

密码:ystn

2. Eye Dropper

这是一个自动取色器插件,安装到扩展程序后,会在浏览器地址栏旁边出现一个取色器的图标,点击后出现一个弹层,点击弹层上的“pick color from web page”,就可以在当前页面上取色了,很方便~

同样附个下载链接:
http://pan.baidu.com/s/1eRAeZVO

密码:q8w9

3. Page Ruler

这是个屏幕尺子插件,可以用于丈量页面上各元素之间的距离,在开发中也是很有用的~
安装后,浏览器地址栏旁边会出现一个图标(两把尺子)

点击这个图标,会在浏览器的页面顶部出来一个蓝条:

鼠标也变成了一个十字,可以随意丈量页面各元素间的距离啦。想关闭的话,点击蓝条右边的”x”,可以把丈量状态关闭。
附下载链接:
http://pan.baidu.com/s/1dEIo6nJ

密码:jthg

4. Window Resizer

这个插件可以改变页面的宽高,方便做各种适配。
安装后,浏览器地址栏旁边出现一个图标:

 

点击这个图标,出现这样一个弹层,上面可以选择各种尺寸,选择尺寸之后,整个浏览器都会变成对应的大小,可以模拟各尺寸的屏幕,再把chrome控制台调出来,放到浏览器外,就可以方便调试了~
当然了,google浏览器的chrome控制台也可以做到这样的效果,所以用哪个,就看自己的喜好了~
附下载链接:
http://pan.baidu.com/s/1kUSRDyR

密码:2wjy

5. 远方 New Tab

这是我比较喜欢的一个插件,用于改变新标签页的界面,原来的默认标签页,打开只有两行网页标签,看多了就觉得没意思,用了这个插件以后,每次打开新标签页,都是一张来自世界各地的风景美图,而且都是真实景色哦~看看美图,了解一下世界美景也是好的~

安装到扩展程序后,浏览器地址栏旁边出现一个“远”字的图标:

点击右上角 三条横线 那个图标,可以打开设置,有搜索栏,天气,常用网页等等,点击可以打开对应的设置:

附下载链接:(注:这个插件的英文名字叫 Dream Afar)
http://pan.baidu.com/s/1c2qM3b6

密码:mchq

6. JSONView

这个应该是很常见又好用的插件了,可以格式化接口传递过来的JSON数据,调试接口必备,直接附下载链接:
http://pan.baidu.com/s/1qY7YX9U

密码:fk3f

7. LiveReload

这个插件也挺强大的,是浏览器自动刷新插件,安装到扩展程序后,浏览器地址栏旁边会出现一个的图标:

打开一个项目中的页面,点击这个图标,当图标中间的黑色圆圈变成实心圆点后,就可以使用了。当改变这个页面的代码并保存后,这个插件会自动刷新当前页面,省去了手动按F5的动作,开发利器哦。
如果不想用了,再点击这个图标,使实心圆点变成空心的就可以了。
附下载链接:
http://pan.baidu.com/s/1o8gYFxg

密码:2q85

还有其他一些好用的插件,比如印象笔记的网页剪藏,下载软件的时候会有提示,网上的下载资源也很方便,这里就不放了。

web前端开发环境配置 前端团队开发环境 eclipse前端开发环境搭建

» 本文来自:前端开发者 » 《前端开发chrome浏览器上一些好用的插件》
» 本文链接地址:https://www.rokub.com/5818.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!