开发人员常用的5个Chrome扩展
如今,为了吸引用户,浏览器之间存在着激烈的竞争。 大多数现代浏览器能够做的不仅仅是浏览。 它们通过附加组件和扩展为属于不同类别的人(尤其是程序员和开发人员)提供一系列功能。
谷歌浏览器是最主流的浏览器,拥有一个用于开发多功能和高效扩展的大型社区。 程序员可以使用这些无与伦比的扩展来减少编程的麻烦和时间效率。
推荐:如何使用Google Chrome浏览器截屏
面向开发人员的 5 大 Chrome 扩展
如果您是开发人员,以下是您应该使用的 5 个最佳扩展。
- Web开发人员
- 分析仪
- Codota – Java 代码查看器开发工具
- Redux 开发工具
- 用户代理切换器
1. Web Developer网页开发者
Chrome 为网站开发者提供了内置的开发者工具来进行各种类型的实验。 此外,网站开发人员可以从 Chrome 网上应用店中选择最广泛的扩展程序。 开发人员的多用途扩展之一是“Web Developer”。 顾名思义,此扩展以多种方式为 Web 开发人员提供帮助。 它为您提供了一个工具栏,该工具栏提供了多种功能来帮助您开发和分析网站。
转到 Chrome 网上应用店并搜索“Web Developer”扩展程序。 通过单击“添加到 Chrome”按钮将其安装到您的浏览器上。
该扩展程序将在 Chrome 的地址栏旁边添加一个齿轮形图标。 单击它可查看提供多种选项的工具栏。
以下是该扩展提供的一些功能:
- 禁用 JavaScript、通知、弹出窗口和插件。
- 阻止所有类型的 cookie,例如域 cookie 和会话 cookie。
- 禁用样式表、图像和各种表单选项。
- 调整浏览器大小以检查响应式布局。
- 单击“选项”选项卡,然后转到弹出窗口中的“颜色”部分。 在这里,您可以将语法高亮主题打开为浅色或深色,以使用正确的语法查看不同颜色的代码。
- 您还可以设置响应式布局大小以在不同维度上测试您的网页。
2. Wappalyzer分析网站
作为一名程序员,您可能需要分析某些网站或必须开发类似的网站。 在所有这种情况下,您需要的是 Chrome 浏览器上的 Wappalyzer 扩展程序。 这是一个简单的扩展,具有非常强大的功能,可以检测网站正在使用的网络技术。
打开任何网站并单击 Wappalyzer 扩展图标。 该图标将显示网站使用的框架,如 PHP 或 WordPress。 它将为您提供详细信息列表以查找以下内容。
- 在 WordPress 等网站上使用的 CMS。
- Web 服务器和框架。
- 分析、广告网络、CDN 和缓存系统。
- JavaScript 库和支付处理器
您可以在每个链接上的新标签页中获取有关该技术的更多详细信息。
3. Codota – Java 代码查看器开发工具
如果您是 Java 程序员,那么 Codota Chrome 扩展程序可以帮助分析代码。 这是一个有用的扩展,提供代码片段的详细信息,也可以保存以供将来使用。 此扩展仅支持少数站点,例如 GitHub 和 StackOverflow。
安装扩展程序后,它可以自动检测允许的网站上是否有可用的 JavaScript 代码。 您可以将鼠标悬停在脚本代码上以查看扩展图标。 它将允许您复制或保存代码以供将来使用。
您可以在网站上扫描任何 Java 类或方法并获取相关代码。 细节相当广泛,对于程序员来说是一种时间有效的方法。 不幸的是,目前该扩展程序只能在六个网站上使用。 好消息是该扩展的开发者声称该扩展将来会兼容更多的网站。
4. Redux 开发工具
Redux DevTools 是另一个有助于测试和调试应用程序的扩展。 它可以帮助程序员在开发应用程序的阶段修复不同的错误和错误。
您可以使用此扩展程序打开一个面板,在该面板中,您的应用程序代码将在不同状态下进行检查。 如果您是初学者,还会提供有关扩展的详细信息。 这个应用程序对于使用 Redux 库开发应用程序的程序员来说是必须的。
5. 用户代理切换器
User-Agent Switcher 是一个扩展,您可以通过它在使用 Chrome 时模仿其他浏览器。 程序员和开发人员都知道,为了达到完美,他们的应用程序应该在每个环境中运行。 这是一个很好的扩展,有助于实现这一目标。
安装后,单击扩展图标会提供一系列可供选择的选项。 您不仅可以模仿桌面浏览器,还可以使用 android 和 iOS 浏览器。
总结
Chrome 的默认开发者工具为开发者提供了广泛的功能。 但是,您可能会觉得它很杂乱,尤其是当您在浏览器底部使用时。 尝试上述针对开发人员的 Chrome 扩展程序之一,并改进您的日常工作。