Cum se instalează o adăugare la Firebug pe Safari

Firebug este o completare foarte populară pentru Firefox, care vă permite să explorați și să modificați elementele de pe o pagină web. Cu aceasta, veți afla cum sunt construite paginile web. El va ajuta, de asemenea, la depanarea propriului său proiect. Instrumente de dezvoltare software pentru Safari oferă o caracteristică similară. De asemenea, puteți utiliza Firebug Lite pentru a descărca versiunea simplificată a Firebug pe orice site web.

Pași

Metoda 1 din 2:

Instrumente de dezvoltare pentru Safari

unu. Faceți clic pe meniul Safari și selectați "Setări". Safari include un set de instrumente de dezvoltare a aplicațiilor, similar cu ceea ce este în Firebug. Astfel încât să puteți lucra cu ei, trebuie să pornească mai întâi.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 2

2. Faceți clic pe fila Add-ons. Deci, veți deschide opțiunile de browser avansate.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 3

3. Puneți caseta de lângă meniul "Afișați dezvoltarea" din bara de meniu. Prin aceasta, activați meniul "Dezvoltare". Acesta va apărea lângă meniul "Bookmark".

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 4

4. Rulați inspectorul web. Inspectorul web este foarte asemănător cu Firebug. Puteți să-l deschideți în meniul "Dezvoltare". Pentru a face acest lucru, puteți să faceți clic pe combinația de taste ⌘ comandă+⌥ Opțiune+I.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 5

cinci. Selectați fila Resurse pentru a afișa obiecte de pagină web. Aceste obiecte includ foi de stil, fișiere HTML, scripturi, imagini etc. Aceasta este vizualizarea standard a inspectorului web.

În panoul din stânga din stânga veți vedea toate folderele cu conținutul paginii curente. Utilizați aceste dosare pentru a vă deplasa rapid între resursele necesare.

Resursele selectate vor fi afișate pe panoul principal. Aici veți vedea codul site-ului și alte fișiere. Puteți efectua editări în cod și puteți vedea imediat modificările de pe pagină. Aceste modificări vor funcționa numai atâta timp cât închideți site-ul.

Folosind consola, introduceți comenzi de depanare și examinați obiectele jаvascript.

Pe panoul lateral drept va fi detalii despre elementul selectat. Modificările făcute aici vor fi afișate imediat pe site.

Imaginea intitulată obține ceva similar cu Firebug pe Safari Pasul 6

6. Utilizați fila Scala de timp pentru a vizualiza activitatea de pe site. Scala de timp se afișează atunci când a fost efectuată o bucată de cod. De asemenea, puteți verifica solicitarea de rețea și vizualizați evenimente pentru jаvascript.

În partea de sus a ferestrei "Scala de timp", veți vedea trei linii temporare diferite. Fiecare linie este responsabilă pentru categoria sa de timp.

Panoul din stânga afișează diverse evenimente care apar pe cronologie. Timpul fiecărei acțiuni va fi afișat în fereastra principală.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 7

7. Utilizați opțiunea "Debugger" pentru a căuta și corecta erorile jаvascript. Opțiunea "Debugger" oferă aceleași instrumente de depanare ca și Firebug. Utilizați-l pentru a căuta și corecta codurile jаvascript. Puteți seta locația codului pentru a vă opri la o anumită locație. Acest lucru vă va permite să corectați erorile în jаvascript și să înțelegeți cum funcționează.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 8

opt. Schimbați agentul utilizatorului. Mulți utilizează Firebug Add-ON pentru a schimba agentul de utilizator curent. Agentul utilizator este un identificator care spune paginile web care browser și sistemul de operare pe care îl utilizați. Aceasta este o opțiune foarte utilă pentru a descărca site-uri mobile pe laptop sau pentru a vedea aspectul site-ului atunci când lucrați cu Internet Explorer pe Windows.

Faceți clic pe meniul "Dezvoltare" și selectați "Agent personalizat".

Selectați agentul de utilizator dorit din lista de opțiuni. Puteți adăuga agentul dvs. de utilizator prin alegerea opțiunii "Altele ..." și introduceți codul de care aveți nevoie.

Metoda 2 din 2:

Firebug Lite

unu. Accesați site-ul Firebug Lite. Firebug Lite este un marcaj care oferă acces la unele funcții de bază de foc. Funcționează în orice browser web. Puteți să-l utilizați pentru a efectua modificările actuale în paginile HTML și CSS. De asemenea, puteți executa comenzi de console și verificați scripturile. Puteți descărca Firebug Lite pe acest link: Getfirebug.Com / Firebuglite.

Imaginea intitulată obține ceva similar cu Firebug pe Safari Pasul 10

2. Derulați în jos la secțiunea "Canal stabil" (canal stabilă). Aceasta este versiunea cea mai funcțională și stabilă a Firebug Lite. Dacă doriți să încercați ultimele funcții, setați marcajul din secțiunea Beta Channel (Beta Channel). Versiunea beta este mai instabilă decât cea obișnuită.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 11

3. Faceți clic dreapta pe linkul Firebug Lite. În meniul care apare, selectați "Copy Link".

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 12

4. Creați un nou bookmaker. Deschideți meniul "Marcaje" și selectați "Creare marcaj" (Creați un marcaj). De asemenea, puteți să faceți clic pe ⌘ comandă+D. Aceasta va deschide o fereastră nouă pentru a crea o stabilire a paginii curente.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 13

cinci. Introduceți legătura copiată la câmpul corespunzător al noului marcaj. Aceasta va schimba marcajul pe codul Firebug Lite. Nume cineva marcaj, de exemplu, "Firebug lite".

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 14

6. Folosind marcajul, descărcați interfața Firebug Lite. Faceți clic pe fila Firebug Lite pe orice site.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 15

7. Elementele sondajului de pe pagină. Faceți clic pe butonul "Inspectați" de pe panoul de meniu Firebug Lite, apoi selectați elementul de pe pagină. Partea corespunzătoare a fișierului HTML va fi evidențiată în cadrul Firebug Lite Rame.

Imaginea intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 16

opt. Utilizați file pe panoul de sus Firebug Lite. Aceste tab-uri deschise accesul la diferite caracteristici Firebug Lite. Acestea includ editorul de cod HTML și CSS, lucrează cu consola și scripturi active.

Firebug Lite nu are acces la stiluri și scripturi externe. Acest lucru se datorează faptului că este scris în jаvascript pentru a putea porni pe orice pagină. Dacă aveți nevoie de aceste instrumente, dați o preferință pentru dezvoltarea instrumentelor pentru Safari.