Tegyük fel, hogy felkeres egy webhelyet, amelyen dolgozott, és hibákat lát. A hibás kód megtalálásához és kijavításához meg kell tekintenie az oldal forrását iPhone-on vagy iPaden. Megnyitja a Safarit, és megőrül, és hiába találja a HTML-forráskód nézet gombot a Safariban. Mit csinálsz most? Egyszerű, csak olvassa el ezt a cikket!
Minden webhelyfejlesztő, programozó, szoftvertervező, App Store alkalmazásfejlesztő, tartalomkészítő és webmester tudja, hogy a forráskód mennyire fontos. A munka ezen szakaszában mindig meg kell néznie egy weboldal forráskódját, hogy kijavítsa a problémákat, hibakeresést, tervezést és a webhely értékének növelését szolgálja.
Bár ez a feladat meglehetősen egyszerű Android és Windows eszközökön, ugyanolyan nehéz az Apple eszközökön, mint például az iPhone, iPad, MacBook és iMac. Bár a macOS rendszeren a funkció elérhető, de rejtett, és megtalálhatja, ha követi ezt a "Tekintse meg a HTML-forráskódot a Safariban” cikk. Az iOS-eszközök esetében azonban ez egy másik történet.
Az Apple teljesen megnehezítette az oldalforrások megjelenítését iPaden/iPhone-on. Nincsenek olyan natív, vagy inkább azt mondanám, egyszerű módszerek, amelyeket akár megérinthet, akár megérinthet a weboldalak HTML-forráskódjának beszerzéséhez. De még ne őrülj meg. Ehelyett olvassa el ezt a cikket a végéig, hogy megtudja, hogyan tekintheti meg az oldal forrását a Safari alkalmazásban iPhone vagy iPad készüléken.
Okok, amelyek miatt meg kell néznie az oldal forrását iPhone/iPad készüléken
Az alábbiakban találhat néhány helyzetet és okot, amelyek miatt meg szeretné tekinteni az oldalak forrásait a Safari alkalmazásban iPaden/iPhone-on:
- Meg kell tekintenie egy adott eszköz, például iPhone vagy iPad weboldalának forrását. Ha megnyitja a webhelyet Mac számítógépen, és megtekinti a HTML-forráskódot, akkor az asztali verzióhoz tartozó elemeket fogja látni, nem az iPhone vagy iPad verzióit.
- Ön utazik, és szeretne időt fordítani a weboldal kódjainak áttekintésére, hogy új ötleteket merítsen vagy hibakeresési tervet készítsen.
- Előnyben részesíti a webhelyfejlesztést az iPaden, mivel számos többfeladatos funkcióval rendelkezik, mint például Ügyelő, Osztott nézet stb.
Kövesse az alábbi módszereket, hogy felkészülten tudjon maradni, ha bármikor felmerülne, hogy meg kell tekinteni az oldal forrását iPhone-on vagy iPaden.
A legjobb módszerek az oldal forrásának megtekintéséhez iPhone/iPad készüléken
Az alábbiakban bemutatjuk az oldalforrások HTML-kódokban történő megtekintésének népszerű módjait iPhone-on vagy iPaden anélkül, hogy bármilyen harmadik féltől származó alkalmazást igénybe kellene venni. Ezek a módszerek megfelelőek az adatvédelemmel és biztonsággal érintett kódolók és végfelhasználók számára:
1. Szerezze be a HTML-forráskódot a Shortcuts alkalmazás segítségével
Ez a módszer csak akkor működik, ha iOS 12.0 (iPadOS 12.0) vagy újabb verziót futtat. A következőképpen hozhat létre nézetoldal-forrás parancsikont iPhone-on vagy iPaden:
- Nyissa meg a Parancsikonok alkalmazást a kezdőképernyőről vagy az App Drawerről.
- Érintse meg a plusz (+) ikont egy új üres parancsikon létrehozásához.
- A keresőmezőbe írja be HTML és válogatni Készítsen HTML-t Rich Textből.
- Ismét keresse meg a Gyors pillantást alkalmazást a keresőmezőbe, és adja hozzá a parancsikonszerkesztőhöz.
- Most érintse meg a parancsikont a tetején, és válassza ki Átnevezés.
- Nevezze át erre Forráskód megtekintése és koppintson a Kész elemre.
- Érintse meg a (én) gombot, és kapcsolja be a Megjelenítés a Megosztási lapon választási lehetőség.
- Most nyissa meg a Safari böngészőt, és látogasson el egy választott weboldalra.
- Érintse meg a Ossza meg gombot a Safari alkalmazásban, és görgessen lefelé, hogy megtalálja a Forráskód megtekintése parancsikon.
- Koppintson a parancsikonra, és megkapja a HTML-forráskódot a Gyorsnézetben.
2. Az oldal forrásának megtekintése könyvjelző szkript segítségével
Ezzel a módszerrel könyvjelzőt hoz létre, és az URL egy nézet forrásszkriptje lesz. Ha bármelyik weboldalt böngészi, és meg szeretné tekinteni az oldal forrását a Safariban, egyszerűen érintse meg a könyvjelzőt. Kapsz egy HTML-forráskódot az oldalhoz. Íme, hogyan történik:
- Látogasson el egy véletlenszerű webhelyre, és vegye fel a könyvjelzők közé az iPad vagy iPhone Safari böngészőjében.
- Érintse meg a Safari menü a bal felső sarokban, és lépjen a Könyvjelzők.
- Érintés Kedvencek hogy megtalálja az imént hozzáadott könyvjelzőt.
- Koppintson hosszan a könyvjelzőre, majd válassza a lehetőséget Szerkesztés a helyi menüben.
- Törölje a meglévő könyvjelző címét, és nevezze át erre HTML forráskód vagy bármi más, csak hogy emlékezzen a könyvjelzőre.
- Érintse meg a Cím mezőben, és törölje a meglévő URL-t.
- Másolja ki és illessze be a következő kódot URL-ként (a kód létrehozója: Rob Flaherty):
javascript:(function(){var a=window.open('about: blank').document; a.write('');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))})();- Koppintson a Kész a billentyűzeten az eddig elvégzett módosítások mentéséhez.
- Most lépjen arra a weboldalra, amelynek forráskódját meg kell vizsgálnia.
- Menj a Könyvjelzők menüt, és érintse meg a gombot HTML forráskód az imént létrehozott könyvjelzőt.
- A meglátogatott oldal HTML-kódját egy új Safari lapon kell látnia.
Olvassa el még:Könyvjelzők kezelése a Safariban iOS és Mac rendszeren
3. Az oldal forrásának megtekintése a macOS Tethering használatával
Az iPhone és iPad Safari alkalmazásához beépített Web Inspector eszköz tartozik. Sajnos a funkció nem működik közvetlenül iPhone vagy iPad eszközökön. Az eszközöket MacBookhoz vagy iMachez kell csatlakoztatnia. Ezután a Mac Safari vezérlőivel megjelenítheti a HTML-forráskódot. A folyamat két szakaszban működik, az alábbiak szerint:
Aktiválja a Web Inspectort
Kövesse ezeket a lépéseket a bekapcsoláshoz Webfelügyelő funkciók a Safari iPadre és iPhone-ra:
- iPhone vagy iPad készülékén nyissa meg a Beállítások kb.
- Menj Safari beállítások.
- Görgessen le a Safari beállításai ablak aljára, és keresse meg a Fejlett menü. Koppintson rá.
- Aktiválja a Webfelügyelő a váltógomb megérintésével.
Az oldal forrásának megtekintése a Mac Safari rendszeren
Lépjen a Mac számítógépére, és kövesse az alábbi lépéseket:
- Csatlakoztassa a MacBook vagy iMac iPhone vagy iPad készülékét az USB-kábellel.
- Ha az eszközt korábban nem hitelesítették, a Mac kérni fogja, hogy hitelesítse az Apple ID használatával.
- Most nyissa meg a Safari alkalmazást Mac számítógépen, és keresse fel bármelyik webhelyet.
- A Mac eszköztárán kattintson a gombra Fejleszteni.
- Keresse meg iPadjét vagy iPhone-ját a megnyíló helyi menüben.
- Kattintson iPadjére vagy iPhone-jára egy új ablak megnyitásához a Mac-en, amelyen ezeknek az eszközöknek a Safari képernyője látható.
- Most nyissa meg a cél webhelyet iPhone-ján vagy iPadjén, és tekintse meg a forráskódot a Mac Safari böngészőben.
Ha megfelel a harmadik féltől származó alkalmazások és eszközök használatának, akkor érdemes lehet ezeket a további módszereket is megnézni a weboldalak HTML-forráskódjainak megtekintéséhez:
4. Safari bővítmény – Web Inspector
Telepítheti a Web Inspector bővítményt az Apple Safari böngészőhöz iPaden és iPhone-on. Ezután hívja meg a bővítményt egy weboldal böngészésekor, hogy megtekinthesse a HTML-forráskódját. Íme a lépések, amelyeket érdemes kipróbálni:
- Nyissa meg a Beállítások alkalmazást, és lépjen a Safari beállítások szakasz.
- Görgessen lefelé, amíg meg nem találja a Kiterjesztések választási lehetőség. Koppintson rá.
- A Bővítmények részben érintse meg a lehetőséget További bővítmények.
- Megjelenik a Safari Extensions App Store oldala.
- Érintse meg a Keresés doboz és típus Webfelügyelő és érintse meg a Keresés gombot a billentyűzeten.
- Keresse meg és telepítse a Web Inspector alkalmazást.
- Ismét menj ide Beállítások > Szafari > Kiterjesztések > és érintse meg a lehetőséget Webfelügyelő.
- A váltógombbal aktiválja ezt a bővítményt a Safari számára.
- Nyissa meg a Safarit, és keresse fel bármelyik webhelyet.
- Érintse meg a Kiterjesztések ikont a címsor jobb oldali sarkában.
- Válaszd ki a Webfelügyelő kiterjesztés.
- Válaszd a Hagyj egy napot opciót a megjelenő felugró ablakban.
- Ismét érintse meg a Kiterjesztések ikont, majd érintse meg a Web Inspector elemet.
- A HTML-forráskódnak fel kell bukkannia a megtekintett weboldal aljáról.
- Válthat az olyan lapok között, mint a DOM, az Elemek, a Konzol, a Hálózat és az Erőforrások.
- A normál nézethez való visszatéréshez egyszerűen érintse meg a Web Inspector bővítményt a Safari Extensions részében.
5. iOS-alkalmazás – Forrás megtekintése
Ingyenesen beszerezheti az App Store-ban. A keresőmezőbe írja be a Forrás megtekintése szót, és érintse meg a Keresés gombot. Több találatot is láthat az App Store-ban. Telepítse a Forrás megtekintése feliratot. Az alkalmazás szolgáltatója Roman Tomjak.
Nyissa meg az alkalmazást a kezdőképernyőről vagy az alkalmazásfiókból. Ezután írja be a webhely URL-címét a címsorába, hogy felfedje a HTML-forráskódot.
Az eszköz iPhone méretű nézetet ad a forráskódról. A képernyő jobb alsó sarkában található megfelelő gombok segítségével azonban módosíthatja a tájolást vagy a nagyítást.
6. Tekintse meg a forráskódot ingyenesen a Google Web Cache használatával
A következő ügyes és menő trükköt hajthatja végre a meglátogatott webhelyeken, hogy megtekinthesse azok mögöttes forráskódját Safariban vagy Chrome-ban:
- Látogassa meg azt a weboldalt, amelynek HTML-forráskódját meg kell találnia.
- Koppintson a címre a Safari vagy a Chrome címsorában.
- Vigye a gépelési kurzort a cím elején a fenti képen látható módon.
- Most írja be előtte a következő kódot https://
gyorsítótár:
- Üsd a Megy gombot az iOS billentyűzetén.
- Az oldal tetején látnia kell a Forrás megtekintése választási lehetőség. Koppintson rá.
- Most megkapja az éppen meglátogatott weboldal forráskódját.
Olvassa el még:Könyvjelzők, jelszavak és egyebek importálása
7. Forráskód megtekintése a webes alkalmazásokban
Sok olyan webhely van, amely lehetővé teszi, hogy ingyenesen vagy kis díj ellenében felfedje a webhelyek és weboldalak mögöttes forráskódjait. Az összes webalkalmazás közül a CodeBeautify forráskódnézegetőjét választottam. Íme, hogyan működik:
- iPhone vagy iPad készüléken nyissa meg ezt a linket: Forráskód Viewer a Safari böngésző használatával.
- Ban,-ben Írd be az URLt mezőbe, írja be vagy másolja ki és illessze be annak a weboldalnak az URL-címét, amelynek HTML-forráskódját fel szeretné fedni.
- Érintse meg a Kilátás gombot az oldal forrásának megtekintéséhez az iPhone/iPad Safari böngészőben.
Következtetés
Tehát most már ismeri az összes trükköt az oldal forrásának megtekintéséhez iPhone és iPad eszközökön. Ebben a cikkben felfedezett néhány natív és nem natív módszert. Egyszerűen ragaszkodhat a natív trükkökhöz iPaden vagy iPhone-on, hogy megtekinthesse a weboldalak HTML-forráskódját, vagy olyan alkalmazásokat használjon, amelyek nagyban megkönnyítik a feladatot.
Mondja el nekem, hogy melyik módszer tetszett az alábbi megjegyzésekkel. Ezenkívül ossza meg a cikket a közösségi médiában és a WhatsApp-on, hogy segítsen barátainak, akik webhelyfejlesztést és alkalmazáskódolást tanulnak.
Következö, Hogyan tanuljuk meg a Swiftet Macen és iPaden.