打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何写出漂亮的代码:前端开发者爱不释手的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标签。

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

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

GIF

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

GIF

PageSpeed Insights

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

分析示例:

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
解放双手!推荐一款阿里开源的低代码工具,YYDS!
8 个帮助你编写精简化前端代码的 CSS 策略
React是UI的未来吗?
选择 React 是商业问题而不是技术问题(by yanni4night)
深入比较选择 Angular 还是 React
2016前端开发技术巡礼
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服