Cum se obține un program similar cu Firebug în Safari

Firebug este o extensie foarte populară pentru Firefox, care vă permite să inspectați și să editați elemente ale unui site Web. Acest lucru vă permite să aflați cum au fost programate paginile web și să vă ajute să depanați propriile proiecte. Instrumentele de dezvoltare ale Safari oferă funcții similare. Puteți utiliza extensia Firebug Lite pentru a încărca o versiune simplificată a Firebug pe orice site web.

conținut

Pași
Metoda 1folosind "instrumentele de dezvoltare" ale safari,
Metoda 2folosind firebug lite

pași

Metoda 1
Folosind "Instrumentele de dezvoltare" ale Safari,

Imagine intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 1

Faceți clic pe butonul meniului Safari și selectați "Preferințe". Acest browser include un set de instrumente de dezvoltare foarte asemănător cu Firebug. Aceste instrumente trebuie să fie activate pentru a fi utilizate.

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

Faceți clic pe fila "Avansat". Aceasta va afișa setările Safari avansate.

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

Selectați caseta de selectare "Afișați meniul dezvoltatorului din bara de meniu". Aceasta se va deschide activați meniul "Dezvoltator". Acesta va apărea lângă meniul "Favorite".

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

Deschideți fila "Web Inspector". "Inspectorul Web" este foarte asemănător cu Firebug. Puteți să o deschideți din meniul "Dezvoltator". De asemenea, o puteți deschide apăsând pe Comandă+⌥ Opțiune+eu.

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

Utilizați opțiunea "Resurse" pentru a vizualiza obiectele de pe site. Acestea includ: foi de stil, fișiere HTML, scripturi, imagini și multe altele. Aceasta este vizualizarea implicită a "Inspectorului Web".

Bara de navigare din stânga afișează toate dosarele de conținut din pagina curentă. Utilizați aceste dosare pentru a naviga rapid la caracteristicile necesare.
Funcțiile selectate sunt afișate în cadrul principal. În acesta, puteți vizualiza codurile site-urilor web și alte fișiere. De asemenea, puteți modifica codul și puteți vedea efectul live pe site-ul propriu-zis. Aceste modificări vor avea efect doar în timp ce site-ul este deschis.
Introduceți comenzile de depanare și inspectați obiectele din jаvascript utilizând consola.
Bara laterală dreaptă descompune detaliile la selecția curentă. Modificările vor fi afișate în timp real pe site.

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

Utilizați opțiunea "Cronologie" pentru a vizualiza activitatea site-ului. Timpurile sunt afișate atunci când funcțiile sunt activate în timpul utilizării paginii. De asemenea, puteți verifica solicitările de rețea și puteți vizualiza evenimentele din jаvascript.

De asemenea, puteți vedea trei termene diferite în partea de sus a ferestrei Cronologie. Fiecare reprezintă o categorie diferită.
Cadrul din stânga arată diferitele evenimente care apar pe linia de timp. Fiecare intrare din lista de activități va fi afișată în fereastra principală.

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

Utilizați opțiunea "Debugger" pentru a găsi și remedia erorile jаvascript. Această opțiune oferă aceleași instrumente de depanare găsite în Firebug. Utilizați depanatorul pentru a găsi și depana codurile jаvascript. Puteți seta puncte de oprire în codul dvs. astfel încât pagina să se întrerupă la anumite puncte. Acest lucru vă permite să depanați problemele legate de jаvascript de pe pagină sau să aflați cum funcționează.

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

Modificați "Agentul utilizator". Mulți oameni folosesc Firebug pentru a schimba agentul curent de utilizator. Acest agent este identificatorul care îi spune site-ului care browser și sistem de operare sunt utilizate. Acest lucru este foarte util pentru încărcarea versiunii mobile a site-urilor web în computerele desktop sau pentru a vedea cum este afișat un site utilizând Internet Explorer în Windows.

Faceți clic pe meniul "Dezvoltator" și selectați "Agent utilizator".
Selectați agentul dorit din lista opțiunilor. Puteți adăuga un agent utilizator personalizat selectând "Altele" și introducând codul.

Metoda 2
Folosind Firebug Lite

Imagine intitulată Obțineți ceva similar cu Firebug pe Safari Pasul 9

Vizitați site-ul Firebug Lite. Firebug Lite este o extensie care permite accesul la câteva funcții Firebug de bază. Funcționează pe orice browser de internet. Puteți să-l utilizați pentru a face modificări în timp real în paginile HTML și CSS. De asemenea, puteți utiliza comenzile console și verificați scripturile. Descărcați Firebug Lite la următoarea adresă getfirebug.com/firebuglite.

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

Derulați până la secțiunea "Canal stabil". Această secțiune include cea mai funcțională și mai stabilă versiune a Firebug Lite. Dacă doriți să încercați cele mai recente funcții, navigați la secțiunea "Canal beta". Beta este de obicei mai puțin instabilă decât versiunea obișnuită.

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

Faceți clic dreapta pe linkul "Firebug Lite". Selectați "Copy Address" din meniul care va apărea.

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

Creați un marcaj nou. Deschideți meniul marcaje și selectați opțiunea "Creați marcaj". Dacă preferați, apăsați pe Comandă+D/^ Ctrl+D. Această comandă rapidă deschide ecranul de creare favorită pentru pagina curentă.

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

Lipiți adresa copiată în câmpul URL al noului favorit. Aceasta va schimba codul preferat la Firebug Lite. Denumiți marcajele ca "Firebug Lite".

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

Utilizați marcajul pentru a încărca interfața Firebug Lite. Faceți clic pe acesta atunci când accesați orice site web. Interfața Firebug Lite va fi încărcată în partea de jos a ferestrei Safari.

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

Inspectați elementele paginii. Faceți clic pe butonul "Inspectați" din bara de meniu și selectați un element din pagină. Partea corespunzătoare a fișierului HTML al site-ului va fi evidențiată în cadrul Firebug Lite.

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

Utilizați filele din partea de sus a panoului Firebug Lite. Aceste file vă permit să accesați diferite funcții ale programului. Acestea includ: editor HTML și CSS, console și scripturi active.

Firebug Lite nu poate accesa foi de stil și scripturi externe. Acest lucru se datorează faptului că este dezvoltat în jаvascript, astfel încât acesta poate fi încărcat pe orice pagină. Dacă aveți nevoie de aceste instrumente, utilizați "Instrumentele de dezvoltare" din Safari.

Distribuiți pe rețelele sociale:

înrudit