网页设计和网页开发人员常用到的Google Chrome扩展

网页设计和网页开发人员会经常用到的32款 Google Chrome 扩展。

这里写图片描述

1.Resolution Test

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

2.FireBug Lite

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

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是一个进程管理扩展,支持保存和查看当前进程,还能显示、更新进程快照,支持崩溃恢复。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Chrome扩展是一种用于扩展Chrome浏览器功能的开发工具。严格来说,我们所说的Chrome插件应该叫做Chrome扩展Chrome扩展是在浏览器上运行的程序,可以修改和增强浏览器的功能,例如添加新的工具栏按钮、修改网页内容、处理网络请求等。 如果你对Chrome扩展开发感兴趣,你可以参考Chrome官方开发者文档提供的资源。Chrome开发者文档的主页是https://developer.chrome.com/extensions/devtools,其中提供了详细的开发指南、API文档和示例代码,可以帮助你开始开发Chrome扩展。 在开发Chrome扩展过程中,通信是一个重要的方面。你可能需要与浏览器的不同组件进行通信,包括与当前打开的网页进行交互、与其他扩展或外部应用程序进行通信等。你可以在https://developer.chrome.com/extensions/messaging找到关于Chrome扩展通信的详细信息和示例代码。这些资源可以帮助你了解如何在Chrome扩展中实现不同组件之间的通信。 总结来说,Chrome扩展开发是一种扩展Chrome浏览器功能的方法,你可以通过参考Chrome官方开发者文档获取相关资源和指导。你还可以了解如何在扩展中实现通信。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【干货】Chrome插件(扩展)开发全攻略](https://blog.csdn.net/qq_34998786/article/details/121782426)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值