Pregled izvornog koda web stranice u Safariju i drugim web preglednicima prilično je rutinska aktivnost za mnoge ljude koji rade s webom za život ili čak kao hobi. Za razliku od nekih drugih preglednika, za pregled izvora stranice u Safariju prvo morate omogućiti skup razvojnih alata za preglednik kako bi mogao pristupiti značajki prikaza izvora web stranice.

Ovaj vodič će pokazati kako pregledati izvor web stranice u Safariju na Mac OS-u. Ovo se odnosi na sve verzije Safarija i MacOS-a.

Kako vidjeti izvorni kod stranice u Safariju za Mac

Evo kako možete vidjeti izvor web stranica u Safariju na MacOS-u:

1. Prvo, omogućite izbornik Safari Develop tako da odete na izbornik Safari, odaberete “Preferences”, odete na “Advanced” i potvrdite okvir da biste omogućili izbornik za programere



2. Dalje, u bilo kojem Safari prozoru, idite na web stranicu čiji izvor želite vidjeti i pregledati
3. Povucite prema dolje izbornik “Razvoj” na vrhu zaslona i odaberite “Prikaži izvor stranice” iz opcija izbornika



4. Izvor web stranica pojavit će se na zaslonu u odjeljku Izvori web inspektora, alata za razvoj web stranica ugrađenog u Safari

Osim gledanja izvora stranice, također možete koristiti izbornik Razvoj za postizanje mnogih drugih web korisnih trikova i razvojnih zadataka, uključujući onemogućavanje Javascripta i brisanje Safari predmemorije među bezbroj drugih funkcija i mogućnosti koje su usmjerene prema naprednim korisnicima i programerima, poput pronalaženja ugrađenih datoteka na stranicama.

Kako vidjeti izvorni kod stranice tipkovničkim prečacem u Safariju na Macu

Nakon što ste omogućili izbornik Razvoj u Safariju, također možete koristiti tipkovni prečac za brzi pregled izvora bilo koje web stranice u pregledniku Safari za Mac:

1. Idite na web stranicu za koju želite vidjeti izvor stranice
2. Pritisnite Command + Option + U kombinaciju tipkovnice za pregled izvora stranice

Tipkovnički prečac za pregled izvora stranice otvorit će alat web inspektor, baš kao da mu pristupate iz izbornika Razvoj.

Ako ste napredni korisnik Safarija, omogućavanje izbornika Razvoj vjerojatno je jedna od prvih stvari koje ćete učiniti kada prvi put pokrenete preglednik.

Koliko vrijedi, preglednici Chrome i Firefox također imaju slične mogućnosti nadzora web elemenata, ali očito se ovdje fokusiramo na Safari za Mac.

Funkcije za razvojne programere u pregledniku Safari za Mac nisu dostupne za iPhone ili iPad (u svakom slučaju), ali ako ste zainteresirani za dobivanje opcija gledanja izvora na mobilnoj strani, možete koristiti ovaj javascript trik za pregled izvor stranice u iOS i ipadOS verzijama Safarija.

Imate li neke korisne savjete ili trikove povezane s pregledom izvora stranice ili skupa alata za razvojne programere u Safariju? Podijelite svoja razmišljanja, savjete i iskustva s nama u komentarima.