13 个适合 Web 开发人员的最佳 Chrome 扩展

已发表: 2020-04-12

大多数网络开发人员使用 Chrome 作为他们的主要浏览器。 Chrome 本身就是一个多用途的生产工具; 但是,通过第三方扩展的集成,您可以提高工作效率。

牢记这一点,我们在这里为 Web 开发人员推出了 13 个最佳 Chrome 扩展程序,这些扩展程序是专门为具有令人兴奋的功能而构建的,当然,也是为了使 Web 设计开发更易于管理。

另请阅读:提高生产力的 11 个最佳 Chrome 扩展

发现 40 多个用于生产力、SEO、安全和 Web 开发的 2020 年最佳 Chrome 扩展的宝库

伟大的吊带

13 个适合 Web 开发人员的最佳 Chrome 扩展 1

Great Suspender 是一个轻量级且独特的 Chrome 扩展,适用于 Web 开发人员。 为了让您的工作和计算机顺利运行,它会暂停您在一段时间内不使用的选项卡。 此外,它还会检测播放音频的选项卡,并防止它们挂起以减少 chrome 的内存占用。

平均评分: 4.4 / 5(4,454 用户评分)。

活跃用户: 1,000,000+ 用户。

获得伟大的吊带

会话好友

Session Buddy 是开发人员最好的 Chrome 扩展程序之一,它可以维护您从 chrome 网上商店打开的标签,并帮助您轻松管理浏览器标签并为它们添加书签。 您可以保存打开的选项卡、稍后恢复它们、释放内存以避免混乱、恢复打开的选项卡以及使用扩展程序执行更多操作。

平均评分: 4.8 / 5(24,295 用户评分)。

活跃用户: 800,000+ 用户。

获取会话好友

完美像素

适用于 Web 开发人员的 PerfectPixel Chrome 扩展程序可帮助您以完美的像素精度开发您的网站。 对于开发人员和设计人员来说,这是一个完美的工具,允许他们在开发的 HTML 顶部放置一个半透明的图像叠加层,并在它们之间进行像素完美的比较。 您可以获得多个叠加层来支持,反转和缩放支持,拖放支持。

平均评分: 5 分中的 4.5 分(568 位用户评分)。

活跃用户: 200,000+ 用户。

获得完美像素

Web开发人员

13 个适合 Web 开发人员的最佳 Chrome 扩展 2

Web 开发者是一个简单的 Chrome 扩展,为开发者添加了一个带有不同工具的小工具栏。 这个 Chrome 扩展的最初概念来自 PNH 开发者工具栏。 对于日常工作,您只需单击、显示标尺、查找页面上所有损坏的图像等等,即可轻松地为元素添加轮廓。

平均评分: 4.5 / 5(3,444 用户评分)。

活跃用户: 1,000,000+ 用户。

获取 Web 开发人员

ColorZilla

13 个适合 Web 开发人员的最佳 Chrome 扩展程序 3

面向开发人员的 ColorZilla Chrome 扩展是一款高级吸管、颜色选择器以及渐变生成器。 它是最受欢迎的 Firefox 开发者扩展之一,下载量超过 500 万次,现在终于可用于 Chrome。 您可以轻松获得颜色读数,快速调整此颜色并将其粘贴到另一个程序中。

平均评分: 4.4 / 5(2,630 用户评分)。

活跃用户: 2,000,000+ 用户。

获取 ColorZilla

编辑此 Cookie

13 个适合 Web 开发人员的最佳 Chrome 扩展 4

EditThisCookie 是第一个也是最流行的 chrome cookie 编辑器。 使用面向开发人员的 Chrome 扩展程序,您可以编辑新 cookie、创建新 cookie、导入或导出 cookie 以及阻止创建 cookie。 您甚至可以搜索 cookie、保护 cookie、阻止 cookie、以 JSON 格式导出/导入 cookie 等等。

平均评分: 4.4 / 5(11,263 用户评分)。

活跃用户: 2,000,000+ 用户。

获取编辑此 Cookie

检查我的链接

13 个适合 Web 开发人员的最佳 Chrome 扩展程序 5

