跨浏览器扩展开框架的设计与实现.pptVIP

跨浏览器扩展开发框架的设计与实现 王 军 关于我 { name: 王军, company: 阿里巴巴 — 一淘及搜索事业部, description: F2E, JavaScript developer, weibo: __Meteora__ } 提纲 首先 讨论对象限于提供了成熟的扩展机制的浏览器，例如：Chrome，Firefox，Opera，Safari 等 浏览器 扩展（extension），而非 插件（plugin） 扩展开发基本概念 – 文件构成 扩展配置信息文件 HTML, CSS, JavaScript 图片，资源文件 anything you need… 扩展开发基本概念 – 配置信息文件 基本信息 扩展名称 版本号 功能定义 工具栏 Popup 后台脚本等… 权限声明 扩展功能使用声明 URL 访问 扩展开发基本概念 – 两类脚本 background script (server) 独立进程，跟随浏览器生命周期 存储持久化数据，发送跨域 XHR 请求 实现扩展主逻辑，完全的 API 访问权限 content scripts (client) 存活于插入页面进程，与页面脚本环境隔离 可操作插入页面的 DOM Tree 有限的扩展 API 访问 扩展开发基本概念 – 可用 API ECMAScript 5