如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一)

Prism Pretty

能够格式化/高亮/预览 HTML / JS / CSS / Markdown代码的Chrome扩展程序。

精确检测,操作简单易上手,三种主题可供选择。

显示简短的请求头字段,将unicode转换为文本,支持自定义CSS设置和属性预览,以及Markdown文件预览。

点击此处下载

fetools

前端设计必备的网站导航,按照网站首字母进行排序,前端人员常用的资源网站都可一键直达。

每个网站都有灰色标识标明类别,支持搜索查找,已滤除百度广告,搜索结果界面简单清爽。

点击此处下载

React Developer Tools

简单来说,这是一款由Facebook提供的ReactJs开发者工具。

React Developer Tools是一个用于开源React JavaScript库的Chrome DevTools扩展,允许用户检查Chrome开发人员工具中的React组件层次结构。

当你使用React时,网站上的扩展图标会亮起,开发者工具中会增加一个名为React标签。

通过选择树视图的一个组件,你可以在右侧的面板中对它进行检查和编辑。

在“面包屑”中,你可以检查所选组件,创建它的组件,创建该组件的组件,等等。

使用搜索栏按名称查找组件:

点击此处下载

PageSpeed Insights

页面优化检测工具,用于分析网页效果,并获得有关如何优化它们的具体建议。

分析示例:

点击此处下载

你可能感兴趣的:(如何写出漂亮的代码:前端开发者爱不释手的Chrome扩展(一))