最近,优点闲。
压力,有点大,回顾,曾今被问,你怎么查看内存泄露,然后,一脸蒙。
工欲善其事, 必先利其器
最近在研究chrome devtools,发现,其实他很强。而且chrome6周一次的更新,devtools也在更新,越来越强大,越来越nice。
本篇,对于我是一个备忘录。也希望大家能得到帮助。
首先,chrome有插件,扩展,app三个层面的啥来着,分别可以通过下面的命令查看
chrome://apps
chrome://extensions
chrome://components (注:老版本是 chrome://plugins)
更多内置命令,可以参考 chrome地址栏命令
下面就是我收集的一些前端开发有用的扩展程序或者app,绝大部分是测试过的,最后一栏是最近更新日期,当然是越近更新越好。
你也可以关注我的有道云笔记 chrome插件
工具类 | ||
Web Developer | 以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具 | 2017-08-10 |
FeHelper | 包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、页面取色、Ajax接口调试 | 2017-08-09 |
octotree | Github和GitLab树形导航 | 2017-08-10 |
Hasher | 计算MD5,SHA-1和SHA-2,IP子网,网址解码base64等等 | 2017-06-14 |
Postman (App) | Http请求工具 | 2017-08-02 |
基于REST的Web服务客户端 | 基于REST的Web服务客户端, 开发和测试REST风格的Web服务API | 2016-05-06 |
Tampermonkey | 是一款免费的浏览器扩展和最为流行的用户脚本管理器 | 2017-07-26 |
Allow-Control-Allow-Origin: * | 跨域请求 | 2015-06-17 |
Redirector | 重定向 | 2016-08-05 |
Clear Cache | 缓存清理 | 2015-01-03 |
Proxy SwitchyOmega | 代理 | 2017-08-02 |
谷歌访问助手 | 谷歌访问助手,你懂的 | 2016-10-31 |
Extensions Manager (aka Switcher) | 管理app和extensions | 2016-07-10 |
扩展管理器(Extension Manager) | 扩展管理,个人觉得比上面那个简单好用 | 2017-03-15 |
BuiltWith Technology Profiler | 查询网站的技术栈 | 2017-04-02 |
IP Address and Domain Information | ip地址和域信息,也可以查自己的ip信息 | 2017-08-04 |
User-Agent Switcher for Chrome | 切换user-agent | 2017-08-03 |
Host Switch Plus | 快速切换 Domain-IP 配置而不需要编辑 Hosts 文件,并方便的添加、修改、分组(批量开关) | 2016-12-07 |
Minimalist Markdown Editor(app) | 可视化markdown编辑 | 2016-05-22 |
CSS/HTML | ||
CSSViewer | css查看器,可惜不能复制 | 2017-03-06 |
Emmet Re:View | 可以让您轻松查看网站在您每次进行媒体查询时的外观,以及同步所有页面的滚动What Font | 2017-06-16 |
What Font | 页面当前使用的字体名称 | 2017-05-06 |
Eye Dropper | 网页取色 | 2016-10-05 |
捕捉网页截图 - FireShot的 | 网页截图 | 2017-05-22 |
Page Ruler | 是设计者的一把尺子,您可以用它来量度页面上任意元素的尺寸,只要点击一下该插件,并且拖 出尺子就可以快速而且方便地度量尺寸 | 2014-09-19 |
SEO & Website Analysis | SEO和网站分析 | 2017-02-24 |
Web Developer Checklist | 查看任何一个网页的报错和反常的问题 | 2017-08-09 |