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

Question

के लिए सीएसएस इंजेक्ट करें मैं क्रोम एक्सटेंशन विकास के लिए काफी नया हूं। मुझे पता है कि सीएसएस इंजेक्ट करना संभव है। लेकिन क्या यह एक विशिष्ट यूआरएल के लिए इंजेक्ट करना संभव है। उदाहरण के लिए, जब भी मैं google.com पर जाता हूं, तो सीएसएस इंजेक्शन दिया जाएगा।

सहायता के लिए धन्यवाद! :)

Answer 1

ठीक है, आपके पास 2 विकल्प, प्रोग्रामेटिक इंजेक्शन और सामग्री स्क्रिप्ट हैं। नाम वास्तव में जटिल और डरावना लग सकते हैं, लेकिन चिंता न करें;)

Content Scripts पेज लोड होने पर स्वचालित रूप से इंजेक्ट करेगा।

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "content_scripts": [ 
    { 
     "matches": ["http://www.google.com/"], //where your script should be injected 
     "css": ["css_file.css"] //the name of the file to be injected 
    } 
    ] 
} 

यह सीएसएस हर बार जब आप लोड google.com

आपका अन्य इंजेक्षन चाहिए: आप सभी (अलग स्क्रिप्ट लिखने से) क्या करने की जरूरत है, अपने manifest.json में कुछ इस तरह निर्दिष्ट करने के लिए है विकल्प Programmatic Injection का उपयोग करना है। यह उपयोगी हो सकता है यदि आप कभी-कभी पृष्ठभूमि पृष्ठ से कोड को इंजेक्ट करना चाहते हैं। ऐसा करने के लिए, आप insertCSS() का उपयोग कर सकते हैं। उस मामले में, आप अपने मेनिफ़ेस्ट में एक host permission आवश्यकता होगी:

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "background_page": "myBackground.html", //if you want to inject it from a background page 
    "permissions": [ 
    "background", //if you want to inject it from a background page 
    "http://www.google.com/" // host permission to google 
    ] 
} 

गुड लक!