Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

Problemas con variables desde Js a HTML programado extensiones Chrome

Profesor Ayala
2/12/16 15:51
Hola Soy Profesor de Física y me gusta programar, quiero hacer una extensiòn para mis alumnos, pero no logro que el HTML que llamo desde manifest.json se comporte de la misma forma que si ejecuto el HTML en forma individual, me estará faltando alguna librería para lograr idéntico resultado. Lo que he echo hasta ahora es abrir una nueva pestaña , llamar un archivo de configuraciòn de estilo (css) colocar un fondo y escribir un texto usando flexbox para trabajar en forma responsive, el problema es cuando trato de pasar variables desde el .js al HTML, por ejemplo Horas y minutos, no logro que me lo muestre correctamente. Pense que podia solucionarse con z-index, pero parece que es no es el problema. Sigo investigando mientras espero ayuda.

Gracias.

Alejandro

Respuestas (3)

Alejandristo
7/12/16 7:22
Buenas tardes Alejandro:

Bienvenido al foro de ayuda de Chrome. Voy a intentar ayudarte en lo que pueda.

Al crear tu extensión o aplicación de Google Chrome, una vez creado el archivo manifest.json es necesario validarlo.
Tal y como nos indica la guía de creación de aplicaciones de Google, hay casos en los que el archivo manifest.json no se ha desarrollado correctamente o el formato no es el correcto. Es necesario, como he mencionado anteriormente, validarlo para comprobar que está con el formato correcto. Para ello, dirígete a este enlace y comprueba tu código.


También te adjunto la guía de Chrome en el que podrás apoyarte a la hora de desarrollar, empaquetar y publicar tu extensión.


Espero haberte solucionado tu duda, no dudes en responder si necesitas más soporte o si he dado con la solución correcta.

Un saludo
AME
Profesor Ayala
7/12/16 8:49
Gracias por la repuesta, pruebo tu sugerencia y comento. 
Profesor Ayala
7/12/16 11:01
NO ENTIENDO !!! El .json valida correctamente, el HTML funciona correctamente si lo ejecuto en EDGE o Google Chrome, pero cuando lo invoco desde el Manifest,Json con "chrome_url_overrides": {
"newtab": "principal.html", muestra el Background que tiene, y el cuadro de texto para que uno escriba en el, pero no evalua las funciones Js. Te Adjunto los archivos para que verifiques.

MANIFEST.JSON
{
"name": "prueba",
"manifest_version": 2,
"version": "1.0",
"description": "principal",
"chrome_url_overrides": {
"newtab": "principal.html"
},
"permissions": [
"management",
"alarms",
"tabs"
]
}


PRINCIPAL.HTML

<!DOCTYPE>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="estilos.css">
    <title>Funka Loco</title>
 
</head>
 
<body>
<p>Presione y mantenga presionada una tecla dentro del campo de texto para establecer un color de fondo rojo. Suelte la tecla para establecer un color de fondo verde.</p>

<input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()">


<script>
function keydownFunction() {
    document.getElementById("demo").style.backgroundColor = "red";
}

function keyupFunction() {
    document.getElementById("demo").style.backgroundColor = "green";
}
</script>
</body>
</html>