0
279
Vistas¿Cómo uso la API de pestañas?
Estoy creando un programa que necesita interactuar con otras pestañas en la ventana en la que se abre el archivo HTML, y encontré este código. Sin embargo, creo que lo he implementado incorrectamente ya que no hace nada. Aquí está mi código (incompleto):
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() { } } };¡Cualquier ayuda sería apreciada! :)
Por contexto, esto es para mi escuela. Básicamente, debe ser un editor de texto que luego cargue automáticamente el texto en las plataformas que usa mi escuela.
1 Respuestas
Responde la pregunta0
El problema es que docs.google.com no te ha dado permiso para esto, mira la página que has compartido
Deberá asegurarse de tener permisos de host para las URL con las que desea interactuar.
Le aconsejo que primero intente esto con páginas del mismo dominio abiertas en una nueva pestaña y cuando eso funcione, puede aventurarse en el uso con diferentes dominios.