基于Ajax技术的Chrome扩展开发

摘要：Chrome 浏览器高安全性的沙盒技术、多进程技术、隐身模式、快速高效的浏览体验吸引了大量用户。Chrome扩展

>> Ajax技术及开发 基于Ajax轮询和缓存技术的Web实时系统的开发 基于MVC模式的Joomla！框架在Web系统组件扩展开发中的应用研究 基于Ajax和.NET的地图查询系统开发 基于Ajax的在线考试系统开发 基于JSF定制生命周期的Ajax组件开发 Ajax技术在PHP开发中的应用 浅谈AJAX技术在WEB程序开发中的应用 Ajax技术在Web应用系统的研究与开发 Ajax技术在Web开发中的应用 基于AJAX技术的应用系统的测试 基于Ajax脚本的构件组装技术的研究 基于AJAX的网页无刷新技术 基于AJAX技术的Web页面局部刷新 基于反向Ajax技术的终端驱动Web服务 基于Ajax技术的微博网站设计与实现 高校图书馆人力资源的扩展开发 基于.net和Ajax的在线编译器网络平台开发 AJAX技术及其在WEB应用程序开发中的应用 AJAX技术在网络课程开发中的应用研究 常见问题解答 当前所在位置：l",

"browser_action": {

"default_icon": "icon.gif",

"popup": " popup.html"

}

}

name和version字段是必需的，Chrome 需要这2个键值对来识别扩展。browser_action 是 Chrome的特殊组件，将在 Chrome工具栏上放上一个图标，同时定义了这个图标的动作，分别由 default_icon 和 popup 来提供。browser_action 主要用于那些适合在大多数页面的功能，如果仅仅适合特定的页面，则page action更合适。popup是一个弹出HTML，用户单击default_icon时显示。绝大部分扩展有background文件，一个不可见的文件控制着整个扩展的运行。background不是唯一存在的HTML文件，如果浏览器行为是弹出一个小窗口，这个小窗口的内容就可以调用一个HTML文件。Chrome扩展也能够用Chrome.tabs.create()或window.open()这种函数来显示HTML文件。扩展里面的HTML文件可以互相访问对方的DOM结构，可以引用其它文件中定义的函数，三者的结构关系如图1所示。

弹出窗口的内容是一个HTML的web文件，这个弹出窗口不需要包含background文件中的代码， popup.html和background是可以互相访问的。JavaScript脚本会在网页载入完成后调用，所以可以把脚本看做是网页的一部分而不是扩展的一部分。JavaScript脚本可以访问到当前浏览器浏览的页面，而且还可以改变网页的显示方式，可以读取、更改网页的DOM。基于Ajax技术的天气预报Chrome扩展，采用中国天气网的天气预报插件11：

接口元素包括城市名称、城市定制、今天及明天单天气图标、风力、温度、天气现象描述，有城市IP自动判断功能，根据访问者的IP自动改变城市，最佳宽度在460px ~490px之间，最佳高度为50px，用CSS相应地定义popup页面。

XML 定义了弹出页面，在其head部引入jquery-1.4.2，在其body部定义