对于链接检查 Check My Links 是 Web 开发人员最好的 Chrome 扩展。 该扩展程序检查通过您的网站爬行的链接并查找损坏的链接。 它会找到网页上的所有链接并为您检查每个链接; 此外,允许您一键复制所有错误的链接。 从设计师到 Web 开发人员,它都适用于两者。

平均评分: 4.1 / 5(437 用户评分)。

活跃用户: 100,000 多个用户。

获取检查我的链接

窗口调整器

13 个最适合 Web 开发人员的 Chrome 扩展 6

Window Resizer 适用于 Web 开发人员的 Chrome 扩展程序可以调整浏览器窗口的大小以模拟各种分辨率。 开发人员可以使用它来测试不同浏览器分辨率的布局。 您可以添加、删除和重新排序分辨率,因为分辨率列表是完全可定制的。 您还可以设置窗口的宽度、高度和位置。

平均评分: 4.3 / 5(2,529 用户评分)。

活跃用户: 600,000+ 用户。

获取窗口大小调整器

什么字体

13 个适用于 Web 开发人员的最佳 Chrome 扩展 7

WhatFont 是找出网页中使用的字体的最简单方法。 这个面向开发人员的 Chrome 扩展程序非常简单优雅; 因此,您只需将鼠标悬停在其上即可快速检查 Web 字体。 此扩展支持 Typekit 和 Google Font API,并且还检测用于提供 Web 字体的服务。

平均评分: 5 分中的 4.1 分(1,814 个用户评分)。

活跃用户: 1,000,000+ 用户。

获取什么字体

分析仪

13 个适合 Web 开发人员的最佳 Chrome 扩展 8

Wappalyzer 是另一个出色的 Chrome 扩展,适用于 Web 开发人员,可以发现安装在任何特定网站上的软件。 它可以检测主要用于内容管理系统、电子商务平台、Web 服务器、JavaScript 框架和已安装的分析工具(如谷歌分析)的工具。

平均评分: 4.6 / 5(1,758 用户评分)。

活跃用户: 1,000,000+ 用户。

获取 Wappalyzer

清除缓存

13 款适用于 Web 开发人员的最佳 Chrome 扩展 9

清除缓存 Web 开发人员的 Chrome 扩展程序让您只需单击一下即可清除缓存和浏览数据。 它使用简单、快速且毫不费力,您可以使用此扩展程序在一段时间内快速清除缓存。 您还可以决定要清除多少数据,包括缓存、cookie、历史记录和下载。

平均评分: 4.5 / 5(1,044 用户评分)。

活跃用户: 700,000+ 用户。

获取清除缓存

八叉树

13 个适合 Web 开发人员的最佳 Chrome 扩展程序 10

Octotree 是一个真正的开发者扩展,它为 GitHub 带来了兴奋。 它提供了一个易于导航的代码树,就像在 IDE 中一样,因此您的 GitHub 体验肯定会通过 Octotree 达到一个新的水平。 Google Chrome 扩展程序将访问令牌存储在您的浏览器本地存储中,并且仅使用它们来向 GitHub 进行身份验证。

平均评分: 4.9 / 5(1,095 用户评分)。

活跃用户: 200,000+ 用户。

获取八叉树

整页屏幕截图

13 个适用于 Web 开发人员的最佳 Chrome 扩展程序 11

另一个适用于 Web 开发人员的最佳 Chrome 扩展,用于全页截屏。 轻松捕获当前页面的全部或部分屏幕截图。 无需使用 Full Page Screen Capture Google Chrome 扩展请求任何额外权限。 只需单击扩展程序图标,观察扩展程序捕获页面的每个部分,然后将其保存。

平均评分: 4.9 / 5(42,956 个用户评分)。

活跃用户: 3,000,000+ 用户。

整页屏幕截图

包起来

这是针对设计师和 Web 开发人员的最佳 Chrome 扩展列表。 这些扩展中的每一个都非常受信任并且非常有用。 阅读本文后,您使用或决定使用哪一个? 请在下面的评论部分告诉我。