chrome抓取网页插件( 设计师的10个扩展程序和插件，你知道吗？)

　　chrome抓取网页插件(

设计师的10个扩展程序和插件，你知道吗？)

　　

　　作为设计师，我们一直在寻找新颖的技巧和工具来帮助我们提高工作效率并改进我们的工作流程。使用流行的 Chrome 扩展几个月后，我推荐前 10 名的扩展和插件。

　　Window Resizer 窗口适配器

　　

　　如果您是设计师，在阅读有关制作网页或程序 UI 的信息时，您可能会使用 27 英寸 iMac，但我们的大多数用户没有这么大的显示器。

　　为了在不同的显示器上预览输出效果，安装 Window Resizer 扩展，然后选择一个预设大小或输入自定义值，页面将自动显示在相应大小的像素中。

　　织机

　　

　　一个惊人的免费插件，用于录制*敏*感*词*、视频、用户流或错误并与团队分享。

　　我已经使用了几个月了。当网页上有无法用屏幕截图记录的内容时，Loom 扩展会派上用场。本质是一个屏幕内容录制软件。

　　玩具盒

　　你是否也花了很多时间审查 网站 元素代码、截屏和记录错误？如果是的话，除了Toybox，别无选择。使用 Toybox 是检查 CSS 错误的最快方法。

　　将其视为 InVision 注释和 Zeplin 检查，但无需修改实际代码。不仅如此，它还会在操作时自动截屏，记录浏览器数据、操作系统信息、窗口大小等，让存在的问题一目了然。对于许多产品团队来说，这是一个非常有效的插件。

　　穆兹利

　　

　　当您开始坐在电脑前时需要一点灵感吗？Muzli 的 Chrome 扩展程序可以提供您需要的灵感。每次打开新标签时，您都会看到最新的提要。从海量设计资源中汲取灵感，为您提供最新最时尚的设计灵感。

　　SVG 抓取器 SVG 抓取器

　　

　　有时，我们只需要网页上的图标或徽标，而且很多都是 svg 格式。SVG Grabber 会自动读取页面上的 SVG，点击扩展，页面上的所有 SVG 文件会自动出现并可以下载。

　　虽然使用频率不会很高，但是有了这个扩展插件，当我们遇到比较困难的问题时，也不会被拉扯和浪费。

　　页尺

　　

　　实际上有很多方法可以测量页面上对象的大小。可以截图放到图片工具中测量，也可以使用QQ或者微信截图工具测量。这里推荐使用愤怒的统治者。无需打开QQ、微信或Photoshop等，直接在浏览器中拖动选框工具即可测量大小。

　　暗模式开发工具

　　

　　暗模式，相信很多设计师都有暗模式开发的需求。这个工具实际上是内置在 Chrome Dev Tools 中的，不是扩展，但值得推荐。

　　打开Chrome的开发者工具（快捷键Ctrl+Shift+I），>点击右上角菜单项>点击设置>外观下，可以切换到深色模式。

　　ColorZilla 颜色值识别器

　　

　　使用此插件时，只需将鼠标悬停在要查看的元素上即可查看该元素的 hex 或 rgb 颜色值。单击以快速将数据复制到剪贴板。快速、简单、高效。

　　Fontface Ninja 字体识别

　　

　　将鼠标悬停在字体元素上以查看字体的类型名称。

　　自定义光标自定义光标

　　

　　虽然这个插件工具不是设计师专用的，但是前段时间偶然遇到它还是很有趣的。您可以将默认光标更改为您喜欢的任何内容，并上传自定义光标。

　　有趣，时髦，新鲜，这就是我的感受。

　　本文虽然介绍的是 Chrome 插件，但其他基于 Chrome 内核的浏览器也适用，如新边缘、360 浏览器、百度浏览器等。