当客户端页面导航而不重新加载服务器时，Chrome 扩展程序会使用当前页面数据刷新答案

【问题标题】：Chrome extension refreshes with current page data when client page navigates without server reload当客户端页面导航而不重新加载服务器时，Chrome 扩展程序会使用当前页面数据刷新
【发布时间】：2015-10-18 11:39:02
【问题描述】：

我有一个 chrome 扩展，它注入一个按钮以允许用户捕获当前页面数据。但是，我们支持的网站之一是在 AngularJs 上运行。当页面导航到不同的页面时，没有服务器重新加载。有没有办法在页面更改时监听客户端事件，以便我们的 chrome 扩展可以刷新当前页面的数据？

【问题讨论】：

该站点可能是一个单页应用程序并使用 AngularJS 路由事件，请参阅 this 和 other similar questions。
这发生在大多数好的页面上，而不仅仅是 angular。检测网址更改。
@wOxxOm 我们不拥有角度页面。我们如何从 Chrome 扩展程序中执行此操作以观看页面更改事件？
@ZigMandel 你能详细说明一下吗？
尝试通用方式：chrome.webNavigation.onHistoryStateUpdated.addListener 或在您的内容脚本中：document.addEventListener("pageshow", ...)（也称为“pagehide”和“popstate”）

标签： google-chrome-extension

【解决方案1】：

使用通用方法检测此类 url 变化：

chrome.webNavigation.onHistoryStateUpdated.addListener 在您的后台页面中
或 document.addEventListener("pageshow", ...)（也称为“pagehide”和“popstate”）在您的内容脚本中。另请参阅Events reference。

【讨论】：