10个适用于Web开发和设计师的有用Chrome扩展工具

最新推荐文章于 2021-06-07 14:39:12 发布

web前端开发V

最新推荐文章于 2021-06-07 14:39:12 发布

阅读量496

点赞数

本文链接：https://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/105963138

版权

英文 | https://www.geeksforgeeks.org/10-useful-chrome-extension-for-web-developers-and-designers/

翻译 | web前端开发（ID：web_qdkf)

在开发方面，Google Chrome是大多数开发人员的主要浏览器，它对提高编码效率非常有帮助，所以你应该使用Chrome。在不到10年的时间里，Chrome证明了它远远领先于其他浏览器，例如Mozilla Firefox，Microsoft Edge，Safari，Opera等。

其受欢迎的主要原因之一是chrome内置的开发人员工具和大量扩展程序使开发人员和设计人员的工作变得更加轻松快捷。

开发人员可以使用许多扩展程序来提高生产力。根据工作内容的不同，你可以选择相应扩展程序并将其添加到Chrome浏览器中。每个开发人员根据他们的需求都有不同的选择，但是我们将提到一些对大多数Web开发人员有用的通用扩展。

1、JavaScript和CSS代码美化器

Web开发人员必须每天检查源代码，并且当你在浏览器中查看源代码时，它看起来像是杂乱的代码，其中包含许多CSS和JS文件。此扩展程序可以使javascript和CSS代码更具可读性。

例如，仅获取缩小的CSS和Javascript文件的源代码（这确实很乱且不可读）并使用此扩展名。你将看到使用它的神奇之处，并且使用适当的缩进，空格和彩色文本，将发现文件更易读。不要忘记探索其选项以更改主题，字体和许多其他内容。

使用扩展程序之前：

使用扩展名后：

2、Web Developer

这是拥有超过100万用户的Chrome扩展程序。此扩展程序使Web开发和调试变得更加容易，这对设计人员和开发人员都非常有用。

该工具有一个按钮，你可以在其中找到不同的类别或选项卡，如“禁用”，“ Cookie”，“ CSS”，“表单”，“图像”，“信息”，“杂项”，“轮廓”，“调整大小”和“工具”。这些类别中的每个类别都包含一些其他选项，可让你执行多项操作。

你可以禁用javascript / plugins / notifications / images / cookies / style，可以编辑CSS，可以找到损坏的图像，可以隐藏图像以及使用此收费表中的表格，信息和其他选项可以做的很多事情也一样在浏览器中添加此扩展程序，并利用可用的工具。

3、 GitHub自动完成功能

许多开发人员使用Github帐户，此扩展对他们确实有用。如果你在Github搜索框中搜索了某些内容，则使用此扩展名将使你能够检查所有可用选项。该扩展程序会自动完成Github搜索框，并为你提供多个建议，这些建议有助于根据你的搜索结果查找大量存储库。

你还可以在该选项中找到活动用户。例如，如果您搜索React，则可以找到很多React存储库和活跃用户。如果删除扩展名，则在自动完成选项中将找不到任何内容。

4、Postman

Postman不是扩展程序，它是对向服务器发出HTTP请求非常有用的应用程序。如果要构建RESTful API或使用REST API，则可以发出诸如GET，POST，DELETE，PUT和其他请求之类的请求。

Postman对于测试API的开发人员确实很有帮助。你可以从那里的可用选项中选择请求，输入所需的端点或URL，然后可以发送请求。通过链接“ Postman API开发指南”中有关此应用程序的签入详细信息。

5、Marmoset

这是一个未在开发中使用的应用程序，但是如果你是开发人员，则有时可能必须在你的项目中或出于表示目的而添加代码快照。该应用程序允许你执行此操作，并获取所需的代码并将其转换为图像。它创建了一个漂亮的代码快照。你还可以找到更改效果，语言或主题的选项。因此，如果你想为项目或网站创建漂亮的代码快照，请在浏览器中添加它。

6、窗口大小调整器

构建响应式应用程序是开发的重要部分之一，而这个很棒的扩展程序主要用于构建和测试响应式应用程序。它设置了特定的大小，你可以快速选择这些大小来调整浏览器窗口的大小，并在不同的显示器上查看你的网站。你可以检查手机，iPad，台式机，iPhone和其他设备的站点视图。你还可以在此处添加自己的设备大小，并检查媒体查询对于其他设备大小是否工作正常。