फ़ायरफ़ॉक्स एक्सटेंशन

Question

के माध्यम से एक वेबपृष्ठ में एक सीएसएस फ़ाइल इंजेक्ट करें मैं फ़ायरफ़ॉक्स एक्सटेंशन लिख रहा हूं और मैं उनके ऐड-ऑन एसडीके का उपयोग कर रहा हूं; लेकिन मैं डेटा फ़ोल्डर से वेबपृष्ठ में स्थानीय सीएसएस फ़ाइल को इंजेक्ट करने का तरीका नहीं समझ सकता। page_mod पैकेज के माध्यम से ऐसा करने का कोई तरीका था तो यह बहुत अच्छा होगा।

Answer 1

ऐड-ऑन एसडीके 1.14 के रूप में वहाँ प्रयोगात्मक है (एपीआई बदल सकते हैं) page-mod मॉड्यूल में इस के लिए समर्थन:

var pageMod = require("sdk/page-mod").PageMod({ 
    include: "*", 
    contentStyleFile: require("sdk/self").data.url("my-style.css") 
}); 

पेज-आधुनिक उपयोग करने के लिए एक व्यापक गाइड के लिए Modifying Web Pages Based on URL देखें।

वर्तमान कार्यान्वयन के साथ मुद्दों पर चर्चा करते हुए a page on the Addon SDK's wiki है, हालांकि यह थोड़ा पुराना प्रतीत होता है।

हुड के तहत यह पृष्ठ के डीओएम को छूए बिना स्टाइलशीट जोड़ने के लिए nsIDOMWindowUtils .loadSheet() का उपयोग करता है।

---

कि इससे पहले कि आप डालने के लिए पेज-आधुनिक के सामग्री स्क्रिप्ट के इस्तेमाल कर सकते हैं (यह API फ़ायरफ़ॉक्स 18 में जोड़ा गया है, bug 737003 कि आप nsIStyleSheetService जो समान था, लेकिन नहीं टैब विशेष का इस्तेमाल किया था देखते हैं। इससे पहले कि।) लिंक या स्टाइल तत्व (example)। [संपादित करें] lwburk की टिप्पणी के लिए धन्यवाद, यहां Greasemonkey Hacks: Tips & Tools for Remixing the Web with Firefox By Mark Pilgrim: "Alter a Page's Style" section में एक विस्तृत विस्तृत विवरण है।

Answer 2

main.js से सीएसएस सम्मिलित करने के लिए एक अब उपयोग कर सकते हैं "पृष्ठ-आधुनिक":

var data = require("sdk/self").data; 
var pageMod = require("sdk/page-mod"); 

pageMod.PageMod({ 
    include: "*.org", 
    contentStyleFile: data.url("my-page-mod.css") 
});