1。1、Wappalyzer全球用户：1,000,000+Wappalyzer可以帮助我们了解目标网站是如何搭建的。我们工作中有很多这样的情况，客户需要我们参考某些网站进行开发。Wappalyzer作为建站前的调研工具，可以在这方面有效地支持我们，帮助我们了解目标网站的具体情况。技术应用。尤其是在做大型项目开发之前，这个工具可以给我们很好的启发。相关链接：https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfblalamg2。WindowResizer响应式测试全球用户：600,000+在Web开发中，响应式网站设计已变得相当普遍。在相关的开发测试中，你很可能会查看正在构建的网页在不同设备上的效果，调整浏览器窗口的大小，模拟不同的屏幕分辨率，那么就使用WindowResizer，它可以帮助我们查看网页布局如何查看具体分辨率，自定义分辨率，设置窗口宽高和窗口位置等相关链接：https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en3。狨猴代码截图全球用户：10,000+在日常工作中向客户或上级展示代码也是很常见的，常规的截图可能不是很展示和“提案”，有没有考虑过让代码截图更生动有趣？我用Marmoset抓取很酷的代码快照，改变视角和颜色主题，然后放到Presentation或线上，很酷~相关链接：https://chrome.google.com/webstore/detail/marmoset/npkfpddkpefnmkflhhligbkofhnafieb4。CodeCola：源代码查看器全球用户数：30,000+如果你平时习惯使用Chrome，可能会在页面上写CSS，使用InspectElement时一定感觉相当繁琐。CodeCola是一个Chrome扩展，我所知道的最好用的ChromeCSS编辑器，特别适合前端初学者，界面非常友好，简单易用。相关链接：https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn?hl=en5。CSSViewer全球用户：100,000+如果你只需要在网页上查看CSS属性，那么CSSViewer是不错的选择；只需单击该图标，将鼠标指针悬停在我们想要查看的任何元素上，即可查看其CSS属性。由于上面提到的悬停功能，个人感觉比Chrome的InspectElement更快更易用。相关链接：https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en6。JSONView全球用户：1,000,000+当前端开发工作涉及到数据传输的处理时，就会用到JSON没什么好说的，前端开发者一定要了解JSON的原理，我们很多日常工作也会需要在网页上查看和验证JSON文档。JSONView是一个简单的工具来帮助你做到这一点，多年来它一直是我所知道的同类工具中最好的。相关链接：https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en7。Lighthouse全球用户：600,000+如今，自动化正在成为前端开发的大趋势，而Lighthouse只是一个用于提高Web应用程序质量的开源自动化工具；您可以使用此工具检查性能、可访问性、SEO等。它将针对页面运行一系列测试，然后生成关于页面性能的报告。Lighthouse无疑为我和我的朋友们提供了提高网络性能的梦想之路，并且无法想象没有它我的日常工作。相关链接：https://developers.google.com/web/tools/lighthouse?hl=zh-cn8。清除缓存全球用户：800,000+每当您需要清除网络浏览器上的缓存时，您大多必须手动转到设置页面；前端开发人员经常陷入执行这种低效工作的往返测试中。如果有扩展工具ClearCache，可以提高效率。我用它所有的时间。只需点击一下即可完成操作，节省了大量宝贵的时间。相关链接：https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en9。CookieManager全球用户：20,000+CookieManager是前端开发的又一关键“法宝”。市面上有很多cookie管理器，但我觉得这款cookie管理器更适合我的工作流程，同时让工作过程更轻松、更高效。还值得一提的是，它不仅是为前端开发人员设计的，也是为注重隐私的网络用户设计的。相关链接：https://chrome.google.com/webstore/detail/cookiemanager-cookie-edit/hdhngoamekjhmnpenphenpaiindoinpo10。LiveReload全球用户：100,000+可以想象，我们有时想知道我们的网页背后究竟发生了什么情况，比如：运行和使用中的哪些文件会被修改，LiveReload可以在这方面帮助我们；它是一个很好的预览工具，让我们了解网页在做什么，我们需要对网页进行哪些调试，特别是帮助我们了解过去有哪些误操作影响了网页的运行。相关链接：https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en11。Postman全球用户数：3,000,000+最后介绍一下API。其实这个好像没什么好说的，作为程序员的你一定听说过！前端开发人员在开发过程中必须处理API，以将网页与各种Web服务集成。在全球范围内编写代码并不是一件容易的事，因此您需要一种可以更高效地完成这项工作的工具。Postman这么有名，是一个非常棒的简化API构建过程的工具，也简化了我们的联调协作。我和我的团队不知道没有Postman怎么活！相关链接：https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en
