我编写了一个 chrome 扩展,它根据作为内容脚本注入的计时器的值重定向当前选项卡。后台脚本通过每隔一段时间轮询每个计时器来跟踪所有打开的选项卡的运行时间,如果在特定站点上花费的时间超过给定限制,则将活动选项卡重定向到间隙页面,并提供重置选项卡的选项。计时器并恢复之前的 URL。这是可行的,但是一旦计时器被重置一次,chrome.tabs.update()
将活动选项卡重定向到chrome-extension://invalid/
。我不知道为什么,甚至不知道如何诊断这里发生的事情。
这是它应该如何工作的,一步一步。首先,一个if
时间到时会触发后台脚本中的块:
背景.js:
if (time_elapsed > time_limit) {
settings.restore_url = tab.url;
var timeup_url = chrome.extension.getURL('timeup.html');
update_icon("off");
chrome.tabs.update({url: timeup_url});
}
这会将当前选项卡的 url 保存到settings
对象,获取静态页面的URLtimeup.html
从扩展目录,更新工具栏图标,并将当前选项卡重定向到timeup.html
.
超时.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.css" type="text/css">
<style>
.hero-unit {
background-color: #ffffff;
text-align: center;
}
.icon {
vertical-align: middle;
}
.xlarge {
font-size: 20px;
}
</style>
<script src="timeup.js" type="text/javascript"></script>
<title>Tabminder</title>
</head>
<body>
<div class="container">
<div class="row-responsive">
<div class="hero-unit">
<h1>Don't get distracted!</h1>
<p>You've been browsing a timesink site for too long.</p>
<p>
<a class="btn btn-inverse btn-large xlarge" id="close-tabs"><img src="img/remove.png">
<span class="icon"> Close tab</span>
</a>
<a class="btn btn-danger btn-large xlarge" id="restart-timer"><img src="img/repeat.png">
<span class="icon"> Restart timer</span>
</a>
</p>
</div>
</div>
</div>
</body>
</html>
这很简单。连接到的两个按钮'click'
事件侦听器在...
timeup.js:
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("close-tabs").addEventListener('click', close_tabs);
document.getElementById("restart-timer").addEventListener('click', restart_timer);
});
var port = chrome.extension.connect();
function close_tabs () {
port.postMessage({close_tabs: true});
}
function restart_timer () {
port.postMessage({restart_timer: true});
}
The #restart-timer
按钮呼叫restart_timer()
,它将消息发送回内容脚本以重定向选项卡:
背景.js:
// Listen for connections from content scripts
chrome.extension.onConnect.addListener(function(port) {
port.onMessage.addListener(function(msg) {
if (msg.name == "update") {
update_times(msg.update, port.sender.tab);
}
// Messages from timeup page:
if (msg.close_tabs === true) {
chrome.tabs.remove(port.sender.tab.id);
}
if (msg.restart_timer === true) {
var reset_hostname = get_location(settings.restore_url).hostname;
settings.elapsed_times[reset_hostname] = 0;
chrome.tabs.update({url: settings.restore_url});
}
});
});
这应该重置存储在中的经过时间settings
并将选项卡重定向到settings.restore_url
。第一次可以正常工作,但是一旦计时器被重置,似乎会重定向到chrome-extension://invalid/
。即使在第一次重置后,正确的值settings.restore_url
被传递给chrome.tabs.update()
,所以我不确定重定向来自哪里。这里出了什么问题?以后如何诊断此类错误?