检测url上的更改

当页面作为起始点加载时,您需要存储URL setInterval 以检查更改并根据更改进行修改。

以下代码每秒进行两次检查(500ms):

// store url on load
let currentPage = location.href;

// listen for changes
setInterval(function()
{
    if (currentPage != location.href)
    {
        // page has changed, set new page as 'current'
        currentPage = location.href;
        
        // do your thing..
    }
}, 500);

没有“干净”的、基于事件的方法来检测内容脚本中的此类URL更改。

他们已经结束了 history.pushState API——并且使用该API不会发出任何DOM事件。

除了已经提到的两种可能的基于间接事件的方法 poll-based one :

1. 扩展可以覆盖 历史记录.pushState 带有 injected script 以附加地发出可以在内容脚本中收听的DOM事件。

   详细描述了该方法 here .

   缺点是,根据问题页面的代码,注入的脚本可能需要提前注入,需要 run_at: document_start 这对于页面加载性能来说是次优的。

2. 使用侦听的背景页 chrome.webNavigation.onHistoryStateUpdated event .

   如果您需要在背景页面中检测到这一点-完美, 你就完成了,不需要内容脚本。

   如果需要在内容脚本中检测到这一点,可以使用 details.tabId 在事件侦听器中向正确的内容脚本发送消息。