页面重定向后如何调用Chrome扩展功能?

Question

我正在构建一个Javascript(浏览器内(Instagram机器人。但是，我遇到了一个问题。

如果运行此脚本，将调用第一个函数，并将页面重定向到"https://www.instagram.com/explore/tags/samplehashtag/"，第二个函数将紧随其后调用(在页面更改为新 URL 之前的上一个 URL 上(。有没有办法在完全加载第二个 URL 后调用第二个函数？

我尝试将其设置为Window setInterval((方法以延长时间段，window.onload和其他一些方法。但是，我似乎无法获得任何工作。有人有机会有解决方案吗？

这是我的第一个chrome扩展程序，也是我的第一个真正的项目，所以我可能错过了一些简单的东西。

manifest.json

{
"name": "Inject Me",
"version": "1.0",
"manifest_version": 2,
"description": "Injecting stuff",
"homepage_url": "http://danharper.me",
"background": {
"scripts": [
"background.js"
],
"persistent": true
},
"browser_action": {
"default_title": "Inject!"
},
"permissions": [
"https://*/*",
"http://*/*",
"tabs"
]
}

注入.js

(function() {
let findUrl = () => {
let hashtag = "explore/tags/samplehashtag/";
location.replace("https://www.instagram.com/" + hashtag);
}
findUrl();
})();

背景.js

// this is the background code...
// listen for our browerAction to be clicked
chrome.browserAction.onClicked.addListener(function(tab) {
// for the current tab, inject the "inject.js" file & execute it
chrome.tabs.executeScript(tab.ib, {
file: 'inject.js'
});
});
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
chrome.tabs.executeScript(tab.ib, {
file: 'inject2.js'
});

});

注射2.js

(function() {
if (window.location.href.indexOf("https://www.instagram.com/explore/tags/samplehashtag/") != -1){
let likeAndRepeat = () => {
let counter = 0;
let grabPhoto = document.querySelector('._9AhH0');
grabPhoto.click();
let likeAndSkip = function() {
let heart = document.querySelector('.glyphsSpriteHeart__outline__24__grey_9.u-__7');
let arrow = document.querySelector('a.coreSpriteRightPaginationArrow');
if (heart) {
heart.click();
counter++;
console.log(`You have liked ${counter} photographs`)
}
arrow.click();
}
setInterval(likeAndSkip, 3000);
//alert('likeAndRepeat Inserted');
};
likeAndRepeat();
}
})();

Answer 1

从问题和示例中不清楚何时要运行函数。但是在chrome扩展中，有一种叫做消息传递的东西

https://developer.chrome.com/extensions/messaging

通过消息传递，您可以将消息从一个文件传递到另一个文件，并同样侦听消息。 因此，从您的用例来看，您可以侦听特定消息，然后触发您的方法。

例如

background.js
chrome.runtime.sendMessage({message: "FIRE_SOME_METHOD"})

popup.js
chrome.runtime.onMessage.addListener(
function(request) {
if (request.message == "FIRE_SOME_METHOD")
someMethod();
});

编辑此外，如果要侦听 URL 更改，只需按照文档中提供的侦听器即可。

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
console.log('updated tab');
});