欢迎光临

木子屋

标题: Chrome扩展程序的Background Page使用示例

作者: dnawo

日期: 2010-06-14 12:57 AM

分类: 网络技术

内容: Background Page也是一个普通的html页面，但它的特别之处是这个页面始终在后台运行(从Chrome浏览器启动到关闭)，你看不见它，好处是你可以把一些公共的代码放在这个页面中供其他页面调用。
下边的示例演示如何在Background Page记录图标的点击次数：
manifest.json：
复制内容到剪贴板 程序代码{
"name": "My First Extension",
"version": "1.0",
"description": "The first extension that I made.",
"background_page": "background.html",
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
}
}
background.html：
复制内容到剪贴板 程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>background.html</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var Clicks = (function(){
var i = 0;
return function(){ return ++i; }
})();
</script>
</body>
</html>
popup.html：
复制内容到剪贴板 程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>popup.html</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var winBackgroundPage = chrome.extension.getBackgroundPage();
if(winBackgroundPage)
document.write("Clicks:" + winBackgroundPage.Clicks());
</script>
</body>
</html>
效果预览：

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 2.484 ms

返回

标题: Chrome扩展程序的Background Page使用示例

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 2.484 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 2.555 ms

返回