2013-02-13 18 views
21

JS yazarken hata ayıklamak için console.log dosyasını kullanıyorum. Bunu krom uzantılarını yazarken kullanmaya çalışıyorum ama çalışmıyor. Burada bazı hile var mı ???Chrome popup.js dosyasını console.log kullanamazsınız

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'); 
}); 

Bunların hiçbiri JS debugger görünür.

cevap

46

Başlangıçta bu problemi de yaşadım! Açılan geliştirici araçları penceresine sahip olduğunuzdan emin olun ... Yani, uzantı sayfası yerine (ör., Popup.html) ana sayfanın geliştirici araçları penceresini açmış olabilirsiniz.

Açılır pencereyi incelemek için geliştirici araçları penceresini açmak için açılır pencereye sağ tıklayın ve ardından 'inceleme öğesine tıklayın ... Bu, doğru geliştirici araçları penceresini açar.

Başlangıçta bu aptal hata yapmış ve sıkışmış .. :)

+0

arka plan sayfanın JS ayıklayıcıya göndermek için bir yolu var mı? Bunu yapmayı denedim: chrome.extension.getBackgroundPage(). LogIt ("test günlüğü girişi"); ama hiçbir şey olmadı. – gdanko

+0

hmmm .. bundan emin değilim! .. Bunu kontrol edeyim .. –

+0

@gdanko Bu sorunun cevabını kontrol edin. Bu çözüm, http://stackoverflow.com/questions/3829150/google-chrome-extension-console-log-from-background-page –

İlgili konular