浏览器chrome插件开发教程_chrome插件开发文档实例教程

2021-12-01 06:20:57

阅读 11093次标签：作者： anyi

相信每个人都用过浏览器，但是你值得浏览器插件吗？简单地说，浏览器插件，可以大大的扩展你的浏览器的功能。包括但不仅限于这些功能：捕捉特定网页的内容，捕捉HTTP报文，捕捉用户浏览动作，改变浏览器地址栏/起始页/书签/Tab等界面元素的行为，与别的站点通信，修改网页内容……Chrome凭借其简单，稳定，快速的优点迅速风靡全球，占领浏览器市场，直逼IE的市场份额，超越也只是时间问题。初次打开Chrome浏览器，你会发现整个页面只有一个地址栏，一对箭头，刷新按钮和一把扳手，当然还有最重要的空白页面，这就是Chrome的整体构造，可以说是最简单的浏览器了，但是仔细深入你会Chrome的功能远不止这些，通过Chrome的扩展中心你可以安装成千上万的插件开发来丰富你的浏览器功能，这时你就会发现Chrome的强大之处。

浏览器chrome插件开发教程_chrome插件开发文档实例教程

Chrome的插件开发起来最简单，总体上看没什么新的技术，开发语言就是java，web前端工程师能很快上手；而Firefox的插件开发则复杂许多，涉及到环境的搭建和一些WEB以外的技术；IE的插件开发就更复杂了，需要熟悉C++和COM技术，当然还要装微软的Visual Studio。下面一品威客网就给您详细介绍chrome浏览器插件开发教程。
1、Pendule
Pendule 是Chrome 为Web开发人员提供的开发工具。这个内置的开发工具的插件包括：查看、重装和禁用CSS，查看JS、表格编辑，查看、隐藏及获得图像的信息，颜色选择器、量尺、地形图、标记验证器等等！
2、Clicky Monitor
Clicky是一个强大的实时网页分析服务，Clicky监视器可以让你快速访问你使用Clicky跟踪的网站的分析信息。
3、Speed Tracer
Speed Tracer是一款可以帮助你发现并修复Web应用程序性能问题的扩展应用。Speed Tracer的功能很强大，它可以对网页中的元素进行全方位的检测分析，找出Web应用运行缓慢的罪魁祸首，以方便开发者优化代码。Speed Tracer还可以解决JS语法分析和执行、CSS式样以及其他更多方面的问题。
4、Web Developer
安装Web Developer扩展后，会在浏览器的工具栏中添加一个按钮，点击该按钮，会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。
5、Awesome Screenshot
可以帮助用户截取网页内容以及添加注释。
6、IE Tab
借助IE Tab，可以在Chrome Tab上切换显示网页。这个插件对想用IE渲染引擎跨浏览器测试的开发人员很有帮助。（这是Windows系统下的独特插件。）
7、Firebug Lite for Google Chrome
Firebug Lite for Google Chrome 并不是Firebug的替代品（这很不幸），也不是浏览器开发人员的工具。想法，你应该和其它工具一起使用。Firebug Lite提供了大量的视觉效果，类似于Firebug的HTML元素、DOM元素及箱状模式阴影。Firebug Lite还具备其他一些很酷的功能，比如用鼠标检测HTML元素，及实时编辑CSS的特性。。
8、Webpage Screenshot 网页快照
Webpage Screenshot 是快速、简单的插件，它能截取整个网页。即使网页很长，也能存储在一份图像文件里。这个插件让你只点击一下，就能以PNG/JPG格式存储任何网页的图像。
9、BuiltWith Technology Profiler
BuiltWith是一个网站分析工具。找到一个网页后，BuiltWith可以返回它能在这个页面中找到的所有的技术。BuiltWith的目标是帮助开发者、研究者和设计者找出网页使用的是什么技术，这可能有助于他们决定在自己的项目中使用什么技术。
10、Stylebot
使用Stylebot，你可以自定义你喜欢的网站的外观和风格。这也是一个学习CSS的伟大的工具，你可以在设计和调试网站的过程中学习CSS。
11、StayFocusd
StayFocusd是一个高效的谷歌浏览器扩展，它可以通过限制你花费在无价值网站上的时间，来帮助你专注于工作。一旦你指定的时间已经消耗完，该网站即被限制，1天之内你不能再访问。
12、Window Resizer
此扩展可以调整浏览器窗口的大小，以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用，可以帮助他们在不同的屏幕分辨率下测试网站布局。
13、Chrome SEO 搜索引擎优化
Chrome SEO为搜索引擎优化工具提供了方便的路径。这些工具帮助你做每日搜索引擎优化工作，比如竞争分析、关键词分析、反向链接检查及网页排名检查等。
14、Aviary Screen Capture 屏幕截图
Aviary Screen Capture让你能够截取网页的屏幕快照。获得屏幕快照后，用Aviary.com的应用程序在浏览器内编辑那幅快照。基本的图像编辑装置让你能够标记（通过画箭头和长方形）、编辑（裁剪、旋转和调整大小）和获得精确的像素色彩。
个人觉得Google对我们程序员来说是个很大度的公司，在Chrome这个产品上面就可见一斑。利用Chrome插件开发技术，我们可以做许多有用的东西，通过本文，相信你已经知道如何去开发一款Chrome插件了，当然了，Chrome插件的功能是很强大的，这用到的仅是冰山一小角。

一品威客网汇聚了数百万专业的程序开发、软件美工、插件开发、软件汉化、脚本制作、软件测试、游戏开发、办公系统开发、程序修改、嵌入式、桌面软件、多媒体软件、其他软件开发等优秀威客人才，只要您在网站发布任务需求，就能够吸引众多威客给您献上最好的创意服务。