基于chrome浏览器插件扩展开发

河南农业大学理学院本科毕业论文基于 chrome 浏览器插件扩展开发摘要Chrome浏览器高安全性的沙盒技术、多进程技术、隐身模式、快速高效的浏览体验吸引了大量用户。Chrome扩展可以提升用户体验，乃至解决一些使用过程中遇到的实际问题。本文介绍Chrome浏览器的进程与线程模型解析，对浏览器的框架也做出了一定的分析。Chrome浏览器基于HTML的扩展开发方式极大地方便了开发人员。本文是一显示图片和文字为例的chrome浏览器插件扩展开发，介绍了Chrome扩展的开发流程，并结合Ajax技术增强了特性。扩展插件增加了浏览器的功能，使得浏览器趋向便捷，个性化。扩展插件的开发也必定成为各大浏览器厂商竞争的方向，了解和编写插件扩展显得十分必要。本文首先介绍了插件扩展开发的相关辅助知识，这对于chrome浏览器的扩展插件的开发具有指导意义，然后着重介绍了chrome浏览器的框架和插件的机构使得插件的开发原理清晰明了，最后介绍了运用Ajax技术的插件实例和解决插件开发过程中面临的一些常见问题的讲解。本文的简单研究chrome浏览器的插件开发，有助于初学者的学习。关键字：chrome 浏览器 ； 插件 ； Ajax河南农业大学理学院本科毕业论文0Based on the chrome browser plug-inextension developmentAbstractChrome Browser security sandbox technology, process technology, more stealth mode,fast and efficient browsing experience attracts a large number of users.Chrome extensions can enhance the user experience,and solve some practical problems encountered during use.This article describes the process and thread Model Analysis of the chrome browser,the browser frame is also made some analysis.Extension of the chrome browser is based on HTML development mode greatly simplifies developer.This is a display image and text,for example chrome browser plug-inextension Development,introduced the chrome extension development process,and AJAX technologies with enhanced features.Extensions in crease the capabilities of the browser,making his bangs.This article first describes the plug-inextensions related to the development of secondary knowledge,the development of extensions for chrome browser with a guide,and then focus on the framework of the chrome browser and plug-in makes it easy to develop the structure of the principle of clarity,and finally describes the plug-in instance by using AJAX technology,and solve some of the frequently asked questions about plugin development process.Study on the simple chrome browser plug-in development of this article,helps beginners learn.Keywords：chrome browser ； pulg-inextentsion ； Ajax河南农业大学理学院本科毕业论文1目录1 绪论 .41.1 本文研究目的 .41.2 Chrome 浏览器扩展插件与实现技术 .41.3 本文主要内容 .52 浏览器发展与现状 .62.1 浏览器简介 .62.2 浏览器发展历程 .62.3 浏览器分类 .62.4 chrome 浏览器简介 .72.5 插件开发 .73 插件开 发环境 .83.1 为什么是 chrome 浏览器 .83.2 chrome 插件开发环境 .84 开发语言简介 .94.1 java script 语言 .94.2 HTML 语言 .95 Chrome 的详解与插件结构 .115.1 chrome 浏览器 .115.2 chrome 浏览器的特点 15 .115.2.1 高速程序启动快，载入网页快 .115.2.2 简单高效、易用性的设计 .115.2.3 样式 .115.2.4 多进程及多线程模型 .11河南农业大学理学院本科毕业论文25.2.5 搜索简洁 .115.3 chrome 浏览器内核 .115.4 chrome 的进程与线程模型 .125.4.1chrome 的进程和线程模型 16 .125.5 chrome 线程模型 .135.6 chrome 插件结构 17 .145.6.1 插件组成 .145.6.2 manifest.json 文件 .155.6.3 浏览器插件结构 .155.7 小结 .166.3 插件制作 .186.3 插件安装步骤 .196.4 小结 .227 Chrome 浏览器插件开发相关问题 .237.1 如何输出和查看调试信息 .237.2 Chrome 插件开发中文问题解决方法 .237.3 如何在 execute script 多个 content script 文件 19 .237.4 插件是否提交 .247.5 小结 .248 结论 .258.1 工作总结 .258.2 论文展望 .25参考文献 .26附录 .27致谢 .29河南农业大学理学院本科毕业论文31 绪论本文对论文涉及的研究领域进行了较为详细的综述。简要介绍了 chrome 浏览器以及插件开发的研究的目的和意义，给出了 chrome 浏览器插件开发的原理和主要步聚。在对谷歌浏览器的特点简要概述的基础之上，着重强调了谷歌浏览插件开发的研究暨论文主要研究的内容。1.1 本文研究目的21世纪是互联网的时代，社会的个个方面似乎都与互联网离不开，互联网的发展日新月异，对人们的工作方式，交往方式，学习方式的影响越来越大 1。互联网提高了办事效率，也扩展了人们的想象空间。加上与移动通讯相结合，互联网简直就像“幽灵”一般如影随形，成为人们日常生活须臾不可分离的组成部分。特别是由DOS的交互界面发展到windows图形界面 2，这些拉近与互联网的距离，浏览器作为信息的交互的工具具有不可替代的作用，浏览器的功能多少似乎影响着信息量的多少，所以似乎有必要增加浏览器的功能。本文研究的目的是增加浏览器的扩展功能，实现浏览器的特定的功能以扩展浏览信息量或者实现浏览器特定的基本功能。例如，增加浏览器的计算扩展，增加浏览器的信息存储扩展等。在高速信息发展的时代似乎准确查找信息是有必要的也是必须的，扩展是解决浏览器信息的抓取的有效解决办法。这并不是不能实现，可以在浏览器增加插件实现特定信息的抓取，例如在浏览器中抓取广告并删除。节省时间，增加阅读性，实现更深层次的浏览器互动是增加插件的目的与意义。本文是实现chrome浏览器插件开发的研究论文，具有指导插件开发的方法，步骤以及遇到的问题。这也是本文研究的目的。1.2 Chrome 浏览器扩展插件与实现技术Chrome 浏览器是谷歌公司的开源项目 3。Chrome 浏览器是 2008 年发布的新一代浏览器，基于 web kit 内核和强大 v8javascript 渲染引擎，以其快速，简洁，安全性很快占据了相当大的市场份额一跃成为全球第二大浏览器。插件就是扩展浏览器功能的实现某种特定需要的程序 4。Chrome 浏览器插件开发相比于其他浏览器插件开发较容易，具有易于开发的开发者模式，插件的调试较易完成。Chrome 扩展是一个包括 HTML 文档、CSS、Java script、图片以及其它文件在内的 zip压缩包，为浏览器添加某些功能，其本质其实是 web 页面，可以使用浏览器所提供的所有操作 web 页面的 API，包 XML Http Request 和 JSON 等等。Chrome 扩展 UI 分为 browser actions 和 page actions 两类，任何 Chrome 扩展最多只能选择其一。本文是运用 Ajax 技术实现 chrome 浏览器插件的开发。Ajax 是一种创建交互式网页开发技术，用于快速动态网页的技术，Ajax 可以实现式网页实现异步更新，可以在不重新加载整个网页的情况下对网页的某部分进行更新，有很多使用 Ajax 的应用程序案例：新浪微博，Google 地图等。河南农业大学理学院本科毕业论文4Chrome 浏览器插件的开发是较易于初学者实现的，在实现插件的同时也培养了开发者大量的相关知识，完善插件开发的相关思想，对日后更近一步的发展插件奠定了一定的经验知识。1.3 本文主要内容本文是实现 chrome 浏览器的插件开发。文章讲解 chrome 浏览器的相关知识，插件开发的环境搭建，插件开发语言，这是本论文的基础知识。chrome 浏览器与插件结构知识是本文的核心知识，本文也提供相关的插件开发的样式供读者参考，最后本文简要介绍了在插件开发的过程中所遇到的一些问题并提供了一定的解决办法。本文也存在许多不足之处，本文的研究水平有限仅供初学 chrome 浏览器插件开发人员参考。河南农业大学理学院本科毕业论文52 浏览器发展与现状2.1 浏览器简介浏览器 5是指可以显示网页服务器或者文件系统的 HTML 文件内容，并让用户与这些文件交互的一种软件。浏览器主要通过 HTTP6协议与网页服务器交互并获取网页，这些网页有 URL（统一资源定位器）指定，文件格式通常为 HTML7，并有 MIME 在 HTTP 协议中指明，其过程就是解释与翻译超文本语言的过程。大部分的浏览器支持除了 HTML 之外的广泛的格式，如JPEG，PNG，GIF 等图像格式，并且能够扩展支持众多的插件（plug-ins），另外，许多浏览器还支持其他的 URL 类型及其相应的协议，如 FTP、Gopher、HTTPS（HTTP 协议的加密版本）。HTTP 内容类型和 URL 协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。2.2 浏览器发展历程浏览器的发展过程也就是最近几年快速发展起来了的，浏览器在发展的过程中出现了很多不同种类。第一个 web 浏览器是在 1990 年有蒂姆-伯纳斯-李（Tim Bemers-Lee）发明的，刚开此时 web 浏览器取名为 World Wide Web 后改名为 Nexus，第一个 web 浏览器的发明与作者的爱好习惯有关，李习惯使用超文本分享资讯，这就促使浏览器的诞生。所以浏览器主要功能就是解释显示超文本文档，可见浏览器的诞生促进了文化，社会，科技的交流。随着第一浏览器的诞生，各软件公司为抢占市场纷纷推出其各自的浏览器，著名的浏览器之争莫过于就是网景（Netscape）与微软（Windows），网景于 1994 年 10 月发布了其旗舰版浏览器，与之同时微软发布了著名的 IE 浏览器，两家互联网巨头公司在其浏览器编写中添加了互不兼容的 HTML 语言各自为阵，微软为了快速占领市场将 IE 浏览器与其操作系统捆绑销售，从而快速占领了市场，网景公司由于缺乏相应的推广手段很快败下阵来。这场浏览器之争更加推动了互联网的发展，首先是制定了统一的标准，推去了 HTML4 语言，此外 w3c 也规范了许多标准，加快了浏览器市场的标准建立；其次，加快了其他浏览器的产生，网景为挽回 Netscape 的市场占有率，网景公司以开放源代码迎战，创造了Mozilla，2002 年，衍生出 phoenix 后改为 Firefox，就是著名的火狐浏览器。其他浏览器如 opera 浏览器（欧朋浏览器其手机市场的占有率较高，个人电脑市场占有率较低），Lynx 浏览器（Linux 市场十分流行的浏览器，但它是全字模式的浏览器，视觉效果不是太好），Konqueror 浏览器（由 KDE 开发而成，浏览器使用的是自家开发的排版引擎 KHTML），Safari 浏览器（基于 Konqueror 这个开放源代码浏览器的 KHTML 排版引擎而制成的，也是MacOSX 的默认浏览器）。最后，有助于 IT 产业的发展，浏览器的的普及化使得互联网能够快速的进入普通家庭，方便社交，文化交流，零售百货等快速的发展。河南农业大学理学院本科毕业论文62.3 浏览器分类根据引擎区分 9可分为：基于 gecko 排版引擎，有 Mozilla.Firefox,Hot Browser 等浏览器，基于 web kit 排版引擎，代表作 Google chrome，safari，opera 等，基于 khtml排版引擎，代表作 Konqueror，基于 trident 排版引擎，代表作 Internet explorer，Netscape browser 等。根据内核区分为 ie 内核，chrome 内核和双内核（ie 和chrome 内核）。2.4 chrome 浏览器简介Chrome 浏览器又叫称为 Google chrome 浏览器，有谷歌公司在 2008 年 9 月 2 号发布的全新浏览器。这是一款全新的，简约，高效的基于 web kit 内核，KHTML 渲染引擎的浏览器，且支持 Windows，mac，Linux 等平台，同时也是开源软件。 chrome 浏览器的支持的编写语言也是多样的，比如 C+，汇编语言，JavaScript 等语言。Chrome 最大的亮点就是其多进程架构，保护浏览器不会因恶意网页和应用软件而崩溃。每个标签、窗口和插件都在各自的环境中运行，因此一个站点出了问题不会影响打开其它站点。通过将每个站点和应用软件限制在一个封闭的环境中这种架构，这进一步提高了系统的安全性。与此同时chrome 浏览器有许多特点，浏览器中包含 V8Javascript 虚拟机，这个多线程的虚拟机可以加速 Java script 的执行，网页的执行速度快，也是其它浏览器无法实现的；几乎隐身的设计让用户似乎感觉不到是在使用一款浏览器而是在像操作系统；以及更为简单方便的搜索设计。2.5 插件开发浏览器的设计之初是为了更好的实现不同网络之间的交流，文档的互换与显示，并没有过多的考虑其它问题，随着网络的发展有太多的问题逐渐的显露出来，为了更好的人性化的服务许多应用插件应运而生。插件 (Plug-in,又称 addin、add-in、addon 或 add-on,又译外挂)是一种遵循一定规范的应用程序接口编写出来的程序。很多软件都有插件，插件有无数种。例如在 IE 中，安装相关的插件后，WEB 浏览器能够直接调用插件程序，用于处理特定类型的文件。插件最大的好处就是实现浏览器不能实现的功能，也就是说扩展了浏览器的网页动作实现了许多功能。比如，可以设计一个插件实现过滤广告的功能，这是浏览器本身所不具有的网页过滤功能；同样也可以设计一个插件实现动态与服务器进行交换的功能，这就是我们所熟悉的众多的抢火车票插件；还有一些插件实现了用户的安全登录与退去的功能，比如我们经常使用的支付宝登录插件，这些插件就是在浏览器的脚本中添加与服务器不断进行交换并且显示的功能。插件实现了许多服务器没有的网页动作、功能，扩展了服务器的使用范围与使用的方便程度。插件的定位应该是开发实现原纯净系统平台/应用软件平台不具备的功能的程序，其只能运行在程序规定的系统平台下（可能同时支持多个平台），而不能脱离指定的平台单独运行。因为插件需要调用原纯净系统提供的函数库或者数据。插件也有不利的一面 10，插件的开发有可能会涉及到网页的稳定性与安全性。插件可能会使浏览器的脚本与服务器运行的脚本发生混乱造成服务器的崩溃，插件中众多的 js 文件同样也会在浏览器的交换过程中获取用户的帐号密码等信息危害用户的安全。总之，插河南农业大学理学院本科毕业论文7件的利于弊需要的是用户全面的衡量，插件的下载应该在其官方网站下载与安装，这样就能保证其一定的稳定，安全。本文所涉及的 chrome 浏览器插件开发是是实现浏览器的扩展功能，如浏览器中增加一些小的实用性的工具，像计算器，日历，文档的编辑等工作，生活小工具。本文也是着重探讨 chrome 浏览器插件开发的步骤方法，明白简易原理以及实现自己的开发。河南农业大学理学院本科毕业论文83 插件开发环境3.1 为什么是 chrome 浏览器插件开发普遍适合大多数的浏览器，插件的语言也是各种各样，有需要汇编的，C 语言的，JavaScript 语言的。插件开发的方式方法也各有千秋。但为什么选择 chrome 浏览器作为我们开发插件的浏览器呢？首先，chrome 浏览器是开源项目，chrome 浏览器的安全性能也高于其它浏览器，其次，chrome 浏览器的是基于 web kit 的内核设计，浏览器的脚本文件运行的快速且其单独的空间基本不会相互