且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Chrome扩展:Facebook上的内容脚本

更新时间:2023-12-05 08:51:22

我个人使用Chrome的webRequest API解决了这个问题。您将需要添加一个跟踪AJAX生成的HTTP调用的侦听器。这里基本上是我使用的代码:

  chrome.webRequest.onCompleted.addListener(function(details){
var url = document.createElement('a');
url.href = details.url;
if(url.search&& url.search.indexOf('ajaxpipe = 1')!== -1){
console.log('通过AJAX的新页面');
chrome.tabs.executeScript({'file':'test.js'});
}
},{urls:[*://*.facebook.com/*]});


I am creating a chrome extension for facebook. I need to execute the same content script on every page. It works well during the first load but it doesn't work when I go to a facebook page thanks to a link (as the profile name). I read this was because not the entire page was loaded except the first time. So the script is not executed again. However I have no idea how to solve this problem.

Here is my manifest.json :

{
    "name" : "name",
    "version" : "1.0",
    "manifest_version":1,
    "description" : " description ",
    "content_scripts" : [
            {
              "matches" : ["http://www.facebook.com/*"],
              "js" : ["test.js"]
            }   
    ] ,
    "all_frames":"true"  
}

I hope someone will have the answer because I really need the script (test.js, which doesn't change the html or the css) to be executed on every page every time!

Thanks for your future answers.

I personally solved this by using Chrome's webRequest API. You'll want to add a listener that tracks AJAX-generated HTTP calls. Here's essentially the code I used:

chrome.webRequest.onCompleted.addListener(function(details) {
    var url = document.createElement('a');
    url.href = details.url;
    if (url.search && url.search.indexOf('ajaxpipe=1') !== -1) {
        console.log('New page via AJAX.');
        chrome.tabs.executeScript({'file' : 'test.js'});
    }
}, {urls : ["*://*.facebook.com/*"]});