如何使用标签 API？答案

【问题标题】：How do I use the tabs API?如何使用标签 API？
【发布时间】：2022-01-15 23:00:46
【问题描述】：

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

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

            

        }

    }

};

任何帮助将不胜感激！ :)

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

【问题讨论】：

标签： javascript html javascript-import

【解决方案1】：

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

您需要确保您有host permissions 用于您打算与之交互的网址。

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

【讨论】：

谢谢，但我该如何更改权限？
@DarcySutton 您需要在不同的浏览器中以不同的方式应用权限更改。示例：support.google.com/chrome/answer/…
有没有办法让浏览器从标签中请求权限（例如当标签试图访问您的位置时）？
@DarcySutton 很遗憾，我不知道有这样的功能。