Javascript 如何在Chrome Extension中单击按钮
我只是想建立一个简单的chrome扩展，只要点击扩展按钮，它就会点击一个元素 我对此进行了一点研究，但我找不到一个简单的答案来说明如何单击，其他人都有非常复杂的代码，我不理解，也不知道是否有必要。我的意思是，只要我搜索“点击”，我就会发现一个比我的水平高得多的问题 （我将从这次延期中赚很多美元，所以请你帮我的兄弟一个忙；） 根据我所看到的，我已经拼凑出了代码： popup.js：Javascript 如何在Chrome Extension中单击按钮,javascript,jquery,html,google-chrome,google-chrome-extension,Javascript,Jquery,Html,Google Chrome,Google Chrome Extension,我只是想建立一个简单的chrome扩展，只要点击扩展按钮，它就会点击一个元素 我对此进行了一点研究，但我找不到一个简单的答案来说明如何单击，其他人都有非常复杂的代码，我不理解，也不知道是否有必要。我的意思是，只要我搜索“点击”，我就会发现一个比我的水平高得多的问题 （我将从这次延期中赚很多美元，所以请你帮我的兄弟一个忙；） 根据我所看到的，我已经拼凑出了代码： popup.js： var evt = document.createEvent ("HTMLEvents"); evt.initEve
var evt = document.createEvent ("HTMLEvents");
evt.initEvent ("click", true, true);
document.getElementById('product-addtocart-button').dispatchEvent (evt);
{
"manifest_version": 2,
"name": "Shoe BOT",
"description": "This extension shows a Google Image search result for the current page",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"activeTab",
"https://shop.adidas.ae/en/"
]
}
<!doctype html>
<!--
This page is shown when the extension button is clicked, because the
"browser_action" field in manifest.json contains the "default_popup" key with
value "popup.html".
-->
<html>
<head>
<title>Getting Started Extension's Popup</title>
<style>
body {
}
#status {
}
</style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
-->
<script src="popup.js"></script>
</head>
<body>
<!--<div id="status"></div>
<img id="image-result" hidden>-->
</body>
</html>
入门扩展的弹出窗口
身体{
}
#地位{
}
浏览器按钮时，它会插入一个按钮，用id=“product addtocart button”
单击按钮，该扩展是：
background.js：
chrome.browserAction.onClicked.addListener（函数（选项卡）{
chrome.tabs.executeScript（tab.id{
代码：“document.getElementById（'product-addtocart-button'）。单击（）；”
});
});
manifest.json：
{
“说明”：“单击ID为product addtocart按钮的按钮”，
“清单版本”：2，
“名称”：“单击产品添加到开始按钮”，
“版本”：“0.1”，
“权限”：[
“活动选项卡”
],
“背景”：{
“脚本”：[
“background.js”
]
},
“浏览器操作”：{
“默认_图标”：{
“32”：“myIcon.png”
},
“默认标题”：“单击产品添加开始按钮”
}
}
不清楚您使用的原因。该接口已被弃用。要创建事件，应使用。但是，对于HTML元素上的泛型，您可以只使用，而不必实际构造事件
一个简单、完整的Chrome扩展，当您单击一个浏览器按钮时，它会插入一个按钮，用id=“product addtocart button”
单击按钮，该扩展是：
background.js：
chrome.browserAction.onClicked.addListener（函数（选项卡）{
chrome.tabs.executeScript（tab.id{
代码：“document.getElementById（'product-addtocart-button'）。单击（）；”
});
});
manifest.json：
{
“说明”：“单击ID为product addtocart按钮的按钮”，
“清单版本”：2，
“名称”：“单击产品添加到开始按钮”，
“版本”：“0.1”，
“权限”：[
“活动选项卡”
],
“背景”：{
“脚本”：[
“background.js”
]
},
“浏览器操作”：{
“默认_图标”：{
“32”：“myIcon.png”
},
“默认标题”：“单击产品添加开始按钮”
}
}
是否有删除并要求重新添加的原因？通常情况下，您只需选择当前问题，而不是删除该问题并发布新问题。正如在您之前问题的评论中所述，您需要使用鼠标单击网页中的某个元素（例如按钮）。从您描述的您想要做的事情，假设这就是您想要做的所有事情，没有理由使用弹出窗口。带有侦听器的标准浏览器\u操作
按钮就足够了。应该有多个例子。你删除并要求一个新的有什么原因吗？通常情况下，您只需选择当前问题，而不是删除该问题并发布新问题。正如在您之前问题的评论中所述，您需要使用鼠标单击网页中的某个元素（例如按钮）。从您描述的您想要做的事情，假设这就是您想要做的所有事情，没有理由使用弹出窗口。带有侦听器的标准浏览器\u操作
按钮就足够了。应该有多个例子。检查注入代码中单引号的使用！它应该类似于code:'document.getElementById（“ProductAddToCart按钮”）。单击（）。顺便问一下，什么是“浏览器风格”？我没有在Chrome Extensions浏览器操作文档中找到它…感谢您关注报价问题。固定的。在本例中，我没有重复检查&这是我没有实际测试代码的少数几次之一。因此，我在副本中引用的话（来自我先前的回答）失败了➞粘贴➞编辑周期。是针对FirefoxWebExtensions的。在WebExtension中，如果您没有密钥，浏览器控制台中将显示一条警告。我通常为Chrome和Firefox WebExtensions编写示例代码。我删除了browser\u style
键，因为它在本例中可能会引起混淆。请检查注入代码中单引号的使用情况！它应该类似于code:'document.getElementById（“ProductAddToCart按钮”）。单击（）。顺便问一下，什么是“浏览器风格”？我没有在Chrome Extensions浏览器操作文档中找到它…感谢您关注报价问题。固定的。在本例中，我没有重复检查&这是我没有实际测试代码的少数几次之一。因此，我在副本中引用的话（来自我先前的回答）失败了➞粘贴➞编辑周期。是针对FirefoxWebExtensions的。在WebExtension中，如果您没有密钥，浏览器控制台中将显示一条警告。我通常为Chrome和Firefox WebExtensions编写示例代码。我删除了browser\u样式
键，因为它在本例中可能会引起混淆。