我正在尝试创建我的第一个 chrome 扩展,我想做的是每次用户点击时运行一个函数。
这是我的清单文件:
{
"manifest_version": 2,
"name": "MyName",
"description": "MyDescription",
"version": "1.0.0",
"icons": {
"128": "icon_128.png"
},
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [ "activeTab" ],
"content_scripts": [
{
"matches": [ "<all_urls>" ],
"js": [ "contentscript.js" ],
"all_frames": true
}
]
}
然后我创建了一个名为“contentscript.js”的 js 文件,其中包含以下内容:
document.addEventListener("click", clickHandler);
function clickHandler() {
alert("test");
}
除了这篇文章,我在网上找不到太多东西:Chrome extension that captures middle click and replaces URL,但是这似乎使用了 jQuery,如果可能的话我想避免(我试图根据上述问题修改我的项目在没有 jQuery 的情况下工作,但是一旦我在开发模式下将我的项目加载到 chrome 并单击页面,就没有任何反应)。
如果有人能指出我正确的方向,我将不胜感激。
编辑:
这是我的 popup.html 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" type="text/css" href="popup.css" />
<!--script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>-->
<script src="popup.js"></script>
<title>wow!</title>
</head>
<body>
<div class="main-content">
<h1 class="main-title">w0w!</h1>
</div>
</body>
</html>
有一段时间没有时间玩这个了,但今天再看看,找到了解决方案。我正在使用 Visual Studio 编写我的代码,这在保存我的代码的文件夹中创建了一个解决方案文件夹。因此,似乎 Google 扩展不喜欢在其中包含任何导致没有代码运行的额外位。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句