从chrome扩展程序监视history.pushstate

Question

我正在开发Chrome扩展程序以调整Facebook.然而,支持HTML5的网站,如Facebook内醒目浏览行为要求的覆盖window.history.pushState解释在这太问题.

不幸的是,Chrome的孤立世界似乎阻止了这种覆盖.有没有其他方法来捕捉历史变化(除了民意调查document.location.href)？

Answer 1

不确定您是否尝试在background.js或content.js中执行此操作,但如果是前者,则可以使用webNavigation事件执行此操作:

您需要webNavigation在manifest.json中设置权限:

  "permissions": [
     "webNavigation"
  ],

然后在background.js中:

  chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) {
        console.log('Page uses History API and we heard a pushSate/replaceState.');
        // do your thing
  });

来源:针对webNavigation的Chrome扩展文档

Answer 2

是,

一种方法是创建脚本标记并将代码放在那里:

html = "window.history.pushState = function(a,b,c) { alert('Change !'); };";

var headID = document.getElementsByTagName("head")[0];         
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.innerHTML = html;
headID.appendChild(newScript);