Sådan får du et program svarende til Firebug i Safari

Firebug er en meget populær Firefox udvidelse, der giver dig mulighed for at inspicere og redigere elementer på et websted. Dette giver dig mulighed for at lære, hvordan websiderne er programmeret og for at hjælpe dig med at fejle dine egne projekter. Safari`s "Udviklingsværktøjer" giver lignende funktioner. Du kan bruge Firebug Lite-udvidelsen til at uploade en forenklet version af Firebug til enhver hjemmeside.

indhold

Trin

Metode 1brug af safari`s "udviklingsværktøjer"
Metode 2brug af firebug lite

trin

Metode 1
Brug af Safari`s "udviklingsværktøjer"

Klik på Safari-menuknappen og vælg "Indstillinger". Denne browser indeholder et udviklingsværktøj meget ligner Firebug. Disse værktøjer skal være aktiveret for at du kan bruge.

Billedbetegnelse Få noget lignende Firebug på Safari Trin 2

Klik på fanen "Avanceret". Dette viser de avancerede Safari-indstillinger.

Billedbetegnelse Få noget lignende Firebug på Safari Trin 3

Marker afkrydsningsfeltet "Vis udvikler menu fra menulinjen". Dette åbner aktivere menuen "Udvikler". Det vises ved siden af menuen "Foretrukne".

Billede med titlen Få noget, der ligner Firebug på Safari Trin 4

Åbn fanen "Web Inspector". "Web Inspector" ligner meget Firebug. Du kan åbne den fra menuen "Udvikler". Du kan også åbne den ved at trykke på ⌘ kommando+⌥ Mulighed+jeg.

Billedbetegnelse Få noget lignende Firebug på Safari Trin 5

Brug "Ressourcer" mulighed for at se websitet objekter. Dette omfatter: stilark, HTML-filer, scripts, billeder og meget mere. Dette er standardvisningen af "Web Inspector".

Den venstre navigationslinje viser alle indholdsmapper på den aktuelle side. Brug disse mapper til hurtigt at navigere til de nødvendige funktioner.
De valgte funktioner vises i hovedrammen. Her kan du se webkoder og andre filer. Du kan også foretage ændringer i koden og se effekten live på selve hjemmesiden. Disse ændringer træder først i kraft, mens webstedet er åbent.
Indtast fejlretningskommandoer og inspicer objekter i jаvascript ved hjælp af konsollen.
Den højre sidelinje dekomponerer detaljerne til det aktuelle valg. Ændringerne vises i realtid på hjemmesiden.

Billede med titlen Få noget, der ligner Firebug på Safari Trin 6

Brug funktionen "Tidslinje" til at se webstedets aktivitet. Tidslinjer vises, når funktionerne fyres, mens du bruger siden. Du kan også tjekke netværksforespørgsler og se begivenheder i jаvascript.

Du kan også se tre forskellige tidslinjer øverst i tidslinjevinduet. Hver enkelt repræsenterer en anden kategori.
Den venstre ramme viser de forskellige begivenheder, der forekommer på tidslinjen. Hver indtastning i aktivitetslisten vises i hovedvinduet.

Billedbetegnelse Få noget lignende Firebug på Safari Trin 7

Brug "Debugger" mulighed for at finde og rette jаvascript fejl. Denne mulighed giver de samme fejlfindingsværktøjer, der findes i Firebug. Brug debuggeren til at finde og fejlfinding af jаvascript-koder. Du kan indstille breakpoints i din kode, så siden pauser på bestemte punkter. Dette giver dig mulighed for at fejle jаvascript-relaterede problemer på siden eller lære, hvordan det virker.

Billede med titlen Få noget, der ligner Firebug på Safari Trin 8

Skift "Brugeragent". Mange bruger Firebug til at ændre den nuværende brugeragent. Denne agent er identifikatoren, der fortæller hjemmesiden, hvilken browser og operativsystem der bruges. Dette er meget nyttigt til at indlæse den mobile version af websites til stationære computere eller se, hvordan et websted vises ved hjælp af Internet Explorer i Windows.

Klik på "Udvikler" menuen og vælg "User Agent".
Vælg den ønskede agent fra listen over muligheder. Du kan tilføje en brugerdefineret bruger agent vælge "Andet" og indtaste din kode.

Metode 2
Brug af Firebug Lite

Billedbetegnelse Få noget lignende Firebug på Safari Trin 9

Besøg Firebug Lite hjemmeside. Firebug Lite er en udvidelse, der giver adgang til nogle grundlæggende Firebug-funktioner. Det virker på enhver internet browser. Du kan bruge den til at foretage ændringer i realtid på HTML- og CSS-sider. Du kan også bruge konsolkommandoer og tjekke scripts. Download Firebug Lite på følgende adresse getfirebug.com/firebuglite.

Billede med titlen Få noget, der ligner Firebug på Safari Trin 10

Rul til "Stabil kanal" sektionen. Dette afsnit indeholder den mest funktionelle og stabile version af Firebug Lite. Hvis du vil prøve de nyeste funktioner, skal du navigere til sektionen "Beta kanal". Beta er normalt mindre ustabil end den almindelige version.

Billedbetegnelse Få noget svarende til Firebug på Safari Trin 11

Højreklik på "Firebug Lite" linket. Vælg "Kopier adresse" i menuen, der vises.

Billede med titlen Få noget, der ligner Firebug på Safari Trin 12

Opret et nyt bogmærke. Åbn menuen Bogmærker og vælg "Opret bogmærke". Hvis du foretrækker, skal du trykke på ⌘ kommando+D/^ Ctrl+D. Denne genvej åbner skærmbilledet til foretrukne oprettelse af den aktuelle side.

Billedbetegnelse Få noget, der ligner Firebug på Safari Trin 13

Indsæt den kopierede adresse i feltet Ny favorit URL. Dette vil ændre favorit til Firebug Lite-koden. Navngiv bogmærket som "Firebug Lite".

Billede med titlen Få noget, der ligner Firebug på Safari Trin 14

Brug bogmærket til at indlæse Firebug Lite-grænsefladen. Klik på det, når du åbner et websted. Firebug Lite-grænsefladen lægges i bunden af Safari-vinduet.

Billedbetegnelse Få noget lignende Firebug på Safari Trin 15

Undersøg sideelementerne. Klik på knappen "Inspicer" på menulinjen og vælg et element fra siden. Den tilsvarende del af HTML-filen på webstedet fremhæves i Firebug Lite-rammen.

Billedets titel Få noget, der ligner Firebug på Safari Trin 16

Brug fanerne øverst på Firebug Lite-panelet. Disse faner giver dig adgang til forskellige programfunktioner. Disse omfatter: HTML og CSS editor, konsol og aktive scripts.

Firebug Lite kan ikke få adgang til eksterne stilark og scripts. Dette skyldes det faktum, at det er udviklet i jаvascript, så det kan læses på en hvilken som helst side. Hvis du har brug for disse værktøjer, skal du bruge "Udviklingsværktøjer" i Safari.

Del på sociale netværk:

Relaterede