Javascript 如何将信息传递到Firefox插件中的内容脚本?
我想创建一个Firefox临时插件,在导航栏中弹出一个窗口,以更改在浏览器中播放视频的速度。(基于本教程) 我已经创建了弹出图标和脚本来选择速度值(index.html、script.js)。然后另一个app.js文件根据所选值更改视频速度: manifest.jsonJavascript 如何将信息传递到Firefox插件中的内容脚本?,javascript,firefox-addon,Javascript,Firefox Addon,我想创建一个Firefox临时插件,在导航栏中弹出一个窗口,以更改在浏览器中播放视频的速度。(基于本教程) 我已经创建了弹出图标和脚本来选择速度值(index.html、script.js)。然后另一个app.js文件根据所选值更改视频速度: manifest.json { "manifest_version": 2, "name": "Netflix_speed", "version": "1.0", "description": "Adds an extension bu
{
"manifest_version": 2,
"name": "Netflix_speed",
"version": "1.0",
"description": "Adds an extension button to change the speed of a video played on Netflix.",
"icons": {
"64": "icons/icon-64.png"
},
"permissions": [
"activeTab"
],
"content_scripts": [{
"matches": [ "*://*.netflix.com/*" ],
"js": [ "content_scripts/app.js" ]
}],
"browser_action": {
"browser_style": true,
"default_icon": "icons/icon-64.png",
"default_title": "Netflix_speed",
"default_popup": "popup/index.html"
}
}
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="popup-content">
<div class="number" id="0.75">0.75</div>
<div class="number" id="1">1</div>
<div class="number" id="1.25">1.25</div>
</div>
<script src="script.js" type="module"></script>
</body>
</html>
app.js
import listenForClicks from popup/script.js
let speed = listenForClicks();
console.log(speed);
console.log('app.js')
const vidSpeed = () => {
document.querySelectorAll('video').forEach(v=>v.playbackRate=speed);
}
当我在浏览器中运行index.html时,它会返回我希望返回的值。但是,如果通过附加组件运行它,则不会返回或出错。
我想我在弹出文件和内容脚本之间的导入/导出方面有问题,但我无法找到它是什么
import listenForClicks from popup/script.js
let speed = listenForClicks();
console.log(speed);
console.log('app.js')
const vidSpeed = () => {
document.querySelectorAll('video').forEach(v=>v.playbackRate=speed);
}