Inject CSS dla rozszerzenia chrome

Question

Jestem całkiem nowy w rozwoju rozszerzeń Chrome. Wiem, że możliwe jest wstrzyknięcie CSS. Ale czy możliwe jest wstrzyknięcie pod konkretny adres URL. Na przykład, gdy odwiedzę stronę google.com, nastąpi wstrzyknięcie CSS.

Dzięki za pomoc! :)

Answer 1

Cóż, masz 2 opcje, programowe skrypty wtrysku i treści. Nazwy mogą wydawać się naprawdę skomplikowane i przerażające, ale nie martw się;)

będzie wstrzykiwać się automatycznie po załadowaniu strony. Wszystko, co musisz zrobić (oprócz pisania scenariusza), jest określenie czegoś takiego w swoim manifest.json:

{ 
    "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 
    } 
    ] 
} 

ten powinien wstrzyknąć CSS za każdym razem ładować google.com

Twój innych opcją jest użycie Programmatic Injection. Może to być przydatne, jeśli chcesz wprowadzić kod tylko czasami, zwykle ze strony w tle. Aby to zrobić, możesz użyć insertCSS(). W takim przypadku musisz mieć w manifeście numer 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 
    ] 
} 

Powodzenia!