Javascript Chrome控制台/扩展：访问URL并单击按钮。冲洗并重复不同的URL

初始问题：

可以从Chrome的控制台运行javascript吗

导航到给定的URL

点击按钮

我想对数百个URL重复上述步骤。 我确信，如果我能完成这两个步骤，那么在多个URL上迭代将相当简单

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

以下是我目前掌握的代码：

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

---

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

manifest.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
}

{
"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
}

background.js

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

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> "});                                 
 }
})

现在…我该如何完成任务的第二部分？我有点卡住了

单击一个按钮：

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

---

经过进一步挖掘，这里有一种方法：

manifest.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
}

{
"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
}

background.js

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

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> "});                                 
 }
})

chrome.browserAction.onClicked.addListener（函数（选项卡）{
chrome.tabs.update（{url:https://www.instagram.com/p/Bk6AGDQFqvn/" });
});
chrome.tabs.onUpdate.addListener（函数（tabId、changeInfo、tab）{
如果（changeInfo.status=='complete'&&tab.active）{
chrome.tabs.executeScript（null，
{代码：'}）；
}
})

您可以使用

Chrome extensions

@dananjayariasena来完成这一过程。我想为网站上数百篇不同的帖子完成这一过程。Chrome分机能处理这个问题吗？i、 e.单击扩展上的一个，扩展将浏览URL列表并单击每个页面上的按钮？谢谢，你可以。你可以做很多事情。你可以在chrome扩展中做很多事情。检查此链接[@DananjayaAriyasena谢谢你的建议。我可以看到你在chrome扩展上做了很多工作。我是一个全新的人，正在尝试解决这个问题。看起来这应该不仅仅是放在js文件的某个地方。不是吗？我真的不需要任何html，json应该是最小的。对js脚本有什么建议吗？谢谢最后，您已经开始了扩展开发。请继续。