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

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

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

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

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

3.Web Developer：

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

4.Windows Resizer

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

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

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

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

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

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，您会看到每个元素都是一个带有边框的盒子。查看边框，边距，填充等如何影响元素

最新评论