1OctoTree：将Github变成Vscode编辑器此扩展增强了Github代码审查和探索。除此之外，还提供暗模式（我最喜欢的）、代码字体设置、书签、侧边栏停靠等功能。Octotree感觉很像Github中的VisualStudioCode。2.Wappalyzer：一键分析网站前端技术这个浏览器扩展是一个技术概览，向您展示构建了哪些网站和网络应用程序。好奇网站使用什么技术、框架、Javascript库等来构建网站或Web应用程序？只需使用Wappalyzer。3.WebDeveloper：扩展很奇怪。尽管如此，所做的事情远非令人难以置信。太奇妙了。这个浏览器扩展添加了一个小工具栏按钮，其中包含与图像、表单等相关的各种Web开发人员工具。4.WindowsResizer响应式网页设计是开发中最重要的方面之一。此扩展可帮助您调整浏览器窗口的大小以模拟各种设备分辨率。它可以帮助网页设计师和开发人员在不同的浏览器分辨率下测试他们的布局。分辨率列表是完全可定制的（添加/删除/重新排序）。您可以设置窗口的宽度/高度、窗口的位置、预设图标（手机、平板电脑、笔记本电脑、台式机），甚至可以选择将新尺寸应用于整个窗口或仅应用于视口。它还具有可自定义的全局快捷键、导出设置并将其导入另一台计算机的选项！如此惊人。这是它的样子这是它添加到您的浏览器后的样子5.检查我的链接：查看网站链接这个浏览器扩展是一个链接检查器，可以在您的网页中爬行并找到损坏的链接。它非常适合开发具有多个链接的Web应用程序或网站的Web开发人员。它消除了手动搜索损坏链接的压力。它会为您突出显示损坏的、有效的、重定向到另一个页面等的链接。很方便。6.什么字体：查看网站字体知道在网络应用程序和网站中使用什么字体从未如此简单。使用此扩展程序，您可以通过将鼠标悬停在Web字体上来检查它们，还可以检测用于提供Web字体的服务。支持Typekit和GoogleFontAPI。7.ColorZilla:UIColorPicker这是一个浏览器扩展，可以帮助网络开发人员和图形设计师完成与颜色相关的任务。只需将鼠标悬停在您网站或应用程序中的某个元素上，即可获取与其颜色相关的所有信息。它包括颜色选择器、滴管、渐变生成器等。它与Fardos的Color非常相似。8.Web开发人员清单：此浏览器扩展有助于分析和检查他们的网站或Web应用程序是否违反了Web设计的最佳实践。这是它的样子这是将其添加到浏览器的直接链接：https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp?hl=en-CN9.CSSViewerforthisbrowserThe扩展就像将鼠标悬停在它上面以访问元素的CSS属性一样简单。它的功能与CodeCola扩展非常相似。10.Pesticide:CSSBorderVisualization这是在CSS中可视化框大小的绝对最简单的方法。不相信我？看一下这个。使用Pesticide，您会看到每个元素都是一个带边框的框。查看边框、边距、填充等如何影响元素
