chrome 插件 抓取网页qq聊天记录(10款亲测且超实用的Chrome小插件（上）：)

　　chrome 插件 抓取网页qq聊天记录(10款亲测且超实用的Chrome小插件（上）：)

　　以下内容由Mockplus团队翻译整理，仅供学习交流。

　　在设计师的日常设计过程中，难免会使用 Chrome 搜索各种最新的设计案例或文章。善用专为 Chrome 设计的各种扩展小部件，可以显着提升 Chrome 的性能，帮助设计师更快地获得灵感和学习技能。

　　因此，为了方便大家选择，下面小编就为大家介绍10款经过测试且超实用的Chrome小部件。希望这可以为大家提供有益的帮助。

　　1.Windows 调整大小

　　或许屏幕上的你只是碰巧是个设计师，用 27 英寸 5K 屏幕的 iMac 读到了这个文章。但对于绝大多数设计师来说，并不是所有人都有机会用这么大屏幕的电脑来查看各种网页设计或文章。这个时候，他们应该怎么做？

　　别担心！试试 Windows Resizer 的 Chrome 插件！当设计师需要以不同的分辨率查看网页设计时，这个插件绝对有用。设计者可以打开插件，预设或自定义相关视口，然后轻松查看相应网页的显示。操作简单易用，是不可多得的好工具。

　　2.织机

　　设计师常说：“好图抵千言”。将视频直接添加到设计中怎么样？它能否超越数千万甚至更多的语言？答案显然是肯定的。

　　Loom 就是这样一种工具，可以帮助设计师轻松免费地录制视频。使用此工具，任何网页*敏*感*词*、用户流程和错误操作都可以轻松录制为视频并与其他同事共享。

　　其实这几个月来，我用过很多次这个工具，也清楚的意识到，当截图已经不能准确传达设计相关的需求或建议的时候，用这个工具录屏解释一下是对的。

　　设计师安装好插件后，只需点击“录制”按钮即可开始录制内容。录制完成后，也可以方便的分享给其他同事或客户，及时采集设计相关的建议和反馈，非常有用。

　　3.玩具箱

　　在网页设计过程中，您是否还在为需要花费大量时间逐个检测页面元素、截屏并记录相关错误或错误而烦恼？别担心！试试玩具箱工具！Toybox工具作为一款可以帮助用户快速查看网页CSS代码，并在网页上直接记录相关错误和反馈的工具，无疑可以帮助您轻松解决此类问题。

　　更简单地说，您可以直接将 Toybox 视为 InVision 和 Mockplus iDoc 中收录的设计审查工具，以及 Zeplin 中的页面检查工具。唯一的区别是该工具支持直接在页面上添加评论或反馈，而不是在设计草稿上。

　　此外，在添加相关设计意见或反馈时，该工具还支持自动截图并记录相关的Bug信息（如浏览器信息、操作系统信息、视口大小信息等），方便后期处理。问题并轻松地重新创建它们。相关问题。

　　总而言之，这是一个任何产品团队或设计工作室都不应错过的 Chrome 扩展程序。

　　4.穆兹利

　　作为设计师，你是否想利用日常碎片化的时间，随时随地查看最新的设计作品，获得设计灵感？为什么不尝试为 Chrome 安装 Muzli 插件！这样，每次打开 Chrome 浏览器时，您都可以快速看到最新最好的设计。为什么？因为Mulzli工具会自动从众多最新的网页设计资源中挑选出最优秀、最具创意的部分进行展示，让大家可以查看并获得灵感。

　　事实上，我已经使用这个工具很多年了。真的强烈推荐大家使用。

　　5.SVG 抓取器

　　在浏览网页时，如果您只想在页面上捕获一个徽标或图标进行设计，那么 SVG Grabber 工具值得一试。只需点击开始按钮，该工具将自动提取页面的所有 SVG 图像。然后轻松查看并选择要下载的所需 SVG 图像。

　　当然，这个 Chrome 插件并不是一个通用的设计工具。但是，当您确实需要截取相似的徽标或图标以优化设计时，这是必不可少的。因此，将其存储为设计备份工具也很棒。

　　6.页尺

　　如果您正在寻找能够准确测量网页元素大小的工具，请尝试使用 Page Ruler 的 Chrome 扩展程序。只需打开插件，拖放所需的组件，即可立即查看其长、宽、边距等属性数据。不需要太多操作，使用方便，值得一试。

　　7.暗黑模式开发工具

　　如今，深色模式已成为设计师必备的网页设计和查看模式。所以，在这里我和大家分享一个名为“Dark Mode Dev Tools”的黑暗模式创建工具。虽然严格来说，Dev Tools 只是 Chrome 的内置工具，并不是真正的插件工具。但从实用的角度来看，我觉得还是有必要分享的。

　　您可以通过单击 Google Chrome 窗口右上角的三点图标 > 选择“设置”> 打开“外观”部分，然后切换到暗模式来打开 Chrome 的开发工具。这样，您可以在暗模式下查看 Web DOM。

　　8.ColorZilla

　　当您需要在 Chrome 浏览器下快速查看任意网页使用的颜色或配色方案时，ColorZilla 取色器将是您的绝佳选择。安装该工具后，将鼠标悬停在任何网页元素上以快速查看相关的 HEX 和 RGB 颜色值。必要时，还可以通过简单的点击，复制粘贴相关的颜色信息，直接应用到所需的设计项目或文档中。总而言之，这款专为Chrome打造的选色工具简单、快速、高效，非常值得设计师下载使用。

　　此外，该工具还具有其他高效的颜色功能，如渐变色CSS代码生成功能和页面颜色分析功能等，大家可以自行下载试用。

　　9.字体忍者

　　接下来小编为大家介绍另一个值得下载的Chrome插件工具——Fontface Ninja。是一款非常漂亮实用的字体提取工具。安装成功后，用户可以将鼠标悬停在相关页面文字上，查看对应的字体样式。总之，是一款非常值得设计师采集的工具。

　　10.自定义光标

　　自定义光标，作为一个超级有用的光标编辑工具，不是为设计师设计的。但它是一个非常酷的工具。它允许用户根据自己的喜好修改默认光标样式，甚至支持上传本地图片自定义界面光标。总而言之，它是一款非常有趣且新颖的 Chrome 扩展工具。

　　以上就是小编为你采集的10个超级好用的Chrome插件。我希望他们能为您的设计工作提供便利，并帮助您制作出更好的设计作品。