我正在创建一个程序,该程序需要与打开 HTML 文件的窗口上的其他选项卡进行交互,我找到了这段代码。但是,我认为我没有正确实施它,因为它什么也没做。这是我的(不完整的)代码:
HTML:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Workench</title>
<script src="dependencies/index.js"></script>
<link rel="stylesheet" href="dependencies/index.css">
</head>
<body>
<nav id="toolbar">
<div id="file">
<label>File</label>
<br>
<button onclick="toolbar.file.saveDoc()">Save</button>
<button onclick="toolbar.file.newDoc()">New</button>
<button onclick="toolbar.file.loadDoc()">Load</button>
</div>
<div id="upload">
<label>Upload</label>
<br>
<button onclick="toolbar.upload.seasaw()">Seasaw</button>
<button onclick="toolbar.upload.googleClassroom()">Google Classroom</button>
</div>
</nav>
</body>
JavaScript:
import "browser";
const toolbar = {
file : {
saveDoc () {
browser.tabs.create({url: "docs.google.com"}).then(() => {
browser.tabs.executeScript({
code: "console.log('hello');"
});
});
},
newDoc () {
},
loadDoc() {
}
}
};
任何帮助,将不胜感激!:)
就上下文而言,这是针对我的学校的。它本质上需要是一个文本编辑器,然后自动将文本上传到我学校使用的平台。