Kako »Ogled izvorne kode« iz brskalnika Safari na iPadu ali iPhoneu
Kazalo:
Ste si kdaj želeli ogledati izvorno kodo spletne strani iz iPada ali iPhonea? Na žalost mobilni Safari ne vključuje samostojne funkcije in še nima vgrajenega kompleta orodij mobilnega spletnega inšpektorja, vendar si lahko s pomočjo zaznamka po meri ogledate izvorno kodo katere koli spletne strani neposredno v iOS in iPadOS.
Ta članek vam bo pokazal, kako se lahko nastavite tako, da si lahko ogledate vir v brskalniku Safari za iPad in iPhone z uporabo zaznamka in trika z javascriptom.
Kako si ogledati izvorno kodo v Safariju za iPad in iPhone
- Odprite Safari, če tega še niste storili
- Dodajte to spletno stran (ali katero koli drugo) med zaznamke s Safarijem na iPadu, iPhoneu ali iPod touchu in poimenujte zaznamek »View Source«
- Kliknite tukaj za ogled javascripta zaznamka in nato izberite Izberi vse -> Kopiraj
- Tapnite ikono zaznamka na novem zaslonu brskalnika Safari in tapnite »Uredi«, nato tapnite zaznamek, ki ste ga shranili v 2. koraku
- Prilepite kodo javascript, ki ste jo kopirali v 3. koraku, v vrstico URL in nato shranite spremembe v zaznamek, tako da tapnete »Končano«
- Ko si želite ogledati izvorno kodo spletne strani na iPadu ali iPhoneu, odprite meni Zaznamki in izberite »View Source«
- Izvorna koda bo prikazana v označeni sintaksi z izvornimi URL-ji, ki jih je mogoče klikniti
Pomembna stvar, ki jo je treba upoštevati, je, da javascript, ki se uporablja tukaj, pošlje stran, ki si jo ogledujete, v obdelavo strežniku michelsen.dk. Če vam to ni všeč, obstajajo druge rešitve, ki pa ne bodo poudarile sintakse in na splošno niso niti približno tako elegantne.
Na primer, lahko uporabite spodnji Javascript kot zaznamek za ogled vira, ki ne bo obdelan prek oddaljenega strežnika, vendar ne uporablja označevanja sintakse:
javascript:(function(){var a=window.open('about:blank').document;a.write('Vir '+location. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
Podoben nasvet uporablja urejen zaznamek, ki vam omogoča zagon Firebuga z Mobile Safari tudi na iPhone ali iPad, kar je morda nekoliko bolj uporabno za nekatere spletne razvijalce.
Ta odličen nasvet prihaja iz Michelsen.dk. Najdeno prek Twitterja, lahko nam sledite tudi tam
Kdo ve, morda bo nekega dne Safari v sistemih iOS in iPadOS dobil izvorno možnost ogleda vira? Do takrat se boste morali zanašati na aplikacije ali orodja te stranke, kot je ta.
To je dobro delovalo pri testiranju, vendar nekateri uporabniki poročajo o drugačnih rezultatih v različnih kasnejših različicah brskalnika Safari in iOS. V spodnjih komentarjih nam povejte, kaj vam ustreza in katero različico sistema iOS ter iPad ali iPhone uporabljate.