提高10倍开发效率的10个Chrome插件，你安装了几个？

1 OctoTree: 把 Github 打造成 Vscode 编辑器

创新互联公司是专业的托克逊网站建设公司，托克逊接单;提供成都网站设计、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行托克逊网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

此扩展增强了Github代码的审查和探索。除此之外，还提供了一些功能，例如暗模式(我的最爱)，代码字体设置，书签，侧边栏停靠等。Octotree感觉很像Github中的Visual Studio Code。

2.Wappalyzer: 一键分析网站的前端技术

此浏览器扩展是一个技术概述，它向您显示构建哪些网站和Web应用程序。好奇网站使用什么技术，框架，Javascript库等来构建网站或Web应用程序?只需使用Wappalyzer就够啦。

3.Web Developer：

扩展名很奇怪。不过，所做的事情绝非不可思议。太奇妙了。该浏览器扩展添加了一个小工具栏按钮，其中包含与图像，表单等有关的各种Web开发人员工具。

4.Windows Resizer

响应式网页设计是开发中很重要的方面之一。此扩展可以帮助您调整浏览器窗口的大小，以模拟各种设备分辨率。它可以帮助Web设计人员和开发人员在不同的浏览器分辨率下测试其布局。

分辨率列表是完全可定制的(添加/删除/重新排序)。

您可以设置窗口的宽度/高度，窗口的位置，预设图标(电话，平板电脑，笔记本电脑，台式机)，甚至可以选择将新尺寸应用于整个窗口或仅应用于视口。

它还具有可自定义的全局键快捷方式，这是一个导出设置并将其导入另一台计算机的选项!如此惊人。

这是它的外观这是将其添加到浏览器的

5.Check My Links: 查看网站链接

此浏览器扩展程序是一个链接检查器，可在您的网页中进行爬网并查找断开的链接。它非常适合在具有多个链接的Web应用程序或网站上工作的Web开发人员。它减轻了手动搜索断开链接的压力。它为您突出显示了已断开，有效，重定向到另一个页面等的链接。非常方便。

6，What Font: 查看网站字体

知道在Web应用程序和网站上使用什么字体从未如此简单。使用此扩展程序，您可以将鼠标悬停在它们上来检查Web字体，还可以检测用于提供Web字体的服务。支持Typekit和Google Font API。

7.ColorZilla：UI取色器

这是一个浏览器扩展，可协助Web开发人员和图形设计师完成与颜色相关的任务。只需将鼠标悬停在网站或应用程序中的某个元素上，即可获取与其颜色相关的所有信息。它包括拾色器，滴管，渐变生成器等等。

它与Color By Fardos非常相似。

8. Web开发人员清单：此浏览器扩展有助于分析和检查其网站或Web应用程序是否违反了Web设计中的最佳实践。

这是它的外观这是将其添加到浏览器的直接链接：https : //chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp?hl=zh-CN

9.CSS Viewer

此浏览器扩展程序非常简单，只需将鼠标悬停在其上即可访问元素的CSS属性。它的功能与Code Cola扩展非常相似。

10.Pesticide: CSS边框可视化

这是在CSS中可视化框大小的绝对最简单的方法。不相信我吗看看这个。使用Pesticide，您会看到每个元素都是一个带有边框的盒子。查看边框，边距，填充等如何影响元素

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容