2012-04-10 13 views
63

मैं बहुत ही सरल एक्सटेंशन:Google क्रोम पृष्ठभूमि स्क्रिप्ट को डीबग कैसे करें?

manifest.json

{ 
    "name": "historyCleaner", 
    "version": "0.1.1", 
    "manifest_version": 1, 
    "description": "This is my first Chrome extension", 
    "background": { 
    "scripts": ["cleaner.js"] 
    }, 
    "permissions": [ 
    "history" 
    ] 
} 

cleaner.js

chrome.history.onVisited.addListener(function(HistoryItem result) { 

    console.log("it works!"); 
    alert("it works!"); 

}); 

मैं गूगल क्रोम में यह लोड किया है, वह चालू है और ... यह काम नहीं करता यह कंसोल में कुछ भी लॉग नहीं करता है, यह कुछ भी सतर्क नहीं करता है और क्या बुरा है, मैं इसे डेवलपर्स टूल "स्क्रिप्ट्स" टैब में नहीं ढूंढ सकता। मुझे कैसे पता चलेगा कि यह क्यों काम नहीं करता है?

// संपादित

मैं इस एक के लिए manifest.json बदल दिया है:

{ 
    "name": "historyCleaner", 
    "version": "0.1.5", 
    "manifest_version": 1, 
    "description": "This is my first Chrome extension", 
    "background_page": "background.html", 
    "permissions": [ 
    "history", 
    "background" 
    ] 
} 

और

+1

सबसे पहले आप पहली पंक्ति से 'हिस्ट्रीइटम' को हटाने का प्रयास कर सकते हैं - आपके पास सिंटैक्स त्रुटि – hamczu

+0

है, मैं मूर्ख हूं, मैंने इसे दस्तावेज़ीकरण से चिपकाया और इसके बारे में भूल गए :)। लेकिन यह अभी भी काम नहीं करता है। – ciembor

उत्तर

98

enter image description here

और भी background.html में जावास्क्रिप्ट embeded अगर आपके console.log("it works!"); दिखाई नहीं देता है, तो इसका मतलब है कि chrome.history.onVisited अभी तक नहीं निकाल दिया गया है।

ps: function(HistoryItem result) के लिए, आप इसे function(result) पर बदल सकते हैं।

+0

मेरे एक्सटेंशन के पास कोई "सक्रिय स्क्रिप्ट" नहीं है :( – ciembor

+0

सक्रिय स्क्रिप्ट? वह क्या है? –

+0

उदाहरण के लिए आपका "background.html" :)। पोलिश क्रोम में इसे "ज़ोबैक्ज़ अक्टीने" नाम दिया गया है जिसका अर्थ है "देखें/सक्रिय देखें"। – ciembor

11

यह प्रतिक्रिया देर हो सकती है लेकिन बाकी की मदद करेगी। अगर आपके background.html में जावास्क्रिप्ट त्रुटियां हैं तो पृष्ठ लोड नहीं होगा (निरीक्षण करने के लिए)।

क्रोम: // क्रोम/एक्सटेंशन/(यानी, एक्सटेंशन प्रबंधित करें) के अंतर्गत, अपने पृष्ठभूमि.html के साथ क्या गलत है, यह जानने के लिए, background.html लिंक पर क्लिक करें। यह डेवलपर टूल लोड करेगा लेकिन पृष्ठभूमि.html के बिना। खिड़की के कपास-दाएं भाग पर, आपको एक लाल त्रुटि प्रतीक दिखाई देगा, और उस पर क्लिक करने से लाइन नंबर प्रदान किए जाएंगे जिन्हें ठीक करने की आवश्यकता है।

संबंधित मुद्दे