web开发|适用于Chrome的11个最佳Web开发扩展 Chrome

【web开发|适用于Chrome的11个最佳Web开发扩展】

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

开发网站时，您必须制作许多复杂要求的清单。无论是处理颜色或字体方案， CSS布局问题还是各种设备上的网站响应能力，重要的是要紧跟任何新出现的问题。以下是一些适用于Google Chrome（以及其他基于Chromium的浏览器）的最佳Web开发扩展。
1.Color Pick“ Eyedropper”您是否喜欢随机网页的配色方案，并想在自己的项目中使用它？Chrome扩展程序名为Color Pick“ Eyedropper” ，可让您精确定位和可调整的缩放功能来提取颜色。

像这样的扩展程序确实需要所有网站上的权限才能执行颜色提取。如果您需要更高级的功能，可以使用一个名为ColorZilla的类似工具，它附带一个Gradient生成器，调色板查看器和颜色历史记录。
2.一键式全页面截图拍摄整页的网络截图是日常工作的必要条件。有时，传达设计更改的最佳方法是按原样捕获整个网站。使用扩展名“一键全屏截图” ，您可以精确地实现它。
在截屏过程中，完成的滚动图像将在完成后在新窗口中打开。

现在可以以PNG格式下载整个网页屏幕。您还可以在图像屏幕上应用多种效果，包括滤镜，在网页上绘制，添加文本等。
如果您只需要可见屏幕的整个屏幕截图，请改用此扩展名。

3. EditThisCookieWeb开发人员需要访问cookie管理器才能添加，删除，编辑，保护和阻止cookie 。 EditThisCookie是一个有用的扩展，可让您随意使用cookie并以JSON格式导出或导入它们。通过删除旧的Cookie并限制任何Cookie的最大提取日期，这可以帮助您保持网站的健康。

4. ModHeaderModHeader是用于修改网页HTTP标头的最流行的Chrome扩展程序之一。只需单击一两次，即可基于URL或资源类型启用标头修改。最好的部分是您可以创建多个配置文件，并将不同的值添加到修改后的标题中。所有修改都可能仅限于一个选项卡或整个站点。

5. UX Check我们都需要不时对运行中的网站进行启发式评估。通过UX Check可以轻松实现此功能，该扩展程序可在侧窗格中显示所有与UX相关的反馈。单击与您评估的试探法不匹配的元素后，您可以添加注释并截图。最后，所有更改都可以.docx格式导出。

6.Window Resizer窗口大小调整器Web开发人员需要针对不同的屏幕尺寸模拟网页大小。使用Window Resizer ，您可以轻松地针对笔记本电脑，平板电脑，智能手机以及您选择的任何屏幕尺寸进行这些评估。

该工具具有一些很酷的功能，例如“旋转”和“实时测量” ，以及许多可视化自定义功能。如果您想构建一个真正具有响应能力的网站，请确保已对所有屏幕尺寸进行了交叉检查。
7. Lorem Ipsum Generator为了快速完成网页上的工作，您需要默认文本。名为Lorem Ipsum Generator的扩展提供了多个默认文本选项，每个段落都有不同的段落和句子。您可以使用“自动选择”选项选择文本片段或整个文本。由于文本的变化可能性，最终的模板具有优雅的外观。

8. BuiltWith Technology ProfilerBuiltWith是经典的扩展，用于了解支持网站的所有基础技术。只需单击一下，它就会创建一个配置文件，可帮助您了解使网站脱颖而出的最新附件和工具。这可以帮助您复制其功能以供自己使用。

9. WhatFontWhatFont是识别网页上不同字体类型的最快，最简单的方法之一。您只需将鼠标悬停在文本附近即可获取其完整的详细信息。它支持高级模板，例如TypeKit和Google FontAPI 。

10. CheckMyLinks有时，我们需要对网站所有链接的客观概述。 CheckMyLinks是流行的扩展，用于汇总有效，无效和断开的链接。任何正在运行的网站的链接结果都会立即在侧窗格中查看。在您的网站或已发布的更改生效之前，该工具非常方便用于最后一刻的抽查。

Pesticide您是否预计网站中的CSS布局问题？Pesticide允许您通过为每个页面元素提供大纲来调试这些问题。按住Ctrl键，您可以查看元素信息并分析元素在页面上的位置。

还有许多其他流行的Web扩展，它们管理网站应用程序中的关键细节。例如， JSON Viewer可以帮助那些使用JSON文件的人。有一个HTML树生成器，它提供了网站中所有元素的树。