`

32款实用网页开发人员必备的谷歌浏览器扩展

    博客分类:
  • WEB
阅读更多

无论是Firefox还是Google Chrome,其强大的扩展都是吸引我们最大的原因之一。下面介绍的是网页设计和网页开发人员会经常用到的32款 Google Cchrome 扩展。

1. FireBug Lite

Firefox有个非常出名的扩展——FireBug,Firebug Lite 就相当于Firefox的FireBug,可以即时预览到编辑、修改 CSS, HTML 和 JavaScript的效果。

2. Resolution Test

Resolution Test 可以修改浏览器窗口的分辨率,从而让网页开发人员能够即时预览页面在不同分辨率下面的表现情况。

3. Speed Tracer

Speed Tracer 可以对网页中的元素进行全方位的检测分析,帮你找出网页运行缓慢的因素,以方便网站开发者优化代码,目前可在windows 和 Linux 两种操作平台下面运行。

4. Web Developer

Web Developer 可以在浏览器工具条上集成多种网页开发工具,是网站开发人员最常用的 Google Chrome 扩展之一。安装Web Developer 扩展之后会在浏览器工具栏添加一个图标,点击图标就可以看到很多的网页开发工具。

5. Pendule

这个插件功能和FireBug很像,安装 Pendule 扩展后可以对 Google Chrome 内置的开发者工具进行扩充。

6. Aviary Screen Capture

Aviary Screen Capture 是由 Aviary.com 提供的一个截屏扩展。安装 Aviary Screen Capture 扩展后可以对当前浏览器可见内容进行截屏,然后跳转到Aviary.com 提供的在线图片编辑页面进行编辑,编辑完成后再保存到本地电脑。

7. Chrome Web Developer Tools

Chrome Web Developer Tools和FireFox Web Developer很像,和Firefox Firebug的功能接近。

8. Chrome Sniffer

Chrome Sniffer 可以帮助开发者检查网页在运行时的框架/CMS和javascript库的情况,在检测框架时,地址栏会出现一个图标。

9. Lorem Ipsum Generator

可以产生随机的文本。

10. PlainClothes

PlainClothes可以让你对网页随意进行样式定义,甚至禁用样式。同样,你也可以让文字内容在任何页面都自动按照你设定的样式进行呈现(在“选择”>“Under the Hood”>”改变字体和语言”里设置)。

11. Internet Explorer Tab

在某些必须使用IE的情况下,这个插件会非常有效。

12. Chrome SEO

Chrome SEO是目前最全面的Chrome SEO扩展。安装Chrome SEO扩展后,你在访问一个网页的时候,可以按照不同分类看到相关的SEO实用参数,包括各个搜索引擎的索引数量、反向链接、流量和排名、被各个书签服务所收藏的次数、被缓存的版本、域名信息(DNS、Whois、IP等),全部显示在扩展按钮的弹出菜单里。

13. SEO Site Tools

SEO Site Tools这个 Google chrome 扩展可以校验CSS代码、HTML代码,以及监测Gzip压缩情况等基本的SEO资料,可以鼠标右键取消该功能。

14. META SEO Inspector

可以用来检查网页的meta属性,并且可以监测no-follow链接属性。

15. Validity

Validity可以使网页在地址栏中快速运行。 只要点击地址栏上的图标就可以激活当前页面。页面的错误量也可在浏览器工具栏中看见。

16. Eye Dropper

Eye Dropper 扩展可以允许用户从当前页面中的任何一个像素提取颜色代码,当然扩展本身也自带了一个很好用的调色板。

17. Color Picker

颜色拾取器,可以快速获取颜色的Hex 和 RGB值。

18. Image Cropper

Google chrome 浏览器的截图扩展。
 

19. Webpage Screenshot

网页截图扩展,可以把整个页面完整截屏。

20. Picnik

可以让用户非常轻松的编辑在浏览网页过程中看到的图片。在网页加载完之后,点击Picnik按钮,用户将能够获得网站图像的缩略图列表。点击这些缩略图,图像将在Picnik打开,用户可以进行编辑、注释和共享等。

21. MeasureIt!

和Firefox的 MeasureIt! 扩展一模一样的功能,可以测量页面上任何内容的宽度和高度。

22. Pixlr Grabber

Chrome的众多截屏扩展之一。既可以对当前正在浏览网页的可视部分进行截屏,也可以对当前正在浏览网页指定区域进行截屏,更多为数不多可以对整个网页进行截屏的扩展之一。

23. Domain Availability Checker

可以快速监测域名是否被注册。

24. Snippy

可以抓取页面中的部分内容,然后保存下来,供将来只用。最强大的功能在于它可以抓取丰富的内容,并保留格式。所以你用它来抓取文字、图片,链接等诸多格式的内容,并可以保留到Google Doc 上。

25. FlashBlock

FlashBlock 可以阻止所有的flash内容载入。等网页载入后你可以点击选择载入flash,或者是下载flash。

26. Built With Technology Profiler

Built With Technology Profiler这个插件可以帮你识别出当前页面都是用了哪些技术。

27. LastPass

LastPass是一个免费的密码管理扩展和表格填写扩展,让你上网冲浪更便捷。

28. iMacros

如果你喜欢使用网页浏览器,但是每天重复性访问相同的网站,让你感到非常的厌倦,如果填写表格,忘记密码,那么iMacros能帮助你解决这个问题的!iMacros自动化的设计是在网络上最重复性的任务。无论你对Firefox做什么,iMacros可以自动执行它。网络设计人员可以使用的功能测试和回归测试网页的Web应用软件。

29. Chrome Flags

Chrome Flags功能是将正在访问的服务器所在国家的国旗显示在地址栏上。

30. Frame Two Pages

Frame Two Pages能让你在同一个 Chrome 标签中查看两个标签页面的内容,在进行网页对比的时候非常有用。

31. Split Screen

Split Screen和Frame Two Pages有点像,可以将 Chrome 的一个标签分为两个页面,并且可以在每个页面中显示不同的网页。

32. Session Buddy

Session Buddy是一个进程管理扩展,支持保存和查看当前进程,还能显示、更新进程快照,支持崩溃恢复。

原文:32 Google Chrome Extensions For Smart Designers

翻译:博客联盟

分享到:
评论

相关推荐

    xpath谷歌浏览器扩展程序

    在这个"xpath谷歌浏览器扩展程序"中,我们可以看到它是一个专为谷歌浏览器(Chrome)设计的插件,目的是方便网页抓取(Web Scraping)或者网页解析的开发者们更有效地测试和验证XPath表达式的正确性。 该扩展程序的...

    谷歌浏览器刷新清空缓存插件

    总的来说,这款名为“谷歌浏览器刷新清空缓存插件”的工具,对于需要快速测试和调试网页的前端开发者来说,是一个非常实用的辅助工具。它通过自动化清空浏览器缓存的过程,确保每次刷新页面时都能得到最新的网页状态...

    谷歌浏览器插件_Save All Resources

    【谷歌浏览器插件_Save All Resources】是一款专为谷歌浏览器(Chrome)设计的实用工具,它允许用户方便地下载开发者工具(F12模式)中显示的所有资源。这款插件对于前端开发者、网页设计师以及网络资源收集者来说...

    chrome资源嗅探扩展

    除了网页开发,"猫抓"还可以用于广告追踪分析、网站安全检查、内容抓取等多种场景,它的灵活性和实用性使其成为许多专业人士的必备工具。 总的来说,"猫抓 chrome资源嗅探扩展"是一款强大的网络调试和分析工具,它...

    谷歌浏览器JSON格式化插件

    总之,"谷歌浏览器JSON格式化插件"是Web开发者必备的工具之一,它简化了JSON数据的查看和理解过程,使得在谷歌浏览器中处理JSON数据变得直观且高效。有了这个插件,开发者可以更加专注于他们的核心工作,而不是花费...

    web前端开发-谷歌浏览器插件

    谷歌浏览器(Google Chrome)因其强大的性能和丰富的扩展性,成为前端开发者常用的工具。本主题将聚焦于“谷歌浏览器插件”,特别是针对React、Vue、Angular等主流前端框架的插件,以及掘金这一知名技术社区的相关...

    程序员需要知道chrome十五个拓展

    以下是一些程序员必备的Chrome扩展,它们能够极大地提升开发效率和用户体验。 1. **Web Developer**:这是一个全面的开发工具集,包含了诸如HTML/CSS验证、显示元信息、禁用样式等功能,为开发者提供了极大的便利。...

    Chrome浏览器插件-FeHelper(前端助手)

    FeHelper是一款专为前端开发者设计的Chrome浏览器插件,它集成了一系列实用的工具,极大地提升了前端工程师在Web开发过程中的效率。以下将详细介绍FeHelper的主要功能、使用场景以及如何安装和利用这款插件。 1. **...

    SelectorGadget CSS选择器

    首先,你需要在谷歌浏览器的扩展程序管理页面安装CRX文件"SelectorGadget.crx"。安装完成后,当你访问任何网页时,只需点击浏览器右上角的SelectorGadget图标,然后在页面上点击你想获取选择器的元素,插件就会显示...

    DevExcuses:Chrome扩展程序,将为开发人员带来随机借口

    下载并解压后,打开谷歌浏览器,进入`chrome://extensions/`页面。在这里,你可以看到浏览器扩展管理界面,选择右上角的“加载已解压的扩展程序”按钮。接下来,你需要在弹出的文件选择窗口中导航至刚刚解压的...

    谷歌23.0.1271.10_chrome_installer.exe

    谷歌Chrome是一款由全球知名的科技公司谷歌开发的网络浏览器,以其高效、稳定和安全性享誉全球。23.0.1271.10是这个浏览器的一个特定版本,它在发布时可能包含了最新的功能改进和安全修复。这个版本的Chrome特别强调...

    VViewer-crx插件

    Chrome扩展程序是由谷歌浏览器支持的一种应用程序形式,它们可以通过安装在浏览器上,对用户的网络浏览体验进行个性化定制或增加额外的功能。VViewer-crx就是这样一个扩展,它扩展了Chrome的内置功能,提供了变量...

    很好用的chrome 插件合集,不要错过--chrome插件合集.rar

    本合集汇集了一些非常实用且广受好评的Chrome插件,它们能极大地提升你的浏览体验,提高工作效率,或者提供各种有趣的附加功能。下面我们将详细探讨这些插件以及它们在实际使用中的作用。 1. **AdBlock**:广告拦截...

    Easy URL Editor-crx插件

    CRX文件是谷歌浏览器用来安装扩展的二进制文件,可以直接拖放到Chrome浏览器的扩展管理页面进行安装。使用此插件前,确保你的浏览器是最新版本,并了解如何安全地安装和管理扩展,以免引入潜在的安全风险。 总的来...

    树莓派3使用手册

    - **谷歌浏览器**:安装谷歌浏览器以获得更好的网页浏览体验。 - **办公软件**:安装文档处理软件,如LibreOffice等。 - **其它命令**:学习并使用常用命令来管理文件和系统。 #### 十、系统备份、还原与TF卡重做...

    时间戳转化-crx插件

    CRX是Chrome扩展程序的文件格式,表明这个插件是为谷歌浏览器设计的。安装CRX文件到Chrome浏览器后,用户可以在浏览器的右上角看到一个新的图标,点击该图标即可启动时间戳转化功能。这种轻量级的解决方案集成在...

Global site tag (gtag.js) - Google Analytics