如何使用標簽 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