问题是如何在特定选项卡上查询此类事件:
- 用户已加载带有特定 URL 的选项卡,例如:google.com(我认为最简单的方法是使用 chrome.tabs.query,然后您可以使用 url 获取活动选项卡)
- 用户已关闭选项卡
- 该选项卡处于非活动状态,例如切换到另一个选项卡
- 检查用户是否空闲(还有空闲的chrome api)。
目前,我研究过检查指定 URL 操作的最简单方法是使用内容脚本,它可以侦听事件,然后使用消息 API 将结果发送到后台脚本。
问题是如何在特定选项卡上查询此类事件:
目前,我研究过检查指定 URL 操作的最简单方法是使用内容脚本,它可以侦听事件,然后使用消息 API 将结果发送到后台脚本。
您不能在特定选项卡上为此类事件注册侦听器。可能有不同的方法,但我建议使用chrome.tabs.*事件来侦听有关所有选项卡的事件,然后手动进行过滤。
[注意:您需要在清单中请求必要的权限,例如“tabs”、“idle”、主机匹配模式等]
用户已使用特定 URL 加载选项卡,例如:google.com
为以下事件附加侦听器:
...然后根据 URL 进行过滤。例如:
var urlRegex = /https?:\/\/([^\.]+\.)?google.com/;
chrome.tabs.onUpdated.addListener(function(tabId, info, tab) {
if (info.url && urlRegex.test(info.url)) {
/* The tab with ID `tabId` has been updated to a URL
* in the `google.com` domain. Let's do something... */
...
}
});
用户已关闭选项卡。
为以下事件附加侦听器:
...然后根据 URL 进行过滤。例如:
var urlRegex = ...;
chrome.tabs.onRemoved.addListener(function(tabId, info) {
chrome.tabs.get(tabId, function(tab) {
if (urlRegex.test(tab.url)) {
/* The tab with ID `tabId`, with a web-page in the
* `google.com` domain, is being closed. Let's do something... */
...
}
});
});
该选项卡处于非活动状态,例如切换到另一个选项卡。
不幸的是,没有onFocusLost
事件。您可以监听chrome.tabs.onActivated事件并跟踪每个窗口中的活动选项卡。然后,当另一个选项卡被激活时,如果先前激活的选项卡指向google.com ,请执行一些操作。(我不会详细描述机制)。对于这种特殊情况,使用内容脚本并在禁用选项卡时通知您的后台页面
可能更简单:
/* In `content.js` */
window.addEventListener("blur", function() {
chrome.runtime.sendMessage({ text: "focusLost" });
})
/* In `background.js` */
chrome.runtime.onMessage.addListener(function(msg, sender) {
if (msg.text === "focusLost") {
/* OMG - The user switched to another tab :( */
}
});
检查用户是否空闲。
您无法检查用户是否在特定选项卡方面处于非活动状态,但一般情况下。正如您所提到的,您可以使用chrome.idle API,为chrome.idle.onStateChanged事件注册一个侦听器。
chrome.idle.onStateChanged.addListener(function(newState) {
if (newState == "active") {
/* The user came back. Let's do something... */
} else {
/* The user is not around. Let's wait... */
}
});