浏览器相关的扩展

作为一个有经验的前端来说,能够快速锁定问题的原因并解决是非常重要的。合理的使用一些工具,一些浏览器扩展绝对可以让你三秒钟高大上。想要浏览器装扩展,最重要的就是可以登录你的google账号。
这篇文章暂且不讲登录google账号的方式,如果想要了解的,可以看我的此分类的下一篇文章。

好的,步入正题,有哪些好用的扩展呢?
对于前端来说,我推荐一些常用的扩展

一.用于管理你的扩展的扩展
1.context : context
2.一键管理扩展 : 一键管理所有扩展

二.前端必备神器:
1.web前端助手:web前端助手(有下面的这些功能,已经可以满足前端的基本需求了)
这里写图片描述
2.移动端适配工具:这里写图片描述:Mobile/Responsive Web Design Tester
3.pc端屏幕适配工具:这里写图片描述:Window Resizer

三.代码查看神器:
1.css查看:这里写图片描述:CssViewer(很好用,可以不用每查看一个元素都要F12看了,简便的我们的操作)
这里写图片描述
2.这里写图片描述:Flip the Script(F12后会发现控制栏多了Flip the Script这栏,然后就可以查看css和js 里面的详情文件)
这里写图片描述

四.SEO优及性能优化:
1.这里写图片描述:页面速度
这里写图片描述
2.这里写图片描述:get Score
3.这里写图片描述 :Test performance

猜你喜欢

转载自blog.csdn.net/diaoweixiao/article/details/80418992