Chtěli jste někdy zobrazit zdroj webové stránky z iPadu nebo iPhonu? Mobilní Safari bohužel tuto funkci samo o sobě neobsahuje a zatím nemá vestavěnou sadu nástrojů pro mobilní webový inspektor, ale pomocí vlastního bookmarkletu můžete zobrazit zdrojový kód jakékoli webové stránky přímo v iOS a iPadOS.

Tento článek vám ukáže, jak můžete nastavit, abyste mohli zobrazit zdrojový kód v Safari pro iPad a iPhone pomocí triku s bookmarkletem a javascriptem.

Jak zobrazit zdroj v Safari pro iPad a iPhone

1. Pokud jste tak ještě neučinili, otevřete Safari
2. Uložte si tuto webovou stránku (nebo jakoukoli jinou) do záložek pomocí Safari na iPadu, iPhonu nebo iPodu touch a pojmenujte záložku jako „Zobrazit zdroj“
3. Kliknutím sem zobrazíte javascript bookmarkletu a poté zvolte Vybrat vše -> Kopírovat
4. Klepněte na ikonu záložky na obrazovce nového prohlížeče Safari a klepněte na „Upravit“ a poté klepněte na záložku, kterou jste uložili v kroku 2
5. Vložte javascriptový kód, který jste zkopírovali v kroku 3, do adresního řádku a poté uložte změny do záložky klepnutím na „Hotovo“
6. Když nyní chcete zobrazit zdroj webových stránek na iPadu nebo iPhonu, otevřete nabídku Záložky a vyberte „Zobrazit zdroj“
7. Zdrojový kód se zobrazí ve zvýrazněné syntaxi se zdrojovými adresami URL, na které lze kliknout

Jedna důležitá věc, kterou je třeba poznamenat, je, že zde použitý javascript odesílá stránku, na kterou si prohlížíte zdroj, na server michelsen.dk ke zpracování. Pokud vám to nevyhovuje, existují i ​​jiná řešení, která však nezvýrazňují syntaxi a celkově nejsou ani zdaleka tak elegantní.

Například níže uvedený Javascript můžete použít jako bookmarklet k zobrazení zdroje, který nebude zpracován přes vzdálený server, ale nepoužívá zvýraznění syntaxe:

javascript:(function(){var a=window.open('about:blank').document;a.write('Zdroj '+umístění. 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žívá upravenou záložku, která vám umožní spustit Firebug s Mobile Safari i na iPhonu nebo iPadu, což může být pro některé webové vývojáře o něco užitečnější.

Tento úžasný tip pochází z Michelsen.dk. Nalezeno přes Twitter, můžete nás tam také sledovat

Kdo ví, možná jednoho dne Safari v iOS a iPadOS získá nativní možnost zobrazení zdroje? Do té doby se budete muset spoléhat na aplikace nebo nástroje této party, jako je tento.

Při testování to fungovalo dobře, ale někteří uživatelé hlásí různé výsledky v různých novějších verzích Safari a iOS. Dejte nám vědět v komentářích níže, co vám vyhovuje a jakou verzi iOS a iPad nebo iPhone používáte.