1

我正在创建一个程序,该程序需要与打开 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() {

            

        }

    }

};

任何帮助,将不胜感激!:)

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

4

1 回答 1

0

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

在此处输入图像描述

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

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

于 2022-01-15T23:33:41.530 回答