¿Devtools no muestra la consola o las solicitudes de ventana emergente de extensión? [duplicate]

2 minutos de lectura

avatar de usuario de gdanko
gdanko

Uso console.log en gran medida para depurar cuando escribo JS. Estoy tratando de usarlo para escribir extensiones de Chrome, pero no funciona. ¿Hay algún engaño involucrado aquí?

ventana emergente.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link type="text/css" rel="stylesheet" href="https://stackoverflow.com/questions/14858909/css/jquery-ui-1.10.0.custom.min.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
</head>

<body style="width: 200px">
</body>

emergente.js

console.log('test1');
$(document).ready(function() {
    console.log('test2');
});

Ninguno de estos aparece en el depurador JS.

Avatar de usuario de Sandeep Raju Prabhakar
Sandeep Raju Prabhakar

¡Yo también tuve este problema al principio! Asegúrese de tener abierta la ventana de herramientas de desarrollador correcta… Quiero decir, es posible que haya abierto la ventana de herramientas de desarrollador para la página principal en lugar de la página de la extensión (es decir, popup.html).

Para abrir la ventana de herramientas de desarrollo para inspeccionar la ventana emergente, haga clic derecho en la ventana emergente y luego haga clic en ‘inspeccionar elemento’… Eso abre la ventana de herramientas de desarrollador correcta.

Inicialmente cometí este estúpido error y me quedé atascado… 🙂

  • ¿Hay alguna forma de enviarlo al depurador JS de la página de fondo? Intenté hacer esto: chrome.extension.getBackgroundPage().logIt(“entrada de registro de prueba”); pero nada pasa.

    – gdanko

    13 de febrero de 2013 a las 17:41

  • @gdanko mira la respuesta a esta pregunta. Tiene la solución, supongo stackoverflow.com/questions/3829150/…

    –Sandeep Raju Prabhakar

    13 de febrero de 2013 a las 17:46

  • @gdanko chrome.extension.getBackgroundPage().console.log(...) funciona, excepto que también deberá enviar excepciones a su página de fondo. try {} catch {} ellas y throw en su página de fondo al menos para saber que sucedieron.

    – polkovnikov.ph

    31 de enero de 2014 a las 11:32


  • ¡Muchas gracias! Estaba mirando las herramientas de desarrollo de la página en lugar de las herramientas de desarrollo para ventanas emergentes que no sabía que tenían herramientas de desarrollo separadas.

    – Chi

    15 de abril de 2021 a las 8:10


  • ¡Gracias por la respuesta!

    – LMS5400

    5 de diciembre de 2021 a las 21:34

¿Ha sido útil esta solución?