एक सीएसएस स्टाइलशीट में नियम जोड़ने का प्रयास फ़ायरफ़ॉक्स

Question

में ऑपरेशन असुरक्षित है "मैं Greasemonkey का उपयोग कर रहा हूं और किसी विशिष्ट डोमेन में नियम जोड़ने का प्रयास कर रहा हूं। लेकिन इसके परिणामस्वरूप The operation is insecure कहने में त्रुटि हुई।
कोड क्रोम पर ठीक काम करता है।

स्क्रिप्ट http://mydomain.com/test/test.php
पर चलता है और सीएसएस फ़ाइल http://cdn.mydomain.com/test/css/global.css

मेरे समारोह है:

function css(selector, property, value) { 
    for (var i=0; i<document.styleSheets.length;i++) 
    { 
     try 
     { 
      document.styleSheets[i].insertRule(selector+ ' {'+property+':'+value+'}', document.styleSheets[i].cssRules.length); 
     } 
     catch(err) 
     { 
      try // IE 
      { 
       document.styleSheets[i].addRule(selector, property+':'+value); 
      } 
      catch(err) {} 
     } 
    } 
} 

गूगल पर मैंने पाया क्योंकि मैं पार डोमेन का उपयोग करने की कोशिश कर रहा हूँ यह हो सकता है कि, तो मैंने सीएसएस फ़ाइल में यूआरएल को 'स्वीकृत यूआरएल' में जोड़ने का प्रयास किया है लेकिन कोई परिणाम नहीं है।

मैं इसे कैसे ठीक करूं?

Answer 1

हां, फ़ायरफ़ॉक्स क्रॉस-डोमेन वाले स्टाइलशीट तक पहुंच को अवरुद्ध करता है।

कोड "प्रतिबंधित यूआरआई पर पहुंच अस्वीकृत": "1012"
nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)"
स्थान: ... यह अपवाद फेंक (या कम से कम करने के लिए इस्तेमाल) कर सकते हैं। ..

लेकिन, सीएसएस के साथ, आप एक विशिष्ट शैली पत्रक में नियम जोड़ने की जरूरत नहीं है। बस जिस शैली की आप परवाह करते हैं उसे ओवरराइट करें।

उदाहरण के लिए, पेज सेट करता है, तो:

body { 
    background: white; 
} 

और अपनी स्क्रिप्ट सेट:

body { 
    background: red; 
}  

तो पेज (नाममात्र) लाल हो जाएगा।

लक्ष्य पृष्ठ शैलियों को बदलने के सबसे आसान, सबसे अच्छे तरीके के लिए, this one जैसे पिछले उत्तरों देखें।

Answer 2

स्टाइलशीट से नियम विभिन्न स्टाइलशीट की अनुमतियों के साथ चलते हैं। जिसका अर्थ यह है कि यदि आप एक क्रॉस-साइट स्टाइलशीट में नियम इंजेक्ट कर सकते हैं तो आप कुछ क्रॉस-साइट हमले कर सकते हैं। यही कारण है कि फ़ायरफ़ॉक्स एक क्रॉस-साइट स्टाइलशीट में नियम जोड़ना बंद कर देता है।

यह संभव है कि क्रोम इसके बजाय लिंकिंग दस्तावेज़ की अनुमतियों के साथ सभी नियम चलाता है, यही कारण है कि यह आपको चीजों को शीट में जोड़ने की अनुमति देता है .... हालांकि ध्यान दें कि क्रोम आपको पढ़ने नहीं देगा एक क्रॉस साइट स्टाइलशीट।

ध्यान दें कि अगर आप (<link> पर "crossorigin" विशेषता स्थापित करने और सुनिश्चित करें कि आपके CDN सही हेडर में सेवारत है बनाकर) CORS के साथ अपने स्टाइलशीट लोड तो आप इसे करने के लिए क्रॉस साइट पहुँच प्राप्त करने में सक्षम हो जाएगा।

Answer 3

मैंने पाया इस समाधान समस्या के काम करता है:

var style = document.createElement("style"); 
document.head.appendChild(style); 
style.sheet.insertRule("body { font-size:40px; }", 0);