🔥 10 个实用的 Web 开发人员工具,助您更高效地工作
1.网站漏洞扫描程序
网站漏洞扫描器是由 Pentest-Tools 开发的免费在线工具。
您只需输入您的 URL,它就会生成详细的安全报告。
2. Nibbler
Nibbler是一款免费的在线工具,您可以用它来扫描您的网站。
它将为您提供一份报告,对网站的关键领域进行评分,包括可访问性、搜索引擎优化、社交媒体和技术。
DEV 社区,干得好!评分这么高。
3. 元标签
Meta Tags是一个简单的在线工具,您可以使用它快速检查您网站的元标签。
4. Google Lighthouse
Google Lighthouse是一个开源的、自动化的网页质量测量工具。
它审核网页的性能、可访问性和搜索引擎优化。
再次高分!干得漂亮!
5. 最终测试
Endtest是一个智能测试自动化平台,允许您创建复杂的测试并在所有主流浏览器上执行它们。
我自动化了DEV 社区网站的登录测试,并在 Chrome、Firefox、Edge、Safari 和 Internet Explorer 11 上的跨浏览器云上运行它。
事实证明,尽管采用了许多最佳实践,但 DEV 社区网站在 Internet Explorer 11 上运行效果不佳。
结果如下:
铬合金:
Internet Explorer 11:
免责声明:我在 Endtest 工作,但您已经知道这一点。
6.织布机
Loom是一款免费的 Chrome 扩展程序,可让您同时录制屏幕和网络摄像头。
您和您的同事可以异步讨论项目或提供“站立”更新,而无需安排视频通话。
7. Pexels
Pexels是一个可以免费获取照片的网站。
这是极少数您甚至不需要注册的网站之一。
当我需要创建原型而市场部尚未发送官方材料时,我总是发现它很有用。
8. Figma
Figma是一个原型设计工具,您可以轻松地与您的团队协作。
它基本上取代了白板。
9. Funkify
Funkify是 Chrome 的一个扩展程序,它可以帮助您通过具有不同能力和残疾(例如视力障碍)的极端用户的视角来体验网络和界面
10. PerfectPixel
PerfectPixel是一个 Chrome 扩展程序,它允许您在开发的 HTML 顶部放置一个半透明图像覆盖,并在它们之间执行像素比较。
文章来源:https://dev.to/liviufromendtest/10-useful-tools-for-web-developers-to-help-you-work-smarter-2eaa