本章首先会对Chrome扩展应用进行简单的概述，然后将带着读者编写一个简单的扩展，使读者对扩展的认识更加深入。在讲解扩展Manifest文件格式时，也会简单讲解一下JSON（JavaScript Object Notation）这一轻量级的数据交换格式，从而避免没有接触过JSON的读者在阅读后续内容... 查看全部[ 1.1 认识Chrome扩展及应用 ]
Chrome将其平台上的程序分为扩展与应用，并且使用了同样的文件结构，那么两者的区别是什么呢？在早期的Chrome版本中，两者的区别非常模糊，而且有些扩展也可以用应用实现，反之亦然。但今天看来，Google正在努力使两者的界限变得清晰。 总的来说，扩展与浏览器结合得更紧密些，更加强调扩展浏览器功能... 查看全部[ 1.2 应用与扩展的区别 ]
我发现很多讲解编程的图书，一开始都会详细地讲解相关的预备知识，而大多数读者却更希望马上进行实践。其实，人们总是对基础知识很排斥，这也是为什么教育行业开始推崇自上向下的教材设计方案了——先让读者看到一个最接近表面的东西，之后再慢慢深入地讲解内在的原理和基础。所以我决定在开始讲解之前，先带大家写一个De... 查看全部[ 1.3 我的第一个Chrome扩展 ]
Chrome扩展都包含一个Manifest文件——manifest.json，这个文件可以告诉Chrome关于这个扩展的相关信息，它是整个扩展的入口，也是Chrome扩展必不可少的部分。 Manifest文件使用JSON格式保存数据，为了避免有的读者对JSON不了解而无法继续阅读，下面我将简单介绍... 查看全部[ 1.4 Manifest文件格式 ]
DOM是Document Object Model的缩写，翻译为文档对象模型，但我觉得这个听起来很生疏，还是直接叫DOM，所以本节的标题就定为了DOM简述。由于Chrome扩展应用使用HTML渲染界面，所以不可避免地要接触DOM。考虑到并非所有读者都编写过HTML，我决定单独拿出一小节来讲解DO... 查看全部[ 1.5 DOM简述 ]
通过前面的介绍，相信读者已经对Chrome扩展和应用的开发有了初步的认识，本节将介绍Chrome扩展的调试方法与代码质量。 Chrome扩展的调试方法与一般的前端调试方法相同，均可通过Chrome提供的控制台查看debug信息。 通常我们在调试前端代码时，通过右键菜单中的“审查元素”，或者通过快... 查看全部[ 1.6 调试方法与代码质量 ]