网络技术 订阅所有【网络技术】的日志

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

编辑:dnawo 日期:2010-06-14

字体大小: 小 中 大
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>

效果预览：



上一篇: 制作一个简单的Chrome扩展程序
下一篇: Free HTTP Sniffer：Access violation at address xxxx解决方法
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 16013
发表评论
请登录后再发表评论！