दिलचस्प पोस्ट
मैं गिट को अपनी पसंद के संपादक का उपयोग करने के लिए कैसे करूं? कोणीय जे एस अज्ञात प्रदाता एक स्थिर कक्षा को सीरियल करना? मैं वास्तव में कभी नहीं समझा: POSIX क्या है? PHP में preg_match का उपयोग करते समय "अज्ञात संशोधक 'g … में …? CouchDB में एक-से-कई "जॉइन" करने का सर्वोत्तम तरीका PHP का उपयोग कर दूरस्थ MySQL सर्वर से कनेक्ट करना मैं एआरसी के साथ संगत एक उद्देश्य सी सिंगलटन को कैसे लागू करूं? संघों और प्रकार-दंड नियमित अभिव्यक्ति का उपयोग करने के लिए या नहीं? जावास्क्रिप्ट का उपयोग करते हुए भारतीय स्वरूप में एक नंबर प्रदर्शित करना जैक्सन – जेनेरिक क्लास का इस्तेमाल करना जावा में एक स्थिर विधि से क्लास का नाम प्राप्त करना कार्रवाई में जेएसएफ़ सत्यापन कैसे करें लिस्टर या एक्शन मेथड? आईफोन प्रोग्रामिंग में एचटीटीपी सर्वर पर फ़ाइल अपलोड करें

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"); 

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

वेब के समाधान से एकत्रित समाधान "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"] }