1. 视觉虫, 2.主题化, 3.什么字体, 4.瓦帕莱泽, 5.塔伦德 API 测试仪, 6.波浪, 7.假数据, 8.果酱, 9.SVG抓取器, 10.尺寸。
Chrome浏览器早在2008年就问世了,此后呈指数级增长。截至2021年10月,它拥有68%的全球市场份额。鉴于此,可以肯定地说,大多数网络开发人员使用Chrome(或基于铬的浏览器,如Brave或Edge)。
扩展是使用可改善工作的功能增强浏览器的好方法。我们这里有一些适用于网络开发人员的Chrome扩展程序 - 如果您对此感兴趣,请查看它们。
通过这篇小文章,我试图只列出有用的开发扩展(而不是像黑暗模式工具或广告拦截器这样的扩展),因为这些将是一个完全不同的主题。我还尝试列出鲜为人知的扩展,所以这不是您熟悉的扩展的典型列表。我希望您发现其中一些对您有所帮助!
1. 视觉虫
检查如何接收不同设计的一个好方法是使用简单的设计工具VisBug。有了它,您可以重新设计任何网站的UI,它将实时显示更新的预览,以便您可以进行精确的更改和永远不需要刷新页面。
星号 : 4.8
下载次数 : 100k+
将视觉虫添加到铬/勇敢
2. 主题化
根据您的需要,以各种颜色代码制作页面使用的CSS颜色列表。它有一个颜色选择器,可以在屏幕上的任何设备上工作,包括其他应用程序。此扩展程序是旧版 ColorZilla 的合适替代品,具有更多功能。
星级 : 5
下载 :223
将主题添加到铬/勇敢
3. 什么字体
查找网页中使用的字体的最简单方法是什么?火虫和网络工具包检查器对于开发人员来说很容易使用。但是,对于其他人来说,这不应该是必要的。使用此扩展名,您可以通过将鼠标悬停在Web字体上来检查它们。就是这么简单而优雅。
星级 : 4
下载次数 : 2M+
添加什么字体到铬/勇敢
4. 瓦帕莱泽
Wappalyzer是一个技术分析器,向您展示构建网站时使用什么。
了解网站使用的CMS,其框架,电子商务平台,JavaScript库等等。
Wappalyzer不仅仅是一个CMS检测器或框架检测器:它揭示了数十个类别的一千多种技术,例如编程语言,分析,营销工具,支付处理器,CRM,CDN等。
星号 : 4.7
下载次数 : 1M+
将瓦帕莱特添加到铬/勇敢
将瓦帕莱泽添加到火狐
5. 塔伦德 API 测试仪
直观地与 REST、肥皂和 HTTP 接口进行交互。它使调用,发现和测试HTTP和REST API变得容易,基本上是邮递员或失眠,但在浏览器中。
星号 : 4.9
下载次数 : 500k+
将塔伦德 API 测试器添加到铬/勇敢
6. 波浪
它是一个开发的Web可访问性评估工具(我们知道可访问性对我们的网站至关重要!它通过在页面中注入图标和指示器来提供有关 Web 内容可访问性的视觉反馈。没有自动化工具可以告诉您页面是否可访问,但WAVE有助于人工评估并教育可访问性问题。
所有分析完全在Chrome浏览器中完成,可以快速评估内部网,本地,密码保护和其他敏感网页。
星级 : 4
下载次数 : 400k+
将波浪添加到铬/勇敢
7. 虚假数据
Fake Filler的可定制性更强的替代方案,正如他们所说,它是使用虚假和随机数据填写表单的最先进的工具。
星号 : 4.9
下载次数 : 20k+
将假数据添加到铬/勇敢
将假数据添加到火狐浏览器
8. 果酱
此扩展适用于小型初创公司,但它是一个制作精良的扩展。它使您可以一键将完美的错误报告发送给开发人员。没有表单,没有混淆,只是在一个简单的链接中完美地记录了浏览器中的错误。
星号 : 4.9
下载次数 : 5k+
将果酱添加到铬/勇敢
9.SVG抓取器
用于从网站快速预览和获取所有 SVG 资产的工具。
svg抓取器允许您预览,下载和复制网站上所有SVG图标和插图的代码。
星号 : 4.1
下载次数 : 100k+
将SVG抓取器添加到铬/勇敢
10. 尺寸
供设计人员测量屏幕尺寸的工具。
此扩展从鼠标指针向上/向下和向左/向右测量尺寸,直到它到达边框。因此,如果您想测量网站上元素之间的距离,这是完美的。
作为旁注,它不适用于图像,因为颜色在像素之间变化很大。
星号 : 4.1
下载次数 : 200k+
为铬/勇敢添加尺寸
扩展!
每个人都喜欢高效工作,我很确定至少其中一些扩展会以某种方式帮助您,因为以上扩展程序在编码时对我们帮助很大!