{"name": "myfirstExtension","version": "0.0.1","manifest_version": 2,"description": "a extension demo","browser_action": {"default_icon": "48x48.png","default_title": "demo title","default_popup": "popup.html"}
}

<meta charset="utf-8" />
<style>
*{margin: 0; padding: 0;}
.main{padding: 50px;background-color: #ccc; color:green;}
.content{color: red; line-height: 30px;font-size: 22px;}
</style>
<div class="main"><h1>女神高圆圆哪里去了</div><div class="content">好好撸代码，高圆圆嫁人了</div><img src="gyy.jpeg" />
</div>

//这个json是用来给chrome读取的，json左右两边都要加""
{"manifest_version": 2,  // 这个当前基本就是写死的了，指定manifest的版本"name": "My Extension", // 插件的名称，和下面的version，description都能在chrome://extension设置中看到"version": "versionString","default_locale": "en","description": "A plain text description","icons": { // 在插件商店和安装目录中看到的图标"16": "images/icon16.png","48": "images/icon48.png","128": "images/icon128.png"},// 和下面的page_action只能二选一"browser_action": {"default_icon": {  // 显示在浏览器右侧工具栏中的图片，大部分显示的都是48对应的图片"19": "images/icon19.png","38": "images/icon38.png"},"default_title": "Extension Title",   // 鼠标悬停在插件图标上显示的文案"default_popup": "popup.html"         // 点击插件图标弹出的页面},"page_action": {"default_icon": { // 显示在浏览器地址栏右侧的图标 其余的信息同上，但是这个图标只会在生效的页面中显示，否则是隐藏的"19": "images/icon19.png","38": "images/icon38.png"},"default_title": "Extension Title","default_popup": "popup.html"},//需要数据保存程序中，如果当前用户关闭popup，就需要Background Pages来进行相应的操作"background": {"scripts": ["background.js"]},//需要和网页交互，那么他就需要一个内容脚本(Content scripts)，内容脚本常由JavaScript编写，会在网页载入完成后调用"content_scripts": [{"matches": ["http://www.google.com/*"],"css": ["mystyles.css"],"js": ["jquery.js", "myscript.js"]}],//选项页面"options_page": "options.html",//跨域权限许可，权限"permissions": ["*://www.google.com/*"],//web可访问资源"web_accessible_resources": ["images/*.png"]
}

// 具体意思就是把名字为content_script的js文件插入到浏览器页面的content script环境中去
// 这行代码若要生效必须要在manifest中的permissions中添加tabs；
// 此方法的第一个参数是tabid，我们其实就想向当前激活（显示）的页面注入脚本，所以，我们第一个参数传null，这样就会用默认的值（active tab），但是要这个生效需要增加权限
// 就像你猜到的，在manifest的permissions中添加：activeTab
// 接口文档：https://developer.chrome.com/extensions/tabs#method-executeScript
// chrome.tabs的值有哪些呢，查阅：https://developer.chrome.com/extensions/tabs
// 执行content script文件 
chrome.tabs.executeScript(null, {file: "content_script.js"}); // 接听content script传过来的数据
chrome.extension.onRequest.addListener(function(request, sender, senderResponse) {if(request){new PerformanceData(request);}});

var msg = {type: "aaaa",data: "bbbb"
}
chrome.extension.sendRequest(msg, function (response) {console.dir(response);
});