（五）常驻后台

1. background可以包含三种属性，分别是 scripts 、page 和 persistent

   • 如果指定了 scripts 属性，则Chrome会在扩展启动时自动创建一个包含所有指定脚本的页面
   • 如果指定了 page 属性，则Chrome会将指定的HTML文件作为后台页面运行
   • 通常我们只需要使用 scripts 属性即可，除非在后台页面中需要构建特殊的HTML——但一般情况下后台页面的HTML我们是看不到的
   • persistent属性定义了常驻后台的方式（默认为true）——当其值为true时，表示扩展将一直在后台运行，无论其是否正在工作；当其值为false时，表示扩展在后台按需运行，这就是Chrome后来提出的 Event Page。
   • Event Page 可以有效减小扩展对内存的消耗，如非必要，请将persistent设置为false。

2. 小项目
   检测博客是否在线

manifest

{    "manifest_version": 2,    "name": "Blog在线状态",    "version": "1.0",    "description": "监视Blog是否在线",    "icons": {        "16": "images/icon16.png",        "48": "images/icon48.png",        "128": "images/icon128.png"    },    "browser_action": {        "default_icon": {            "19": "images/icon19.png",            "38": "images/icon38.png"        }    },    "background": {        "scripts": [            "js/status.js"        ]    },    "permissions": [        "http://cuiqingcai.com/"    ]}

status.js

function httpRequest(url, callback){    var xhr = new XMLHttpRequest();    xhr.open("GET", url, true);    xhr.onreadystatechange = function() {        if (xhr.readyState == 4) {            callback(true);        }    }    xhr.onerror = function(){        callback(false);    }    xhr.send();}setInterval(function(){    httpRequest('http://cuiqingcai.com/', function(status){        chrome.browserAction.setIcon({path: 'images/'+(status?'online.png':'offline.png')});    });},5000);

每5秒检测一下请求状态，因为没有 UI所以不考虑html