Oletame, et külastate veebisaiti, mille kallal töötasite, ja näete mõningaid tõrkeid. Veakoodi leidmiseks ja parandamiseks peate iPhone'is või iPadis vaatama lehe allikat. Avate Safari ja lähete hulluks, et leida Safarist HTML-i lähtekoodi vaatamise nupp tulutult. Mis sa nüüd teed? See on lihtne, lihtsalt lugege seda artiklit!
Iga veebisaidi arendaja, programmeerija, tarkvaradisainer, App Store'i rakenduste arendaja, sisu looja ja veebihaldur teab, kui oluline on lähtekood. Selles tööetapis peate probleemide lahendamiseks, silumiseks, kujundamiseks ja veebisaidile väärtuse lisamiseks alati vaatama veebilehe lähtekoodi.
Kuigi see ülesanne on Androidi ja Windowsi seadmetes üsna lihtne, on see sama keeruline ka Apple'i seadmetes, nagu iPhone, iPad, MacBook ja iMac. Kuigi macOS-is on funktsioon saadaval, kuid peidetud ja leiate selle, järgides seda "Vaadake HTML-i lähtekoodi Safaris” artikkel. IOS-i seadmete puhul on see aga erinev lugu.
Apple muutis iPadis/iPhone'is lehtede allikate vaatamise täiesti keeruliseks. Veebilehtede HTML-i lähtekoodi hankimiseks pole ühtegi natiivset või ma peaksin ütlema lihtsat meetodit, mida saaksite puudutada või puudutada. Kuid ärge veel hulluks saage. Selle asemel lugege seda artiklit lõpuni, et leida parimad viisid, kuidas iPhone'is või iPadis Safaris lehe allikat vaadata.
Põhjused, miks peate iPhone'is/iPadis lehe allikat vaatama
Allpool leiate mõned olukorrad ja põhjused, miks iPadis/iPhone'is Safaris leheallikaid vaadata.
- Peate vaatama konkreetse seadme (nt iPhone või iPad) veebilehe allika allikat. Kui avate Macis veebisaiti ja vaatate HTML-i lähtekoodi, näete töölauaversiooni elemente, mitte iPhone'i või iPadi versiooni.
- Olete reisil ja soovite investeerida oma aega veebilehtede koodide vaatamisse, et saada uusi ideid või luua silumiskava.
- Eelistate veebisaitide arendamist oma iPadis, kuna sellel on palju multitegumtöötlusfunktsioone, näiteks Lavajuht, jagatud vaade jne.
Seega järgige allolevaid meetodeid, et olla valmis, kui peaks igal hetkel ilmnema vajadus vaadata iPhone'is või iPadis lehe allikat.
Parimad meetodid lehe allika vaatamiseks iPhone'is/iPadis
Allpool on populaarsed viisid lehtede allikate vaatamiseks HTML-koodides iPhone'is või iPadis ilma kolmanda osapoole rakendusi kasutamata. Need meetodid sobivad privaatsuse ja turvalisusega seotud kodeerijatele ja lõppkasutajatele:
1. Hankige HTML-i lähtekood otseteede rakenduse abil
See meetod töötab ainult siis, kui kasutate iOS 12.0 (iPadOS 12.0) või uuemat versiooni. Vaatamislehe allika otsetee loomiseks iPhone'is või iPadis toimige järgmiselt.
- Ava Otseteed rakendust avaekraanilt või rakenduste sahtlist.
- Puudutage valikut pluss (+) ikooni uue tühja otsetee loomiseks.
- Tippige otsingukasti HTML ja vali Tehke rikastekstist HTML.
- Jällegi otsige üles Kiire pilk rakendust otsingukasti ja lisage see otseteede redaktorisse.
- Nüüd puudutage ülaosas otseteeikooni ja valige Nimeta ümber.
- Nimeta see ümber Vaadake lähtekoodi ja toksake Valmis.
- Puudutage valikut (i) nuppu ja lülitage sisse Kuva jagamislehel valik.
- Nüüd avage Safari brauser ja külastage oma valitud veebilehte.
- Puudutage nuppu Jaga nuppu Safari rakenduses ja kerige alla, et leida Vaadake lähtekoodi otsetee.
- Puudutage otseteed ja saate Quick Lookis HTML-i lähtekoodi.
2. Lehekülje allika vaatamine järjehoidja skripti abil
Selle meetodi puhul loote järjehoidja ja URL on vaate lähteskript. Kui sirvite mis tahes veebilehte ja peate Safaris lehe allikat vaatama, puudutage lihtsalt järjehoidjat. Saate lehe jaoks HTML-i lähtekoodi. Seda tehakse järgmiselt.
- Külastage juhuslikku veebisaiti ja lisage see iPadi või iPhone'i Safari brauseris järjehoidjatesse.
- Puudutage valikut Safari menüü vasakus ülanurgas ja minge aadressile Järjehoidjad.
- Puudutage Lemmikud äsja lisatud järjehoidja leidmiseks.
- Puudutage pikalt järjehoidjat ja seejärel valige Muuda kontekstimenüüs.
- Tühjendage olemasolev järjehoidja pealkiri ja nimetage see ümber HTML lähtekood või midagi muud, et järjehoidja meelde jätta.
- Puudutage valikut Aadress väljale ja tühjendage olemasolev URL.
- Kopeerige ja kleepige URL-iks järgmine kood (koodi looja: 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))})();- Puudutage Valmis klaviatuuril, et salvestada seni tehtud muudatused.
- Nüüd minge veebisaidile, mille lähtekoodi peate kontrollima.
- Mine lehele Järjehoidjad menüüd ja puudutage nuppu HTML lähtekood järjehoidja, mille just lõite.
- Peaksite uuel Safari vahekaardil nägema külastatava lehe HTML-koodi.
Loe ka:Järjehoidjate haldamine iOS-i ja Maci Safaris
3. Lehe allika vaatamine macOS-i jagamise abil
Safari rakendus iPhone'is ja iPadis on varustatud sisseehitatud veebiinspektori tööriistaga. Kahjuks ei tööta see funktsioon otse iPhone'i või iPadi seadmetes. Peate ühendama seadmed MacBooki või iMaci külge. Seejärel saate HTML-i lähtekoodi visualiseerimiseks kasutada Mac Safari juhtelemente. Protsess toimib kahes etapis, nagu allpool kirjeldatud:
Aktiveerige Web Inspector
Sisselülitamiseks järgige neid samme Veebiinspektor iPadi ja iPhone'i jaoks mõeldud Safari funktsioonid:
- Avage oma iPhone'is või iPadis Seaded rakendus.
- Minema Safari seaded.
- Kerige alla Safari sätete akna alla, et leida Täpsemalt menüü. Puudutage seda.
- Aktiveerige Veebiinspektor puudutades lülitusnuppu.
Vaadake lehe allikat Mac Safaris
Minge oma Maci ja järgige neid samme.
- Ühendage iPhone või iPad koos MacBooki või iMaciga USB-kaabli abil.
- Kui seadet pole varem autentitud, palub Mac teil selle Apple ID abil autentida.
- Nüüd avage Macis Safari rakendus ja külastage mis tahes veebisaiti.
- Klõpsake Maci tööriistaribal Arendada.
- Otsige avanevast kontekstimenüüst üles oma iPad või iPhone.
- Klõpsake oma iPadil või iPhone'il, et avada Macis uus aken, kus kuvatakse nende seadmete Safari ekraan.
- Nüüd avage oma iPhone'is või iPadis sihtveebisait ja vaadake lähtekoodi Mac Safari brauseris.
Kui teile sobivad kolmanda osapoole rakendused ja tööriistad, võiksite vaadata ka järgmisi lisameetodeid veebilehtede HTML-i lähtekoodide vaatamiseks.
4. Safari laiendus – veebiinspektor
Saate installida iPadi ja iPhone'i Apple Safari brauseri jaoks laienduse Web Inspector. Seejärel helistage veebilehe sirvimisel laiendile, et vaadata selle HTML-i lähtekoodi. Siin on sammud, mida peaksite proovima.
- Ava Seaded rakendust ja minge lehele Safari seaded osa.
- Kerige alla, kuni leiate Laiendused valik. Puudutage seda.
- Puudutage jaotises Laiendused Rohkem laiendusi.
- Ilmub Safari laienduste App Store'i leht.
- Puudutage nuppu Otsing kast ja tüüp Veebiinspektor ja toksake klaviatuuril Otsi.
- Otsige üles ja installige rakendus Web Inspector.
- Mine uuesti Seaded > Safari > Laiendused > ja puudutage Veebiinspektor.
- Selle laienduse Safari jaoks aktiveerimiseks kasutage lülitusnuppu.
- Avage Safari ja külastage mis tahes veebisaiti.
- Puudutage valikut Laiendused ikooni aadressiriba paremas küljenurgas.
- Valige Veebiinspektor pikendamine.
- Vali Luba üks päev kuvatavas hüpikaknas.
- Puudutage uuesti nuppu Laiendused ikooni ja seejärel puudutage valikut Web Inspector.
- HTML-i lähtekood peaks ilmuma kuvatava veebilehe allservas.
- Saate vahetada vahekaarte, nagu DOM, Elements, Console, Network ja Resources.
- Tavavaatesse naasmiseks puudutage lihtsalt Safari jaotises Laiendused laiendust Web Inspector.
5. iOS-i rakendus – vaadake allikat
Saate selle tasuta hankida App Store'ist. Tippige otsingukasti käsk Kuva allikas ja puudutage valikut Otsi. Näete App Store'is mitut tulemust. Installige see, kus on kirjas Vaata allikat. Rakenduse pakkuja on Roman Tomjak.
Avage rakendus avaekraanilt või rakenduste sahtlist. Seejärel sisestage HTML-i lähtekoodi kuvamiseks selle aadressiribale veebisaidi URL.
Tööriist annab lähtekoodi iPhone'i suuruse ülevaate. Siiski saate muuta suunda või suumida, kasutades vastavaid nuppe ekraani paremas alanurgas.
6. Vaadake lähtekoodi tasuta, kasutades Google'i veebivahemälu
Saate külastatud veebisaitidel teha järgmise kena ja laheda triki, et vaadata nende aluseks olevat lähtekoodi Safaris või Chrome'is.
- Külastage veebilehte, mille HTML-i lähtekoodi peate leidma.
- Puudutage Safari või Chrome'i aadressiribal aadressi.
- Võtke tippimiskursor aadressi alguses, nagu on näidatud ülaltoodud pildil.
- Nüüd tippige enne järgmine kood https://
vahemälu:
- Lööge Mine nuppu iOS-i klaviatuuril.
- Lehe ülaosas peate nägema Vaata allikat valik. Puudutage seda.
- Nüüd saate äsja külastatud veebilehe lähtekoodi.
Loe ka:Kuidas importida oma järjehoidjaid, paroole ja muud
7. Vaadake veebirakendustes lähtekoodi
On palju veebisaite, mis võimaldavad teil tasuta või väikese tasu eest avaldada veebisaitide ja veebilehtede aluseks olevad lähtekoodid. Kõigi nende veebirakenduste hulgast valisin CodeBeautify lähtekoodivaaturi. See toimib järgmiselt.
- Avage iPhone'is või iPadis see link: Lähtekoodi vaataja kasutades Safari brauserit.
- Aastal Sisestage URL kasti, tippige või kopeerige ja kleepige veebilehe URL, mille HTML-i lähtekoodi soovite avaldada.
- Puudutage valikut Vaade nuppu lehe allika vaatamiseks iPhone'i/iPadi Safari brauseris.
Järeldus
Niisiis, nüüd teate kõiki nippe lehe allika vaatamiseks iPhone'i ja iPadi seadmetes. Selles artiklis avastasite mõned kohalikud ja võõrkeelsed meetodid. Veebilehtede HTML-i lähtekoodi vaatamiseks või rakenduste kasutamiseks, mis muudavad selle ülesande palju lihtsamaks, võite lihtsalt kinni pidada iPadi või iPhone'i omapärastest nippidest.
Andke mulle teada, milline meetod teile meeldis, jättes allpool kommentaari. Samuti jagage artiklit sotsiaalmeedias ja WhatsAppis, et aidata oma sõpru, kes õpivad veebisaitide arendamist ja rakenduste kodeerimist.
Järgmisena, Kuidas õppida Swiftit Macis ja iPadis.