क्रोम एक्सटेंशन

Question

में कोई छवि डालें, मैं जानना चाहता हूं कि क्रोम एक्सटेंशन में कोई छवि कैसे डालें।

<img id="image" src="logo.png" /> 

मैं उस वेबसाइट को सही ढंग से उस वेबसाइट में डाल रहा हूं, लेकिन स्वाभाविक रूप से उस लोगो.png छवि को लोड नहीं कर सकता।

manifest.json को संशोधित करने के तरीके पर कोई विचार?

Answer 1

समस्या के लिए दो संभावित कारण हैं।

1. आप src="logo.png" के साथ एक छवि इंजेक्शन कर रहे हैं। सम्मिलित छवि तत्व पृष्ठ का एक हिस्सा बन जाता है, इसलिए ब्राउज़र एक्सटेंशन से छवि लोड करने का प्रयास नहीं करता है।
   इस समस्या को ठीक करने के लिए, संसाधन का पूर्ण URL प्राप्त करने के लिए chrome.extension.getURL('logo.png'); का उपयोग करें।

2. "manifest_version": 2 मैनिफेस्ट फ़ाइल में सक्षम है। यह डिफ़ॉल्ट रूप से बाहरी उपयोग के लिए सभी संसाधनों को अक्षम करता है। जब यह त्रुटि तब होती है, निम्न संदेश कंसोल में प्रकट होता है:

   नहीं स्थानीय संसाधन लोड करने की अनुमति:,

   समस्या को हल करने //gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png एक श्वेत सूची के लिए संसाधन जोड़ने, अर्थात्: क्रोम मैनिफ़ेस्ट फ़ाइल में "web_accessible_resources":

   ..., 
       "web_accessible_resources": ["logo.png"] 
   }