Este articulo necesita una revisión editorial. Cómo puedes ayudar.
cfx
.Para abrir una nueva página web, se usa el módulo tabs
:
var tabs = require("sdk/tabs"); tabs.open("https://www.example.com");
Esta función es asíncrona, por lo tanto no se tendrá inmediatamanete un objeto tab
el cual se pueda examinar. Para hacer esto, se pasa una función de retrollamada en open()
. La retrollamada es asignada a pa propiedad onReady
, y pasará la pestaña como argumento:
var tabs = require("sdk/tabs"); tabs.open({ url: "https://www.example.com", onReady: function onReady(tab) { console.log(tab.title); } });
Incluso ahora, no se tiene acceso directo a ningún contenido dentro de la pestaña.
Para acceder al contenido de la pstaña se necesita adjuntar un script a la pestaña usando tab.attach()
. Este add-on carga una página, luego adjunta un script a la página el cual le agrega un borde rojo:
var tabs = require("sdk/tabs"); tabs.open({ url: "https://www.example.com", onReady: runScript }); function runScript(tab) { tab.attach({ contentScript: "document.body.style.border = '5px solid red';" }); }
Conozca más
Para conocer más sobre las pestañas en el SDK, puede dirigirse a la referencia de tabs
en la API.
Para conocer mas sobre la ejecución de scripts en las pestañas, puede diregirse a usando tab.attach()
en el tutorial.