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() {
}
}
};
どんな助けでも大歓迎です!:)
文脈上、これは私の学校のためのものです。基本的には、テキストを学校で使用するプラットフォームに自動的にアップロードするテキスト エディターである必要があります。