.((text ([ texttexttexttext])(text ([ texttexttexttexttexttext}, ])([ texttexttexttext}, ]))..(href (text(.)(.)text)(callback) (tabs) tabs[(url) .url}); }) }
桌面通知Chrome提供了一个chrome.notificationsAPI以便插件推送桌面通知，暂未找到chrome.notifications和HTML5自带的Notification的显著区别及优势。
在后台JS中，无论是使用chrome.notifications还是Notification都不需要申请权限（HTML5方式需要申请权限），直接使用即可。
最简单的通知：
代码：
);
通知的样式可以很丰富：
这个没有深入研究，有需要的可以去看官方文档。
5种类型的JS对比Chrome插件的JS主要可以分为这5类：injected script、content-script、popup js、background js和devtools js，
权限对比JS种类 可访问的API DOM访问情况 JS访问情况 直接跨域
injected script 和普通JS无任何差别，不能访问任何扩展API 可以访问 可以访问 不可以
content script 只能访问 extension、runtime等部分API 可以访问 不可以 不可以
popup js 可访问绝大部分API，除了devtools系列 不可直接访问 不可以 可以
background js 可访问绝大部分API，除了devtools系列 不可直接访问 不可以 可以
devtools js 只能访问 devtools、extension、runtime等部分API 可以 可以 不可以
调试方式对比JS类型 调试方式
injected script 直接普通的F12即可
content-script 打开Console,如图切换
popup-js popup页面右键审查元素
background 插件管理页点击背景页即可
devtools-js 暂未找到有效方法
消息通信通信主页：https://developer.chrome.com/extensions/messaging
前面我们介绍了Chrome插件中存在的5种JS，那么它们之间如何互相通信呢？下面先来系统概况一下，然后再分类细说。需要知道的是，popup和background其实几乎可以视为一种东西，因为它们可访问的API都一样、通信机制一样、都可以跨域。
互相通信概览注：-表示不存在或者无意义，或者待验证。
injected-script content-script popup-js background-js
injected-script - window.postMessage - -
content-script window.postMessage - chrome.runtime.sendMessage chrome.runtime.connect chrome.runtime.sendMessage chrome.runtime.connect
popup-js - chrome.tabs.sendMessage chrome.tabs.connect - chrome.extension. getBackgroundPage()
background-js - chrome.tabs.sendMessage chrome.tabs.connect chrome.extension.getViews -
devtools-js chrome.devtools. inspectedWindow.eval - chrome.runtime.sendMessage chrome.runtime.sendMessage
通信详细介绍 popup和backgroundpopup可以直接调用background中的JS方法，也可以直接访问background的DOM：
() bg .(bg.document.body.innerHTML); // 访问bg的DOM
小插曲，今天碰到一个情况，发现popup无法获取background的任何方法，找了半天才发现是因为background的js报错了，而你如果不主动查看background的js的话，是看不到错误信息的，特此提醒。
至于background访问popup如下（前提是popup已经打开）：
))
popup或者bg向content主动发送消息background.js或者popup.js：
function sendMessageToContentScript(message, callback) (tabs) message, function(response) )((response) response); });
content-script.js接收：
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) () );
双方通信直接发送的都是JSON对象，不是JSON字符串，所以无需解析，很方便（当然也可以直接发送字符串）。
网上有些老代码中用的是chrome.extension.onMessage，没有完全查清二者的区别(貌似是别名)，但是建议统一使用chrome.runtime.onMessage。
content-script主动发消息给后台content-script.js：
(response) response); });
background.js 或者 popup.js：
// 监听来自content-script的消息 chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) ..stringify(request)); });
注意事项：
content-script和页面内的脚本（injected-script自然也属于页面内的脚本）之间唯一共享的东西就是页面的DOM元素，有2种方法可以实现二者通讯：
第一种方法（推荐）：
injected-script中：
);
content script中：
(e) );
第二种方法：
injected-script中：
.)(data) { hiddenDiv .innerText = data ('你好，我是普通JS！');
content-script.js中：
(!hiddenDiv) { hiddenDiv ...() ..);
长连接和短连接
相关文章
![架构师之路--谈架构师的基本素养和[干货]日志处理 - 静儿1986](/upload8/allimg/170528/09111291a_lit.png)
精彩导读
热门资讯
关注我们
