दिलचस्प पोस्ट
सी + + स्प्रिंटफ़ के बराबर? घातक त्रुटि: 134217728 बाइट्स की मात्रा का अनुमत मेमोरी आकार (CodeIgniter + XML-RPC) आर – डेटाफ़्रेम के विशिष्ट कॉलमों में पंक्ति-अनुसार जोड़ना preg_match (); – अज्ञात संशोधक '+' कई आइफ्रेम के लिए स्क्रॉलिंग स्थिति को सिंक्रनाइज़ कैसे करें सी में यूनियन के उदाहरण सुरक्षा त्रुटि: ऑपरेशन असुरक्षित है – window.history.pushState () सेल से बटन क्लिक करने पर UITableViewCell का सूचकांक प्राप्त करें ISNULL का उपयोग करके एक विशिष्ट निदान की जाँच करने के लिए COALESCE का उपयोग करना है? कैसे जावास्क्रिप्ट में निकटतम तिमाही के समय के लिए समय गोल करने के लिए? Collections.emptyList () एक सूची <ऑब्जेक्ट> देता है? '…! = शून्य' या 'रिक्त! = …' सर्वश्रेष्ठ प्रदर्शन? मैं C # के साथ सभी रिक्त स्थान को कैसे बदलूं? IE 8: पृष्ठभूमि-आकार तय S_ISREG () और S_ISDIR () POSIX मैक्रोज़ का उपयोग कैसे करें?

Google क्रोम / फ़ायरफ़ॉक्स कंसोल में एक्सटेंशन आउटपुट नहीं दिखता है

ब्राउज़र के लिए वेब एक्सटेंशन के लिए मैं नमूना कोड का परीक्षण करने का प्रयास कर रहा हूं लेकिन, यह काम नहीं करता है मैंने Google Chrome के लिए कंसोल की जांच की और फ़ायरफ़ॉक्स के लिए भी। यह कुछ भी प्रिंट नहीं करता है निम्नलिखित मेरा कोड है:

manifest.json :

{ "description": "Demonstrating webRequests", "manifest_version": 2, "name": "webRequest-demo", "version": "1.0", "permissions": [ "webRequest" ], "background": { "scripts": ["background.js"] } } 

background.js :

 function logURL(requestDetails) { console.log("Loading: " + requestDetails.url); } chrome.webRequest.onBeforeRequest.addListener( logURL, {urls: ["<all_urls>"]} ); console.log("Hell o extension background script executed"); 

क्या मैं कुछ भूल रहा हूँ?

Solutions Collecting From Web of "Google क्रोम / फ़ायरफ़ॉक्स कंसोल में एक्सटेंशन आउटपुट नहीं दिखता है"

फ़ायरफ़ॉक्स

फ़ायरफ़ॉक्स में, आपका कोड काम करता है (सांत्वना के लिए आउटपुट), जैसा कि प्रश्न में लिखा है

यदि आप इसे कंसोल में नहीं देख रहे हैं, तो आप शायद गलत कंसोल को देख रहे हैं।

मोज़िला का वर्णन है कि किस एक्सटेंशन आउटपुट को देखा जा सकता है जिसमें उनके डीबगिंग पृष्ठ पर कन्सोल है।

ब्राउज़र कंसोल

ब्राउज़र कंसोल का उपयोग करना चाहिए आप इसे Tools➜Web Developer➜Browser Console (कीबोर्ड शॉर्टकट CtrlShiftJ , या सीएमडीशिफ्टजे मैक पर) से एक्सेस कर सकते हैं।

ब्राउज़र टूलबॉक्स

यदि आपने इसे सक्षम किया है, तो आप ब्राउज़र टूलबॉक्स कंसोल का उपयोग भी कर सकते हैं। आप इसे Tools➜Web Developer➜Browser Toolbox (कीबोर्ड शॉर्टकट CtrlAltShiftI ; मैक पर: CmdAltShiftI ) से एक्सेस कर सकते हैं।

एड-ऑन डीबगर

एड-ऑन डीबग करने के लिए आप ऐड-ऑन डीबगर का उपयोग कर सकते हैं। आप इसके about:debugging हालांकि उपयोग कर सकते about:debugging ➞ डिबग

वेब कंसोल

आप शायद, वेब कंसोल (कीबोर्ड शॉर्टकट F12 ) को देख रहे हैं जो केवल एक टैब के साथ जुड़ा हुआ है। यह वही है जिसे आप चाहते हैं जब एक वेबपेज डिबग करना होता है, लेकिन ऐड-ऑन नहीं। उस टैब में इंजेक्शन वाली सामग्री स्क्रिप्ट के लिए, console.log() आउटपुट इस कंसोल में दिखाई देगा। हालांकि, आप अपने ऐड-ऑन के किसी अन्य हिस्से से आउटपुट नहीं देखेंगे (उदाहरण के लिए, अन्य टैब में सामग्री स्क्रिप्ट नहीं, पृष्ठभूमि स्क्रिप्ट आदि नहीं)।

गूगल क्रोम

