2013-02-13 26 views
21

का उपयोग करने के लिए क्रोम popup.js नहीं मिल सकता है मैं JS लिखते समय डीबग करने के लिए कंसोल.लॉग का भारी उपयोग करता हूं। मैं इसे क्रोम एक्सटेंशन लिखने में उपयोग करने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है। क्या यहां कुछ चालबाजी शामिल है ???कंसोल.लॉग

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

इनमें से न तो जे एस डीबगर में दिखाई देते हैं।

उत्तर

46

मुझे शुरुआत में भी यह समस्या थी! सुनिश्चित करें कि आपके पास सही डेवलपर टूल विंडो खोला गया है ... मेरा मतलब है, आपने विस्तार पृष्ठ (यानी popup.html) के बजाय मुख्य पृष्ठ के लिए डेवलपर टूल विंडो खोली हो सकती है।

पॉपअप का निरीक्षण करने के लिए डेवलपर टूल विंडो खोलने के लिए, पॉपअप पर राइट क्लिक करें और फिर 'तत्व का निरीक्षण करें' पर क्लिक करें ... यह सही डेवलपर टूल विंडो खुलता है।

मैं शुरू में इस बेवकूफ गलती की थी और फंस गया था .. :)

+0

वहाँ यह पृष्ठभूमि पृष्ठ के जे एस डिबगर को भेजने के लिए कोई तरीका है? मैंने ऐसा करने की कोशिश की: chrome.extension.getBackgroundPage()। LogIt ("test log entry"); लेकिन कुछ भी नहीं होता है। – gdanko

+0

हमम .. इसके बारे में निश्चित नहीं है .. .. मुझे यह जांचने दें .. –

+0

@gdanko इस प्रश्न का उत्तर देखें। मुझे लगता है कि यह समाधान है http://stackoverflow.com/questions/3829150/google-chrome-extension-console-log-from-background-page –