chrome抓取网页插件(设计者和开发者精选27款实用的Chrome插件(组图))

　　chrome抓取网页插件(设计者和开发者精选27款实用的Chrome插件(组图))

　　Chrome自推出以来，以其极快的启动速度和页面加载速度、日益强大的插件、简洁清新的界面，越来越受到用户和开发者的青睐，市场份额也在不断攀升。人们也认为，它取代 IE 和 Firefox 只是时间问题。

　　在 Chrome 浏览器中，用户可以轻松添加各种插件，提高日常工作效率。在这里我们为设计者和开发者挑选了27个有用的Chrome插件，希望对您有所帮助。

　　1. AppJump 应用启动器和管理器

　　添加上述插件后，您肯定需要工具来管理您的插件。AppJump 是一款 Chrome 插件，可让您从工具栏上的下拉菜单中快速查找并启动您的应用程序和其他插件。AppJump 的一个很酷的功能是能够将应用程序和插件组织到不同的组中。例如，您可以轻松地将个人插件与工作插件分开，以便更有效地管理时间。

　　

　　2. AwesomeScreenshot（很棒的快照）

　　顾名思义，AwesomeScreenshot 可以对整个页面和部分页面进行快照。截图后，可以用圆圈或下划线突出相关部分，也可以模糊不相关的内容并发表评论。您可以将图片保存在本地或上传并接受图片链接进行分享。

　　

　　3. Aviary ScreenCapture(Aviary Screen采集)

　　介绍完AwesomeScreenshot后，我们再介绍另一个截图工具。你可能会觉得奇怪，为什么我们要引入两个截图工具。这是因为 Awesome Screenshot 有一个缺点，它需要访问您计算机和浏览器的所有历史记录。数据，对于用户来说，这无疑是对其隐私权的侵犯，Aviary不需要获取用户的个人信息。

　　

　　4. Chrome 嗅探器（Chrome Sniffer）

　　Chrome Sniffer 允许您检查 网站 使用的任何框架。它可以在 网站 上定位和显示任何已知的内容管理系统（cms）或 JavaScript 库。这个插件功能对于浏览那些令人兴奋的非人类网站来说无疑是很棒的。目前，Chrome Sniffer 可以检测到 100 多个帧。

　　

　　5. 云端存档

　　面临从本地运营到在云上工作的巨大转变。作为设计师和开发人员，您习惯于在 Internet 上工作，但您是否将重要文件保存在网上？如果你的借口是这种存储方式不是很方便，那么你可能想看看云存储是什么。它允许您保存任何支持云存储的 网站 文件，例如 Amazon、Dropbox 和 Flickr。

　　

　　6. 代码可乐

　　CodeCola 允许用户在 网站 内编辑单个网页。它允许您单击网页的某个区域并自动编辑 CSS。

　　

　　7. 企业 Ipsum

　　CorporateIpsum 是标准 Lorem Ipsum 文本填充器的有趣替代品。有了这个插件，你可以在你的网站里填上“corporate” speak（企业公关修辞）和流行语。Corporate Ipsum 的一个例子是，“具有*敏*感*词*概念的合格和目标公司数据”。该插件基于流行的同名 Mac 产品。

　　

　　8. Diigo 书签/存档/突出显示和便签

　　Diigo 是 Internet Information Group 和其他东西的缩写。它是一种在线研究工具，使用户能够管理信息。以多种颜色突出显示网页，将它们张贴在您社交网络的交流页面上，并创建群组来分享您的研究。

　　

　　9. Drag2up

　　Drag2up 是一个易于使用的文件附件系统。无需点击各种窗口，只需将要上传的文件从计算机拖到上传框即可。您也可以将文件上传到各种托管网站，包括Flickr、ImageShack、Twitpic，该插件是必须下载的功能插件之一。

　　

　　10. 滴管

　　您不时会遇到一些完美的绿色阴影，并且您想将其融入您的页面设计中，那么滴管插件可以帮助您找到准确的阴影，并且它可以跟踪您的颜色历史。

　　

　　11. 萤火虫精简版

　　Firebug 是一个很棒的工具，它让人们很难从 Firefox 过渡，所以把它放在一边。幸运的是，Chrome 有一个名为 Firebug 的插件，它提供了类似的功能。Firebug Lite 与 Chrome 开发工具配合使用，使开发人员能够检查和编辑 HTML 和 DOM 元素。它还允许您轻松调试。Firebug Lite 实际上是一个 JavaScript 文件，一旦插入到网页中，它就像原来的 Firebug 一样。

　　

　　12. 格瑞普林

　　Greplin 允许搜索您的私人数据。使用此插件可以查找您在不同的网站 中提交的信息，例如 Twitter、Facebook 甚至 Gmail。它为数据添加了索引，以便于查找数据，无需翻阅您的历史记录，因此您可以轻松地在 Greplin 中调用数据。

　　

　　13. HTML 即时

　　HTMLInstant 是一种实时 HTML 工具。它具有屏幕拆分功能。当您在分屏左侧输入代码时，您可以在右侧实时查看效果。HTML Instant 不仅支持 HTML，还支持 CSS 和 JavaScript。您还可以从 Image Shack、Photobucket 或随机托管的图片 网站 上传图片。这个 HTML 编辑器对于新手也很容易使用。

　　

