Szeretett volna valaha is megtekinteni egy weboldal forrását iPaden vagy iPhone készüléken? Sajnos a mobil Safari önmagában nem tartalmazza ezt a funkciót, és még nincs beépített mobilweb-ellenőrző eszközkészlete, de egy egyedi könyvjelző segítségével megtekintheti bármelyik weboldal forrását közvetlenül iOS és iPadOS rendszeren.

Ebből a cikkből megtudhatja, hogyan állíthatja be, hogy a Safari iPad és iPhone eszközön megtekinthesse a forrást egy könyvjelző- és javascript-trükk segítségével.

A forrás megtekintése a Safariban iPaden és iPhone-on

1. Nyissa meg a Safarit, ha még nem tette meg
2. Jelölje fel ezt a webold alt (vagy bármely mást) a Safari alkalmazással iPaden, iPhone-on vagy iPod touchon, és nevezze el a könyvjelzőt „Forrás megtekintése” néven
3. Kattintson ide a bookmarklet javascript megtekintéséhez, majd válassza az Összes kijelölése lehetőséget -> Másolás
4. Érintse meg a Könyvjelző ikont a Safari új böngészőjének képernyőjén, majd érintse meg a „Szerkesztés” elemet, majd érintse meg a 2. lépésben mentett könyvjelzőt
5. Illessze be a 3. lépésben kimásolt JavaScript kódot az URL-sávba, majd mentse el a könyvjelző módosításait a „Kész” gomb megérintésével
6. Most, ha meg szeretne tekinteni egy weboldal forrását iPaden vagy iPhone készüléken, nyissa meg a Könyvjelzők menüt, és válassza a „Forrás megtekintése” lehetőséget.
7. A forráskód kiemelt szintaxisban jelenik meg, kattintható forrás URL-ekkel

Egy fontos megjegyezni, hogy az itt használt javascript elküldi a megtekintett forrásold alt a michelsen.dk szerverre feldolgozásra. Ha nem elégedett ezzel, vannak más megoldások is, de ezek nem emelik ki a szintaxist, és összességében közel sem olyan elegánsak.

Például használhatja az alábbi Javascriptet könyvjelzőként, hogy megtekinthesse a forrást is, amely nem dolgoz fel távoli szerveren keresztül, de nem használ szintaktikai kiemelést:

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

Egy hasonló tipp egy szerkesztett könyvjelzőt használ, amely lehetővé teszi a Firebug with Mobile Safari alkalmazást iPhone-on vagy iPaden is, ami egy kicsit hasznosabb lehet néhány webfejlesztő számára.

Ez a nagyszerű tipp a Michelsen.dk webhelyről származik. Twitteren keresztül talált, ott is követhet minket

Ki tudja, lehet, hogy egy napon az iOS és iPadOS Safari natív forrásmegtekintési képességet kap? Addig az ehhez hasonló alkalmazásokra vagy eszközökre kell hagyatkoznia.

Ez jól működött a tesztelés során, de egyes felhasználók eltérő eredményekről számoltak be a Safari és az iOS különböző későbbi verzióiban. Az alábbi megjegyzésekben tudassa velünk, hogy mi működik az Ön számára, és milyen iOS-verziót és iPad-et vagy iPhone-t használ.