服务器之家:专注于服务器技术及软件下载分享
分类导航

服务器资讯|IT/互联网|云计算|区块链|软件资讯|操作系统|手机数码|百科知识|免费资源|头条新闻|

服务器之家 - 新闻资讯 - 软件资讯 - 提高10倍开发效率的10个Chrome插件,你安装了几个?

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

2020-10-30 00:24今日头条OOM 软件资讯

提高10倍开发效率的10个chrome插件都有哪些,今天我们一起来看一下。

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

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

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

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

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

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

3.Web Developer:

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

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

4.Windows Resizer

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

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

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

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

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

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

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

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

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

6,What Font: 查看网站字体

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

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

7.ColorZilla:UI取色器

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

它与Color By Fardos非常相似。

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

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

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

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

9.CSS Viewer

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

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

10.Pesticide: CSS边框可视化

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

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

延伸 · 阅读

精彩推荐