2013-02-13 10 views
21

Uso pesantemente il console.log per eseguire il debug durante la scrittura di JS. Sto cercando di usarlo per scrivere estensioni di Chrome ma non funziona. C'è qualche trucco coinvolto qui ???Impossibile visualizzare popup.js di Chrome per utilizzare console.log

popup.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="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> 

popup.js

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

Nessuno di questi compaiono nel debugger JS.

risposta

46

Inizialmente ho avuto anche questo problema! Assicurati di avere la finestra degli strumenti di sviluppo corretta aperta ... Voglio dire, potresti aver aperto la finestra degli strumenti di sviluppo per la pagina principale piuttosto che la pagina dell'estensione (ad esempio popup.html).

Per aprire la finestra degli strumenti di sviluppo per l'ispezione del popup, fare clic con il pulsante destro del mouse sul popup e quindi fare clic su "inspect element" ... Ciò apre la finestra degli strumenti di sviluppo corretta.

avevo fatto questo stupido errore inizialmente e rimasto bloccato .. :)

+0

C'è un modo per inviarlo al debugger JS della pagina di sfondo? Ho provato a fare questo: chrome.extension.getBackgroundPage(). LogIt ("test log entry"); ma non succede nulla. – gdanko

+0

hmmm .. non sono sicuro di quello! .. fammi controllare che .. –

+0

@ gdanko controlla la risposta a questa domanda. Ha la soluzione che immagino http://stackoverflow.com/questions/3829150/google-chrome-extension-console-log-from-background-page –

Problemi correlati