　　14. IE 标签

　　IE Tab 插件允许您在仍然使用 Chrome 浏览器的同时从模拟 IE 查看网页。由于IE仍然是大多数网友的首选浏览器，所以仍然有一些网站在IE下运行最好。它甚至只支持IE。此选项卡允许您在不牺牲尊严的情况下使用 Internet Explorer。首先，IE Tab 仅适用于 Windows。这是因为它使用了 Windows 的内置 Internet Explorer 渲染引擎。出于这个原因，Mac 用户只能归咎于运气不好。

　　

　　15. 图像属性上下文菜单

　　图片属性环境菜单是一个很有用的 Chrome 插件。它提供与所选图片相关的所有信息。用户可以找到图片的位置和来源图片。它还显示图片的大小和文件大小。这是一个简单有效的插件。由于某种未知的原因，此功能未收录在 Chrome 浏览器中。

　　

　　16. 测量它！

　　Measure是一款设计器的标尺，你可以用它来测量页面上任何元素的尺寸，只需点击插件并拖出标尺，即可快速轻松地测量尺寸。

　　17. Microstock Photo Power Search Tool（Microstock Photo Power Search Tool）

　　一个伟大的网页设计师和一个好的网页设计师之间的区别在于他是否知道从哪里可以得到一张好的图片。任何设计师都知道，找到合适的图片是设计中最耗时的部分之一，尤其是当您在多个地方寻找图片资源时。该插件可以帮助您轻松搜索 5 个顶级图像库中的图像，包括 Dreamstime、Fotolia 和 Shutterstock。

　　

　　18. 用于 Chrome 的调色板（Chrome 调色板）

　　Chrome 调色板非常有用，您只需要右键单击任何图片。这个插件可以创建一个 16、24 或 32 的调色板。此外，您还可以创建自定义调色板，选择您喜欢的图片，并从中获取颜色以添加到您的页面设计中。

　　

　　19. 摆

　　强大的 Pendule 插件结合了这个列表中几个插件的功能。Pendule 允许您查看和更改 JavaScript 和 CSS。您还可以查看特定图片信息或完全隐藏它。这是一个强大的开发工具，包括颜色选择器、HTML 和 CSS 验证器以及链接检查。

　　

　　20. 便衣

　　PlainClothes 是一个有趣又好用的插件，你可以用它来查看网站 的摘要。有时更容易看到设计中的错误或分析它变成黑白时的工作原理。PlainClothes 允许您将网页拆分为文本颜色、背景颜色和链接颜色。链接带有下划线，文本是默认的。事实上，PlainClothes 对于为您的网页设计添加可访问性非常有用。

　　

　　21.分辨率测试（解决方案测试）

　　您可以通过更改浏览器的大小来测试网页的显示效果。分辨率测试可以测试您的网页在不同分辨率下的显示效果，您可以查看当前的测试分辨率。

　　

　　22. Search by Image（按图片搜索）

　　Searchby Image 是我最喜欢的 Chrome 插件之一。这个插件可以在不同的网站上搜索你指定的图片。您还可以使用此插件搜索类似的图片。只需右键单击图片并选择“通过 Google 搜索此图片”，您就会找到收录或匹配该图片的网页。

　　

　　23. 会话管理器

　　SessionManager 可以保存当前打开的标签，这对于多次打开同一个网页特别有用。这个插件可以对不同的网站进行排序和保存。例如，将您所有的社交 网站 捆绑在一起，以便您可以快速访问它们，而无需单独打开每个站点。关闭它们也一样快，并确保您的标签被保存。

　　

　　24. TabJump

　　与 Session Manager 类似，TabJump 优于蓝色。它不仅可以管理您的标签，还可以锁定标签以防止您意外关闭重要标签。如果您错误地关闭了一个选项卡，TabJump 允许您重新打开它，但请记住该插件无法恢复历史记录。

　　

　　25. 太多标签

　　因为永远不会有完美的插件来管理浏览器标签，TooManyTabs 是另一个必备插件，它显示所有打开的标签的缩略图。当您打开多个标签时，您不再需要阅读标签标题，因为它提供了直观的查看效果。

　　

　　26. Web Developer (Web Developer)

　　WebDeveloper 是另一个全面的开发工具。它的开发人员还开发了许多流行的 Firefox 插件。使用此插件，用户可以查看和编辑 CSS、显示图像文件的大小以及清除会话 cookie。

　　

　　27. 什么字体

　　对于大多数网页设计师来说，字体是重中之重。你有没有在随机的网站上找到完美的字体，然后只搜索无穷无尽的代码才能找到答案？如果你想让事情简单，你可以安装这个字体来寻找一个插件。只需将鼠标悬停在文本上即可找到使用的字体。该插件不仅会告诉您字体的名称，还会提供字体大小和颜色。

　　

　　PS：杰奎琳·托马斯是一位屡获殊荣的作家和网页设计顾问。您可以在她的 网站 上找到她并在 Twitter 上关注她。