本章首先会对Chrome扩展应用进行简单的概述，然后将带着读者编写一个简单的扩展，使读者对扩展的认识更加深入。在讲解扩展Manifest文件格式时，也会简单讲解一下JSON（JavaScript Object Notation）这一轻量级的数据交换格式，从而避免没有接触过JSON的读者在阅读后续内容时遇到困难。另外，本章还会简单讲解一下DOM，这对从未接触过网页编程的读者会非常有帮助。 1.1 认识Chrome扩展及应用 Chrome是Google公司基于WebKit开发的一款浏览器[1]，但从某种角度上来说，它的作用已经远远超越了浏览器，而是成为了一个平台，甚至是一个操作系统。Chrome继承了WebKit内核对HTML的高速渲染，同时Google自行开发的V8引擎使得JavaScript在Chrome中的执行效率大幅提升，这使得更加高级复杂的JavaScript程序在Chrome中运行成为可能。 Chrome浏览器除了页面渲染速度快、JavaScript执行速度快以外，另一大特点就是支持开发者为其编写各种各样的扩展来扩充其功能，支持用HTML5编写桌面程序，这使得Chrome变得更加强大。编写这样的程序就是本书所要讲解的内容。 由于Chrome扩展和Chrome应用有很多相似之处，为了叙述方便，本章会统一说成Chrome扩展，但读者应该清楚，这些内容同样适用于Chrome应用。 Chrome扩展是一系列文件的集合，这些文件包括HTML文件、CSS样式文件、JavaScript脚本文件、图片等静态文件以及manifest.json。个别扩展还会包含二进制文件，如DLL动态库和so动态库等，但这需要调用NPAPI，而Google出于安全性考虑，已经决定逐渐淘汰NPAPI，所以本书不会向大家介绍有关NPAPI的内容[2]。 ———————————— [1] Chrome 28之后使用的Blink渲染引擎是WebKit中WebCore组件的一个分支。 [2] Google提出了NaCl（Native Client）取代NPAPI，感兴趣的读者请自行参见https://developer.chrome.com/native-client了解相关内容。 ———————————— 安装扩展后，Chrome就会读取扩展中的manifest.json文件。这个文件的文件名固定为manifest.json，内容是按照一定格式描述的扩展相关信息，如扩展名称、版本、更新地址、请求的权限、扩展的UI界面入口，等等。这样Chrome就可以知道在浏览器中如何呈现这个扩展，以及这个扩展如何同用户进行交互。 由于Chrome扩展是基于Chrome平台的，说得直白些，是基于WebKit浏览器的——当然有些更加高级的接口不仅仅依赖于WebKit浏览器——所以Chrome扩展在处理逻辑运算和实现程序功能时，所采用的编程语言必然只能是JavaScript。 可能你会感到惊讶，毕竟JavaScript最开始是为提升网站与用户交互体验而设计的一种轻量级脚本语言，怎么会脱离网站而成为一种程序的逻辑语言呢？随着Chrome浏览器V8引擎的出现，JavaScript的执行效率得到了大幅提升，甚至出现了将其作为后端语言的项目——Node.js，所以将JavaScript作为一种客户端程序语言就更是绰绰有余了——只要提供更加丰富的功能函数——而Chrome平台恰好提供了这样的环境。 总的来说，Chrome扩展更像是一个运行于本地的网站，只是它可以利用Chrome平台提供的丰富的接口，获得更加全面的信息，进行更加复杂的操作。而它的界面则使用HTML和CSS进行描述，这样的好处是可以在很短的时间内构建出赏心悦目的UI。界面的渲染完全不需要开发者操心，可以交给Chrome去做。同时，由于JavaScript是一门解释型语言（现代浏览器使用的JavaScript引擎会对JavaScript进行编译，如V8），无需对其配置编译器，因此调试代码时，你只要刷新一下浏览器就可以看到修改后的结果，这使得开发周期大大缩短。 同时，Chrome浏览器比Java虚拟机、Python解释器（Linux和OS X中默认安装了Python，而Windows中默认没有安装）等其他语言环境更加普及——我甚至可以在我们学校图书馆的计算机中找到Chrome浏览器——所以你所开发的Chrome扩展可以在更多的计算机中运行。当你遇到一个问题需要利用计算机去处理时，而这台计算机恰好安装了Chrome浏览器，那么你就可以欢快地打开记事本开始编写程序了，完成之后加载到Chrome浏览器中就可以查看运行结果，这是一件多么酷的事啊！ 别急，后面的内容就会让你掌握这项新技能！