Eine Chrome-Erweiterung erstellen, die CSS- und JS-Elemente ersetzt

Question

Ich fragte mich, ob es eine Möglichkeit gab, eine Chrome-Erweiterung zu erstellen, die js und css von der Website löscht und ein neues Skript aus einer separaten Quelle hinzufügt. Art wie dieses

‚Old script‘ Ruft ersetzt mit ‚neuer Skript‘ oder ‚'

Vise kehrt

mit CSS‘ erhält mit "ersetzt

Sorry für meine Rechtschreibung ich auf meinem Handy bin

Answer 1

Ich glaube, Sie könnten einen Blick auf chrome.webRequest.onBeforeRequest werfen, es wird ausgelöst, wenn eine Anfrage (wie Skript/Stylesheet) auftritt, und Sie dürfen es hören und die Anfragen auf die URL Sie abbrechen oder umleiten wollen (script/stylesheet)

Um dies zu erreichen,

1. webRequest hinzufügen, webRequestBlocking und Host-Berechtigungen für permissions Feld in manifest.json

2. -chrome.webRequest.onBeforeRequest im Hintergrund Seite hören.

   chrome.webRequest.onBeforeRequest.addListener(function(details) { 
       var srcUrl = details.url; 
       var desUrl = YOUR_DESTINATION_URL; 
       return { redirectUrl: desUrl}; 
   }, { 
        types: ["stylesheet", "script"], 
        urls: [YOUR MATCH PATTERN] 
   }, ['blocking']);