如何使用标签 API？

Question

我正在创建一个程序，该程序需要与打开 HTML 文件的 window 上的其他选项卡进行交互，并且我找到了此代码。 但是，我认为我没有正确实施它，因为它什么也没做。 这是我的（不完整的）代码：

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() {

            

        }

    }

};

任何帮助，将不胜感激：：）

就上下文而言，这是针对我的学校的。 它本质上需要是一个文本编辑器，然后自动将文本上传到我学校使用的平台。

Answer 1

问题是 docs.google.com 没有为您提供此权限，请参阅您共享的页面

您需要确保您对要与之交互的 URL 具有主机权限。

我建议您首先尝试在新选项卡中打开同一域的页面，然后尝试使用不同的域。

如何使用标签 API？

问题描述

1 个解决方案

解决方案1
0 2022-01-15 23:33:41

如何使用标签 API？

问题描述

1 个解决方案

解决方案1 0 2022-01-15 23:33:41

解决方案1
0 2022-01-15 23:33:41