无法在 Chrome 扩展程序中使用 jQuery 触发点击

IT技术 javascript jquery google-chrome google-chrome-extension
2021-01-28 19:32:06

我正在尝试使用一行 jQuery 代码制作 Chrome 扩展程序,但它不起作用。我正在尝试触发对元素的点击。

chrome 的控制台根本没有显示任何错误,当我在控制台中只放入 jQuery 代码时,它工作正常。

我的代码:

内容.js

$(document).ready(function() {
  $('.like_post:contains(Like)').click();
});

背景.js

chrome.windows.getCurrent( function(currentWindow) {
  chrome.tabs.query({active: true, windowId: currentWindow.id}, function(activeTabs){
    chrome.tabs.executeScript(
      activeTabs[0].id, {file: 'jquery-2.1.3.min.js', allFrames: true}
    );
    chrome.tabs.executeScript(
      activeTabs[0].id, {file: 'content.js', allFrames: true}
    );
  });
  console.log(currentWindow.id);
});

清单文件.json

{
  "name": "plugin name",
  "version": "0",
  "description": "What do I do as an extension",

  "manifest_version": 2,
  "browser_action": {
    "name": "project with jquery",
    "icons": ["icon.png"],
    "default_icon": "icon.png"
  },
  "content_scripts": [ {
    "js": [ "jquery-2.1.3.min.js", "background.js", "content.js" ],

    "matches": [ "http://*/*", "https://*/*"]
  }]
}

我还下载了该jquery-2.1.3.min.js文件并将其放在扩展文件夹中。

谁能解释为什么它不起作用???

1个回答

问题的根本原因是扩展内容脚本在一个孤立的世界中执行这样做的原因之一是您的代码不会与页面代码冲突:例如,您可以使用不同版本的 jQuery。

因此,您的内容脚本拥有自己的 jQuery 副本。jQuery 的.click()工作方式是维护一个由单击触发的事件处理程序列表。

..你可能已经看到问题了。jQuery 的内容脚本副本不知道页面的处理程序副本列表,并且无法触发它们

顺便说一下,这解释了为什么当你把它放在控制台中时它会工作 - 默认情况下,控制台在页面的上下文中执行并触发页面的 jQuery 副本。

有很多方法可以解决这个问题,但对您的任务来说,最直接的方法是发出一个适当的DOM 事件,该事件将被页面代码捕获。请参阅此问题以获取示例。

我可以帮忙,但如果你放慢速度,自己阅读和思考会更好。首先浏览我的答案中的所有链接。
2021-03-14 19:32:06
那你就没有问题了。链接中的答案使用 jQuery 修改内容;您尝试触发应由页面处理的事件。它不会那么容易工作。
2021-03-30 19:32:06
好的,我想我明白了问题所在,但我有一个问题,但是如果您链接[/link],答案几乎就是我想要做的,尽管我复制粘贴了他的代码等,但它也不起作用。
2021-04-05 19:32:06
啊...好吧...所以我必须修改代码。看看真正的jquery代码是code$(document).ready(function(){ $('.like_post:contains(Like)').click();}); code无论如何你可以帮我修改这个吗?
2021-04-05 19:32:06
我如何通过电子邮件与您联系?我的电子邮件是 kwstasna@hotmail.com,如果你能把你的发给我,我可以告诉你它是关于什么的。你会明白为什么我卡在 javascript 代码中。
2021-04-08 19:32:06