chrome 插件 抓取网页qq聊天记录(10款亲测且测且超实用的Chrome小插件推荐(组图))

　　chrome 插件 抓取网页qq聊天记录(10款亲测且测且超实用的Chrome小插件推荐(组图))

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

　　所以，为了方便大家选择，下面将介绍10款经过亲测、超实用的Chrome小部件。希望这可以为大家提供有益的帮助。链接在下面~当然，请记得访问国外网站，否则你将无法访问。

　　1.Windows Resizer

　　或许屏幕另一边的你恰好是设计师，用一台27英寸5K屏的iMac阅读了这篇文章。但对于大多数设计师来说，并不是所有人都有机会用这么大分辨率的屏幕电脑查看各种网页设计或者文章。这个时候他们应该怎么做？

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

　　2.织布机

　　设计师常说：“一张好图胜过千言万语。” 那么如果你直接在设计中添加视频呢？它能否击败数千万甚至更多的语言？答案显然是肯定的。

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

　　事实上，在过去的几个月里，我经常使用这个工具，并清楚地意识到当截图不再能够准确传达设计相关的要求或建议时，使用这个工具记录屏幕进行解释。

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

　　3.玩具箱

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

　　更简单的说，你可以直接把 Toybox 看作一个类似于 InVision 和 iDoc 的设计审查工具，以及 Zeplin 中的一个页面检查工具。唯一的区别是该工具支持直接在网页上而不是在设计草稿上添加评论或反馈。

　　此外，在添加相关设计意见或反馈时，该工具还支持自动截图并记录相关bug信息（如浏览器信息、操作系统信息、视口大小信息等），方便此类问题的后期处理，轻松并且很容易。现在相关问题。

　　简而言之，它是任何产品团队或设计工作室都不应错过的 Chrome 扩展工具。

　　4.穆兹利

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

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

　　5.SVG 抓取器

　　浏览网页时，如果只想抓取页面上的某个标志或图标进行设计，SVG Grabber 工具值得一试。只需单击开始按钮，该工具就会自动提取页面上的所有 SVG 图像。然后轻松查看，并选择所需的 SVG 图像进行下载。

　　诚然，这个 Chrome 插件并不是一个常见的设计工具。但是，当确实需要截取相似的logo或图标来优化设计时，它是必不可少的。因此，将其作为设计备份工具存储也是极好的。

　　6.页面标尺

　　如果您正在寻找可以准确测量网页元素大小的工具，请尝试使用 Page Ruler 的 Chrome 插件。只需打开插件，拖动边框选择需要的部分，即可立即查看其长、宽、边距等属性数据。无需过多操作，简单易用，值得一试。

　　7.暗模式开发工具

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

　　您可以通过以下方式打开Chrome浏览器的Dev Tools工具：点击谷歌浏览器窗口右上角的三点图标>选择“设置”>打开“外观”部分，然后切换到深色模式。这样就可以在深色模式下查看网页DOM了。

　　8.ColorZilla

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

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

　　9.字体忍者

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

　　10.自定义光标

　　Custom Cursor 作为一款超级实用的光标编辑工具，并不是为设计师设计的。但它是一个尖叫的工具。它允许用户根据自己的喜好修改默认的光标样式，甚至支持上传本地图片来自定义界面光标。总之，它是一个非常有趣和新颖的 Chrome 插件工具。

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

　　作者：Brendan Mahony / 翻译：Mock

　　原文链接：