Gör permanenta ändringar på webbsidor med Chrome: s verktyg för åsidosättning av enheter

Lokala åsidosättningar är en relativt ny experimentell funktion i utvecklarverktygen i webbläsaren Google Chrome som du kan använda för att göra permanenta ändringar på webbsidor som liknar hur du gör det med användarskript eller användarstilar.

De flesta användare kanske inte vill ändra stil eller annat innehåll på webbsidor som de besöker regelbundet. vissa användare vill göra det för att ta bort irritationer, förbättra användbarheten eller göra andra ändringar.

Ett bra exempel är en webbplats som är för ljus i användarens ögon. Med hjälp av åsidosättningar kan du ändra stilen på webbplatsen till en mörk så att den blir mer ögonvänlig. Du kan också använda den för att öka eller minska teckenstorlekar, ändra teckensnitt, ta bort bakgrundsbilder eller manipulera något annat element på sidan.

Ställa in lokala åsidosättningar i Google Chrome

Local Overrides är en experimentell funktion i Google Chrome som är tillgänglig i alla versioner av webbläsaren som stöds.

Här är vad du behöver göra för att aktivera det:

  1. Klicka på F12 för att få fram verktygsgränssnittet för utvecklare.
  2. Klicka på F1 i gränssnittet för att öppna inställningarna.
  3. Under Inställningar, leta upp "Aktivera lokala åsidosättningar" och kontrollera alternativet.
  4. isit en webbsida som du vill göra permanenta ändringar på.
  5. Byt till källpanelen i utvecklarverktygen.
  6. Klicka på ikonen med de två pilarna som pekar till vänster och välj Återstyr från menyn.
  7. Välj "Setup overrides" och välj en lokal mapp som du vill lagra overrides i.
  8. Acceptera Kroms begäran om att komma åt mappen.

Använda lokala åsidosättningar i Google Chrome

Att använda åsidosättningar för resurser är ganska enkelt. Öppna nätverkspanelen i webbläsaren för att komma igång. Om du inte ser några laddade filer laddar du om sidan för att fylla listan.

Högerklicka på en resursfil som du vill åsidosätta och välj alternativet "spara som åsidosättande". Chrome sparar informationen i det lokala systemet och kommer att använda dem istället för den ursprungliga resursen när den laddar webbsidan.

Du kan redigera filen sedan under Källor> åsidosättningar. Detta fungerar bra för stilar, men du kan åsidosätta i stort sett alla källfiler inklusive HTML-sidor och JavaScript-filer.

Överskridanden sparas automatiskt, och du kan ta bort dem från listan över åsidosättningar i Chrome Developer Tools eller använda inställningarna istället.

Avsnittet åsidosättningar i inställningarna för utvecklarverktyg visar alla webbplatser med åsidosättningar. När du håller muspekaren över en post kan du ta bort den för att ta bort alla åsidosättningar eller klicka på redigera för att ändra domännamnet.

Kolla in följande instruktionsvideo som belyser hur du kan använda funktionen för att förbättra webbsidans prestanda.

Stängande ord

Lokala åsidosättningar är en experimentell funktion som innebär att Google kan dra det i framtiden eller integrera det helt i webbläsaren. För tillfället är det ett utmärkt alternativ att ändra stil eller kod för webbsidor som du besöker regelbundet och ett alternativ till att använda användarstilar eller skript för det.

Den största fördelen med det inbyggda alternativet är att du kan använda Chrome utvecklarverktyg för att se förändringarna i realtid utan att behöva spara externa filer manuellt och ladda om sidor varje gång du gör ändringar.

Nu du : Använder du användarskript eller stilar?