फ़ायरफ़ॉक्स में सामग्री स्क्रिप्ट में सापेक्ष छवि यूआरएल एसडीके

Question

मैं वर्तमान में एड-ऑन एसडीके का उपयोग करके फ़ायरफ़ॉक्स एक्सटेंशन विकसित कर रहा हूं और वास्तविक समस्या में फंस गया हूं।

main.js

var pageMod = require("page-mod"); 
var self = require("self"); 

pageMod.PageMod({ 
    include: "http://mail.google.com/mail/*", 
    contentScriptFile: [self.data.url("jquery.js"), 
         self.data.url("start.js")], 
    attachTo : ["top"] 
}); 

start.js

$('body').append('<div>1</div><img src="insertnote.png" /><div>2</div>'); 

दोनों start.js और insertnote.png में स्थित हैं: मूल रूप से अपने एक्सटेंशन सिर्फ इस तरह एक वेबपृष्ठ में एक सामग्री स्क्रिप्ट injects डेटा फ़ोल्डर छवि के अलावा सबकुछ काम करता है। मैं बस छवि टैग के लिए असली यूआरएल प्राप्त करने के लिए नहीं मिल सका। सापेक्ष यूआरएल काम नहीं कर रहा प्रतीत होता है। :(

, कि यहां तक ​​कि संभव सामग्री स्क्रिप्ट के अंदर ऐड-ऑन के भीतर चित्रों को शामिल करने या मैं बस अपना वेब सर्वर पर पूर्ण यूआरएल का उपयोग करना चाहिए है?

Answer 1

निम्नलिखित सी स्तोत्र सिर्फ एक हर संपत्ति के यूआरएल युक्त वस्तु पारित करने के लिए

main.js

var pngurl = self.data.url("insertnote.png"); 

//inside PageMod constructor 
onAttach: function(worker) { 
    worker.port.emit("imageurl",pngurl); 
} 

start.js

self.port.on("imageurl", function(imgurl){ 
    var img = document.createElement("img"); 
    img.src = imgurl; 
    document.body.appendChild(img); 
}); 

स्वाभाविक रूप से यह और अधिक कुशल हो जाएगा काम करना चाहिए।

Answer 2

समस्या यह है कि सापेक्ष URL दस्तावेज़ के सापेक्ष व्याख्या कर रहे हैं जो इस में केस पृष्ठ है, क्योंकि आप स्ट्रिंग के रूप में सीधे पृष्ठ में डाल रहे हैं।

सामान्य रूप से, ऐड-ऑन में छवियों से लिंक कर सकते हैं यदि एड-ऑन स्पष्ट रूप से ऐसा कहता है; उनके पास है उपयुक्त क्रोम का उपयोग करने के लिए: // यूआरआई ऐसा करने के लिए।

Answer 3

आप सामग्री स्क्रिप्ट में मानों को पारित करने के लिए "contentScriptOptions" का उपयोग कर सकते हैं।

main.js

var pageMod = require("sdk/page-mod"); 
var self = require("sdk/self"); 
pageMod.PageMod({ 
    include: "http://mail.google.com/mail/*", 
    contentScriptFile: [self.data.url("jquery.js"), 
         self.data.url("start.js")], 
    attachTo : ["top"], 
    contentScriptOptions: { 
    pngUrl: self.data.url("insertnote.png") 
    } 
}); 

start.js

$('body').append('<div>1</div><img src="' + self.options.pngUrl + '" /><div>2</div>'); 

की