क्रोम में आपके एक्सटेंशन के लिए सही कंसोल दिखा रहा है थोड़ा और जटिल है कंसोल आउटपुट को केवल एक संभावित स्थानों में से एक में दिखाया जाएगा, console.log() को किस संदर्भ से निष्पादित किया गया था। निम्न में से प्रत्येक DevTools एक दूसरे से स्वतंत्र होते हैं और अलग-अलग खिड़कियों, या टैब में प्रदर्शित होते हैं। संबंधित टैब (नीचे या किनारे) में प्रदर्शित वेब पेज और सामग्री स्क्रिप्ट से जुड़े DevTools के लिए डिफ़ॉल्ट है, क्योंकि ये टैब के लिए विशिष्ट हैं वेब पेज / सामग्री स्क्रिप्ट DevTools के लिए, आपके पास यह अपनी स्वयं की अलग विंडो में प्रदर्शित होने का विकल्प है, या टैब (पक्ष या नीचे) के अंदर डॉक किया हुआ है

आपके पृष्ठभूमि पृष्ठ के लिए

जैसा कि सृजन रेड्डी ने बताया , आपको एक ड्रॉप-डाउन मेनू पर कई चयनों के माध्यम से chrome://extensions पृष्ठ पर पहुंचने के लिए जाना होगा (या आप उसे यूआरएल के रूप में लिख सकते हैं या बुकमार्क का उपयोग कर सकते हैं) तो दोनों का चयन करें एक चेकबॉक्स ("डेवलपर मोड") और फिर "पृष्ठभूमि पृष्ठ" लिंक पर क्लिक करें उसके बाद, आपको उस विंडो पर "कंसोल" टैब चुनना होगा जो पॉप अप हो।

यह दिखाने के लिए बहुत आसान है कि आपको क्या करना है:
Google Chrome पर एक्सटेंशन के लिए कंसोल दिखाएं

अपनी सामग्री लिपियों के लिए

आउटपुट को नियमित वेब कंसोल में दिखाया जाएगा (वेब डेवलपर टूल में ) आप इसे वेब पेज में F12 (या अन्य शॉर्टकट्स) दबाकर खोल सकते हैं जिसमें आपकी सामग्री स्क्रिप्ट इंजेक्ट किया गया था। प्रत्येक वेब कंसोल उस टैब में इंजेक्ट किए गए स्क्रिप्ट से केवल आउटपुट दिखाएगा।

उपरोक्त प्रदर्शन को आपके विस्तार से console.* आउटपुट करना होगा, लेकिन कंसोल जावास्क्रिप्ट कमांड लाइन, डीबगर आदि का परिणाम पृष्ठ के संदर्भ में होगा, सामग्री स्क्रिप्ट नहीं।

यदि आप कंसोल जावास्क्रिप्ट कमांड लाइन का उपयोग उस सामग्री स्क्रिप्ट के संदर्भ में करना चाहते हैं जो किसी वेब पेज में इंजेक्ट किया गया है, तो आपको कंसोल विंडो के ऊपरी बाईं ओर स्थित ड्रॉप-डाउन मेनू से अपने एक्सटेंशन की सामग्री स्क्रिप्ट संदर्भ को चुनना होगा। यह ड्रॉप-डाउन मेनू आमतौर पर "शीर्ष" मान से शुरू होगा ड्रॉप डाउन में प्रत्येक सामग्री स्क्रिप्ट संदर्भों के लिए चयन होंगे (एक प्रति एक्सटेंशन जिसमें स्क्रिप्ट (इंजेक्शन) है)।

आपके पॉपअप के लिए

अपने browserAction बटन पर राइट-क्लिक करें और "पॉपअप का निरीक्षण करें" चुनें वैकल्पिक रूप से, पॉपअप के भीतर राइट क्लिक करें और "निरीक्षण करें" चुनें या तो पॉपअप पेज के लिए DevTools खोलेंगे। पॉपअप को अधिक शर्तों के मुकाबले सामान्य रूप से खुला रखा जाएगा, लेकिन यदि आप टैब स्विच करते हैं, तो फिर भी बंद हो जाएगा।

आपके विकल्प पृष्ठ के लिए

विकल्प पॉपअप की मुख्य सामग्री (शीर्षक बार नहीं) के भीतर राइट-क्लिक करें और "निरीक्षण करें" का चयन करें यह विकल्प पृष्ठ के लिए DevTools खोल देगा।

एक टैब में लोड किए गए आपके एक्सटेंशन के भीतर से आपके पैनल या एक पृष्ठ के लिए

जब पैनल या टैब केंद्रित हो, तो आप F12 (या अन्य शॉर्टकट्स) दबाकर DevTools को खोल सकते हैं, या संदर्भ मेनू खोलकर (राइट-क्लिक) और "निरीक्षण करें" का चयन कर सकते हैं।

कौन सा सांत्वना आप लॉग के लिए देख रहे हैं?

यदि आप किसी टैब पर कंसोल देख रहे हैं, तो वह गलत स्थान है।

सेटिंग्स / एक्सटेंशन खोलें या एक नया टैब प्रकार में

 chrome://extensions 

आपके विस्तार के अंतर्गत "पृष्ठभूमि पृष्ठ" लिंक पर क्लिक करें, जहां आप लॉग के लिए देख सकते हैं

** सुनिश्चित करें कि डेवलपर मोड चेक किया गया है

हां क्रोम के लिए आपको उल्लेखित पृष्ठभूमि पृष्ठ लिंक पर क्लिक करना होगा, लेकिन जब तक आप इसे स्थिर नहीं रखने के लिए सेट करेंगे तब तक वह नहीं होगा:

 "background": { "persistent": true, "scripts": ["background.js"] }