javascript - Chrome 控制台/扩展 : Visit a URL and click a button. 冲洗并重复不同的 URL

Question

初始问题:

是否可以从 Chrome 控制台运行 javascript:

1. 导航至给定网址
2. 点击按钮

我想对数百个网址重复上述步骤。 我确信如果我能通过这两个步骤迭代多个 URL 将相当简单。

所以，我已经使控制台在页面刷新之间保持不变，所以这是一个好的开始......但似乎 Click 事件没有被触发。 如果我手动导航到 URL 然后通过控制台运行它，则单击命令可以正常工作，但不能作为整段代码运行。

这是我到目前为止的代码:

function f() {
window.location.href = "https://mywebsite.com/post"; 
document.querySelector('.post_like_button_class').click(); 
     }
f();

<小时/>

编辑: 下面的一位评论者建议使用 Chrome 扩展来实现这一目标。这是我到目前为止所写的:

ma​​nifest.json

{
"name": "Getting Started Example",
"version": "1.0",
"description": "Build an Extension!",
"browser_action": {
"default_icon": "images/get_started32.png",
"default_title": "Your title"
},
"background": {
"scripts": ["background.js"],
"persistent": false
},
"manifest_version": 2
}

背景.js

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.create({ url: "https://www.google.com" });
});

现在...我该如何执行任务的第二部分？我有点卡住了。

点击按钮:

document.querySelector('.post_like_button_class').click();

Answer 1

经过进一步挖掘，这是一种方法:

ma​​nifest.json

{
"name": "Getting Started Example",
"version": "1.0",
"description": "Build an Extension!",
"permissions": [ "*://*/*"
                ],
"browser_action": {
  "default_icon": "images/get_started32.png",
  "default_title": "Your title"
 },
"background": {
"scripts": ["background.js"],
"persistent": true
},
"manifest_version": 2
}

背景.js

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.update({ url: "https://www.instagram.com/p/Bk6AGDQFqvn/" });
});

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
        if (changeInfo.status == 'complete' && tab.active) {

chrome.tabs.executeScript(null,   
{code:" <INSERT YOUR JS CODE HERE> "});                                 
 }
})