首页 » 排名链接 » Web 开发必备的 9 款浏览器插件(编辑器是一个让你开发必备)

Web 开发必备的 9 款浏览器插件(编辑器是一个让你开发必备)

落叶飘零 2024-11-05 15:49:07 0

扫一扫用手机浏览

文章目录 [+]

如果我的分享对你有帮助,请关注我,一起向上进击。

创作不易,希望大家给一点鼓励,把公众号设置为“星标”,给文章点个“赞”和“在看”,谢谢大家啦~

Web 开发是一个既有趣又有挑战的工作,但也需要不断地学习新的技术和工具,以提高开发效率和质量。
Chrome 浏览器作为 Web 开发者的首选浏览器,拥有丰富的扩展插件,可以帮助开发者在各个方面提升开发体验和效率。

Web 开发必备的 9 款浏览器插件(编辑器是一个让你开发必备) 排名链接
(图片来自网络侵删)

本文将介绍 9 款 Web 开发中可以提高效率的 Chrome 插件,希望对你有所帮助。

1. Scribe:用AI写文档 ?
scribe

Scribe 是一个 AI 驱动的文档生成和分享工具,可以让你通过点击记录按钮,自动创建步骤指南,包括文本、链接和截图。

Scribe 的 Chrome 插件可以让你在浏览器中直接使用 Scribe 的功能,无需安装其他软件,节省时间和空间。
Scribe 可以用于创建和分享如何指南、标准操作流程、软件文档、培训手册等内容。

2. FireShot:网页截图利器 ?

FireShot 是一个网页截图插件,可以让你捕捉完整或部分的网页截图,并保存为 PDF/JPEG/GIF/PNG/BMP 等格式,还可以编辑、注释、上传、打印、发送或导出截图。

3. Lighthouse:网站性能审计 ?
Lighthouse

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。

当对一个页面进行审计时,Lighthouse 会对页面进行一系列的测试,并生成一个报告,展示页面的性能、可访问性、最佳实践、SEO 等方面的评分和建议。

Lighthouse 的 Chrome 插件可以让你在浏览器中直接使用 Lighthouse 的功能,无需安装其他软件。
?

4. Dark Mode:暗黑模式切换 ?
Dark Mode

Dark Mode 是一个可以让你快速地将浏览器页面转换为黑暗模式的插件,有助于减少视疲劳和节省电量。
Dark Mode 的 Chrome 插件可以让你在浏览器的工具栏上点击一个按钮,就可以轻松地开启或关闭黑暗模式。

你还可以在选项页面中选择不同的黑暗主题,或者将某些网站加入白名单,排除黑暗模式的影响。

5. CSS Peeper:快捷查看样式 ?
CSS Peeper

CSS Peeper 是一个简单实用的 CSS 属性查看器,可以让你在鼠标悬停在网页上的任何元素时,看到该元素的 CSS 样式信息,包括字体、颜色、尺寸、边距、定位等

6. JSON Formatter:JSON 美化 ?
JSON Formatter

JSON Formatter 是一个专业的 JSON 数据查看和格式化工具,可以让你在浏览器中直接查看和编辑 JSON 数据,支持多种格式的转换和导出,还可以让你以树状图、代码、表格等多种方式展示 JSON 数据,方便阅读和分析。

7. What Font:识别字体 ?
What Font

What Font 是一个专业的字体识别工具,可以让你快速地识别网页上使用的任何字体,包括字体名称、大小、颜色、重量等信息,还可以让你试用和下载字体。

8. Octotree:Github树形代码展示 ?
Octotree

Octotree 是一款对GitHub和Gitee视图展示非常友好的插件,用于将Github 或者Gitee项目代码以树形格式展示,而且在展示的列表中,我们可以下载指定的文件,而不需要下载整个项目。
项目结构展示非常清晰直观,推荐下载使用。

9. Grepper:代码搜索引擎 ?
Grepper

Grepper 是一个查询和回答系统,专为编程社区设计。
它可以让你轻松地从网上获取代码示例。

文章已经看到这了,

- EOF -
点击标题可跳转

告诉你更多细节干货

欢迎围观我的朋友圈

?每天更新所想所悟

标签:

相关文章