Safari扩展：全新选项卡的事件？

Question

我正在寻找重定向新标签Safari到一定的URL，本质上改变默认的新标签页。但是，我不想重定向通过以下链接打开的新选项卡。

Windows和Tabs API描述了选项卡“打开”事件，但当任何新选项卡打开（包括从链接打开的新选项卡）时，都会触发这些事件。

是否有一种方法可以仅为那些通过单击新标签按钮创建的标签捕获新标签事件？

Answer 1

在打开事件处理程序中，首先检查事件目标是否是选项卡。如果是，则为该选项卡上的beForeNavigate事件注册一个事件处理程序。如果beForeNavigate事件在50毫秒内没有触发，还可以设置一个超时来注销处理程序。例如：

function handleOpen(e) {
    if (e.target instanceof SafariBrowserTab) {
        e.target.addEventListener('beforeNavigate', handleBeforeNavigate, false);
        setTimeout(function () {
            e.target.removeEventListener('beforeNavigate', handleBeforeNavigate, false);
        }, 50);
    }
}

现在，选项卡打开事件之后的beforeNavigate事件有三个相关的可能结果。

案例1:beforeNavigate事件在超时时间内不会触发。这通常意味着该选项卡为空。空选项卡不能是链接单击的结果，因此我们可以在timeout函数中放入一些代码，以执行我们喜欢的操作：

function handleOpen(e) {
    if (e.target instanceof SafariBrowserTab) {
        e.target.addEventListener('beforeNavigate', handleBeforeNavigate, false);
        setTimeout(function () {
            e.target.removeEventListener('beforeNavigate', handleBeforeNavigate, false);
            takeOverTab();
        }, 50);
    }
}

情况2：将触发beForeNavigate事件，其url属性的值为null。这意味着该选项卡将加载顶部网站页面或书签页面（新选项卡选项中的两个特殊Safari页面）。就像一个空标签一样，这样的标签不可能是链接点击的结果，所以我们可以对标签做我们喜欢的事情。例如：

function handleBeforeNavigate(e) {
    e.target.removeEventListener('beforeNavigate', handleBeforeNavigate, false);
    if (e.url === null) {
        takeOverTab();
    }
}

案例3:beforeNavigate将启动，其url值将为非空字符串：即实际url。这是一个棘手的问题，因为该选项卡可能是由链接单击、新选项卡命令（如果用户已将Safari配置为在其主页上打开新选项卡）或其他应用程序或扩展的操作导致的。让我们调用一个案例，其中选项卡是链接单击的结果，案例3A；是新tab命令的结果的情况，情况3B；还有另一个应用程序案例，案例3C。

我想不出一种方法来区分3B和3C。如果真的没有办法区分这两种情况，可能对你的应用程序非常不利，因为你大概不想重定向其他应用程序打开的选项卡。

如果你不在乎你的应用程序是否会干扰3C标签，那么至少有一种方法可以区分3A标签和3B/3C标签。这就是我想到的方式：

>

function handleMessage(e) {
    if (e.name === 'linkClicked') {
        lastClickedLinkUrl = e.message.url;
        lastLinkClickTime = e.message.clickTime;
    }
}

在beforeNavigate处理程序中，测试事件的url值是否与上次单击链接的url不同。如果是，则新选项卡不是由该链接单击生成的，因此它可能不是由任何链接单击生成的。如果两个URL相同，请检查自上次单击链接以来是否已超过100毫秒。如果是这样的话，可能只是巧合，URL是相同的，因此您可以再次推断，新选项卡不是由链接单击产生的。例如：

function handleBeforeNavigate(e) {
    e.target.removeEventListener('beforeNavigate', handleBeforeNavigate, false);
    if (e.url === null) {
        takeOverTab();
    } else if (e.url !== lastClickedLinkUrl || (new Date) - lastLinkClickTime > 100) {
        takeOverTab();
    }
}

请注意，这种检测方法并非万无一失。可能有很多方法会出错。不过，我希望这能有所帮助。