Chceli ste niekedy zobraziť zdrojový kód webovej stránky z iPadu alebo iPhonu? Bohužiaľ, mobilné Safari túto funkciu samo o sebe neobsahuje a ešte nemá vstavanú súpravu nástrojov mobilného webového inšpektora, ale pomocou vlastného bookmarkletu si môžete zobraziť zdrojový kód akejkoľvek webovej stránky priamo v iOS a iPadOS.

Tento článok vám ukáže, ako môžete nastaviť, aby ste mohli zobraziť zdrojový kód v Safari pre iPad a iPhone pomocou bookmarkletu a triku s javascriptom.

Ako zobraziť zdroj v Safari pre iPad a iPhone

1. Otvorte Safari, ak ste tak ešte neurobili
2. Uložte si túto webovú stránku (alebo akúkoľvek inú) medzi záložky pomocou Safari na iPade, iPhone alebo iPode touch a pomenujte záložku ako „Zobraziť zdroj“
3. Kliknutím sem zobrazíte javascript bookmarkletu a potom vyberte možnosť Vybrať všetko -> Kopírovať
4. Klepnite na ikonu záložky na obrazovke nového prehliadača Safari a klepnite na „Upraviť“ a potom klepnite na záložku, ktorú ste uložili v kroku 2
5. Prilepte kód javascript, ktorý ste skopírovali v kroku 3, do panela s adresou URL a potom uložte zmeny záložky klepnutím na „Hotovo“
6. Keď si teraz chcete zobraziť zdroj webových stránok na zariadení iPad alebo iPhone, otvorte ponuku Záložky a vyberte možnosť „Zobraziť zdroj“
7. Zdrojový kód sa zobrazí vo zvýraznenej syntaxi s klikateľnými zdrojovými adresami URL

Jedna dôležitá vec, ktorú treba poznamenať, je, že tu použitý javascript odošle stránku, na ktorú si prezeráte zdroj, na server michelsen.dk na spracovanie. Ak vám to nevyhovuje, existujú aj iné riešenia, ktoré však nezvýrazňujú syntax a celkovo nie sú ani zďaleka také elegantné.

Napríklad nižšie uvedený Javascript môžete použiť ako bookmarklet na zobrazenie zdroja, ktorý sa nespracuje cez vzdialený server, ale nepoužíva zvýrazňovanie syntaxe:

javascript:(function(){var a=window.open('about:blank').document;a.write('Zdroj '+umiestnenie. 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))})();

Podobný tip využíva upravenú záložku, ktorá vám umožní spustiť Firebug s Mobile Safari aj na iPhone alebo iPade, čo môže byť o niečo užitočnejšie pre niektorých webových vývojárov.

Tento úžasný tip pochádza z Michelsen.dk. Nájdené cez Twitter, môžete nás sledovať aj tam

Kto vie, možno jedného dňa Safari v iOS a iPadOS získa natívnu možnosť zobraziť zdroj? Dovtedy sa budete musieť spoliehať na aplikácie alebo nástroje tejto párty, ako je tento.

Pri testovaní to fungovalo dobre, ale niektorí používatelia hlásia rôzne výsledky v rôznych novších verziách Safari a iOS. Dajte nám vedieť v komentároch nižšie, čo vám vyhovuje a akú verziu iOS a iPad alebo iPhone používate.