Web开发人员:10个有用的工具

该文章(我们今天发布的翻译)专门针对10个针对Web开发人员的有用工具。该材料的作者认为,这些工具正像他们所说的那样,允许“聪明地​​工作,直到夜幕降临时”。







1.网站漏洞扫描程序



网站漏洞扫描程序是由Pentest-Tools.com开发的网站漏洞扫描程序。该工具需要链接到需要检查漏洞的站点,然后将生成报告。





网站漏洞扫描程序结果



2.蚕食者



Nibbler是用于全面分析Web项目的工具。他生成的报告包括对网站内容可访问性的评估,对用户体验的积极程度的评估。Nibbler会分析网站以优化搜索引擎,以及网站的设计和构建水平。





Nibbler给dev.to很高的评价



3.元标记



元标记是一个简单的在线工具,可用于快速检查网站的元标记。





使用元标记验证元标记



4. Google Lighthouse



Google Lighthouse是一个用于评估Web项目质量的开源自动化系统。



它显示与网站设计和功能的各个方面相关的评分。特别是,它可以用于评估网站的性能,可访问性,搜索引擎优化,除最终结果外,还可以收到详细的报告和改善网站的建议。





Google Lighthouse中的网站分析



5.结束测试



Endtest(我会立即告诉您我在这里工作)是一个智能的测试自动化平台,可让您创建复杂的测试并在所有主流浏览器中运行它们。 



我自动化了DEV社区网站的“登录测试”,并在云,Chrome,Firefox,Edge,Safari和Internet Explorer 11中运行了该测试。



尽管使用了许多“最佳”工具,但该网站还是如此。 “ Practitioner”在Internet Explorer 11中不能很好地工作。这就是测试结果的样子。





Chrome中的测试结果





Internet Explorer 11中的测试结果



6.织机



Loom是免费的Chrome扩展程序,可让您在拍摄视频的同时捕获屏幕和网络摄像头。



当对话者可以在方便的时候在某个项目上写下评论并相互发送时,可以将此类录音视为视频通话的替代方法。





织机Chrome扩展程序



7.像素



Pexels是一个网站,您可以在其中找到用于项目的免费照片和视频。这是您甚至不需要注册即可下载资料的少数站点之一。



当我需要制作原型并且市场部门尚未发送官方材料时,该站点会始终为我提供帮助。





Pexels网站



8.菲格玛



Figma是一个网站原型工具,非常适合项目团队合作。Figma不仅支持原型工具,还允许开发团队和其他专业人员讨论项目及其个人详细信息。





菲格玛



9. Funkify



Funkify是一个Chrome扩展程序,可让开发人员从残障人士的角度查看网络。这有助于开发对所有类别的用户都方便的站点。





放克



10. PerfectPixel



PerfectPixel是一个Chrome扩展程序,可让您将半透明图像放置在HTML页面的顶部,该页面代表设计者的页面布局。这有助于对创建的内容与应该创建的内容进行逐像素比较。





将页面和布局与PerfectPixel进行比较



您将向Web开发人员添加哪些工具?






All Articles