Pieņemsim, ka apmeklējat vietni, kurā strādājāt, un redzat dažas kļūmes. Lai atrastu kļūdaino kodu un to labotu, iPhone vai iPad ierīcē ir jāskata lapas avots. Jūs atverat Safari un kļūstat traks, lai bez rezultātiem atrastu HTML avota koda skata pogu Safari. Ko tu tagad dari? Tas ir vienkārši, izlasiet šo rakstu!
Katrs vietņu izstrādātājs, programmētājs, programmatūras izstrādātājs, App Store lietotņu izstrādātājs, satura veidotājs un tīmekļa pārzinis zina, cik svarīgs ir pirmkods. Šajā darba posmā jums vienmēr ir jāaplūko tīmekļa lapas pirmkods, lai novērstu problēmas, atkļūdotu, noformētu un pievienotu vietnei vērtību.
Lai gan šis uzdevums ir diezgan vienkāršs Android un Windows ierīcēs, tas ir tikpat sarežģīts Apple ierīcēs, piemēram, iPhone, iPad, MacBook un iMac. Lai gan operētājsistēmā macOS šī funkcija ir pieejama, taču paslēpta, un to varat atrast, izpildot šo "Skatiet HTML avota kodu programmā Safari” raksts. Tomēr iOS ierīcēm tas ir atšķirīgs stāsts.
Apple padarīja absolūti sarežģītu lapu avotu skatīšanu iPad/iPhone. Nav nevienas vietējās vai, jāsaka, vienkāršas metodes, kurām varat pieskarties vai pieskarties, lai iegūtu tīmekļa lapu HTML avota kodu. Bet vēl nekļūstiet pārāk traki. Tā vietā izlasiet šo rakstu līdz beigām, lai atrastu labākos veidus, kā uzzināt, kā iPhone vai iPad ierīcē skatīt lapas avotu pārlūkprogrammā Safari.
Iemesli, kādēļ iPhone/iPad ir jāskata lapas avots
Tālāk atrodiet dažas situācijas un iemeslus, lai skatītu lapu avotus pārlūkprogrammā Safari iPad/iPhone ierīcē.
- Jums ir jāskata tīmekļa lapas lapas avots noteiktai ierīcei, piemēram, iPhone vai iPad. Ja piekļūstat vietnei operētājsistēmā Mac un skatāt HTML avota kodu, jūs redzēsit darbvirsmas versijas elementus, nevis iPhone vai iPad versijas.
- Jūs ceļojat un vēlaties veltīt laiku tīmekļa lapu kodu apskatei, lai gūtu jaunas idejas vai izveidotu atkļūdošanas plānu.
- Jūs dodat priekšroku vietņu izstrādei savā iPad, jo tajā ir daudz vairākuzdevumu funkciju, piemēram, Skatuves vadītājs, dalīts skats utt.
Tāpēc izpildiet tālāk norādītās metodes, lai sagatavotos, ja jebkurā brīdī parādās nepieciešamība skatīt lapas avotu iPhone vai iPad.
Labākās metodes lapas avota skatīšanai iPhone/iPad
Tālāk ir norādīti populāri veidi, kā iPhone vai iPad tālrunī skatīt lapu avotus HTML kodos, neizmantojot trešās puses lietotni. Šīs metodes ir piemērotas kodētājiem un galalietotājiem, kas saistīti ar privātumu un drošību:
1. Iegūstiet HTML avota kodu, izmantojot lietotni Shortcuts
Šī metode darbosies tikai tad, ja izmantojat iOS 12.0 (iPadOS 12.0) un jaunāku versiju. Tālāk ir norādīts, kā iPhone vai iPad ierīcē izveidot skata lapas avota saīsni.
- Atveriet Īsceļi lietotni no sākuma ekrāna vai lietotņu atvilktnes.
- Pieskarieties plus (+) ikonu, lai izveidotu jaunu tukšu saīsni.
- Meklēšanas lodziņā ierakstiet HTML un izvēlēties Izveidojiet HTML no bagātinātā teksta.
- Atkal meklējiet Quick Look lietotni meklēšanas lodziņā un pievienojiet to īsceļu redaktoram.
- Tagad pieskarieties saīsnes ikonai augšpusē un izvēlieties Pārdēvēt.
- Pārdēvējiet to uz Skatīt avota kodu un pieskarieties Gatavs.
- Pieskarieties (i) pogu un ieslēdziet Rādīt kopīgošanas lapā opciju.
- Tagad atveriet pārlūkprogrammu Safari un apmeklējiet jūsu izvēlētu tīmekļa lapu.
- Pieskarieties Dalīties pogu Safari lietotnē un ritiniet uz leju, lai atrastu Skatīt avota kodu īsceļu.
- Pieskarieties saīsnei, un programmā Quick Look tiek parādīts HTML avota kods.
2. Skatīt lapas avotu, izmantojot grāmatzīmju skriptu
Izmantojot šo metodi, jūs izveidosit grāmatzīmi, un URL būs skata avota skripts. Kad pārlūkojat jebkuru tīmekļa lapu un vēlaties skatīt lapas avotu programmā Safari, vienkārši pieskarieties grāmatzīmei. Jūs saņemsiet lapas HTML avota kodu. Lūk, kā tas tiek darīts:
- Apmeklējiet nejaušu vietni un atzīmējiet to savā iPad vai iPhone pārlūkprogrammā Safari.
- Pieskarieties Safari izvēlne augšējā kreisajā stūrī un dodieties uz Grāmatzīmes.
- Pieskarieties Izlase lai atrastu tikko pievienoto grāmatzīmi.
- Ilgi pieskarieties grāmatzīmei un pēc tam atlasiet Rediģēt konteksta izvēlnē.
- Notīriet esošās grāmatzīmes nosaukumu un pārdēvējiet to par HTML avota kods vai kaut kas cits, lai atcerētos grāmatzīmi.
- Pieskarieties Adrese laukā un notīriet esošo URL.
- Nokopējiet un ielīmējiet šo kodu kā URL (koda veidotājs: Robs Flahertijs):
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))})();- Krāns Gatavs tastatūrā, lai saglabātu līdz šim veiktās izmaiņas.
- Tagad dodieties uz tīmekļa lapu, kuras avota kods ir jāpārbauda.
- Dodieties uz Grāmatzīmes izvēlni un pieskarieties HTML avota kods grāmatzīmi, kuru tikko izveidojāt.
- Jums vajadzētu redzēt apmeklētās lapas HTML kodu jaunā Safari cilnē.
Lasiet arī:Kā pārvaldīt grāmatzīmes programmā Safari operētājsistēmās iOS un Mac
3. Skatīt lapas avotu, izmantojot macOS piesaisti
Safari lietotnē iPhone un iPad ierīcēs ir iebūvēts tīmekļa inspektora rīks. Diemžēl šī funkcija nedarbojas tieši iPhone vai iPad ierīcēs. Ierīces ir jāpiesaista MacBook vai iMac datoram. Pēc tam varat izmantot Mac Safari vadīklas, lai vizualizētu HTML avota kodu. Process notiek divos posmos, kā aprakstīts tālāk:
Aktivizējiet Web Inspector
Lai ieslēgtu, veiciet šīs darbības Tīmekļa inspektors Safari iPad un iPhone funkcionalitāte:
- Savā iPhone tālrunī vai iPad planšetdatorā atveriet Iestatījumi lietotne.
- Iet uz Safari iestatījumi.
- Ritiniet uz leju līdz Safari iestatījumu loga apakšdaļai, lai atrastu Papildu izvēlne. Pieskarieties tam.
- Aktivizējiet Tīmekļa inspektors pieskaroties pārslēgšanas pogai.
Skatiet lapas avotu Mac Safari
Dodieties uz savu Mac datoru un veiciet šīs darbības:
- Pievienojiet iPhone vai iPad ar MacBook vai iMac, izmantojot USB kabeli.
- Ja ierīce nav autentificēta agrāk, Mac lūgs jums to autentificēt, izmantojot Apple ID.
- Tagad atveriet lietotni Safari operētājsistēmā Mac un apmeklējiet jebkuru vietni.
- Mac rīkjoslā noklikšķiniet uz Attīstīt.
- Atvērtajā konteksta izvēlnē meklējiet savu iPad vai iPhone.
- Noklikšķiniet uz sava iPad vai iPhone, lai Mac datorā atvērtu jaunu logu, kurā ir redzams šo ierīču Safari ekrāns.
- Tagad savā iPhone vai iPad ierīcē atveriet mērķa vietni un Mac Safari pārlūkprogrammā skatiet avota kodu.
Ja jums patīk trešo pušu lietotnes un rīki, iespējams, vēlēsities apskatīt arī šīs papildu metodes, lai skatītu tīmekļa lapu HTML avota kodus.
4. Safari paplašinājums — tīmekļa inspektors
Varat instalēt paplašinājumu Web Inspector pārlūkprogrammai Apple Safari iPad un iPhone ierīcēs. Pēc tam, pārlūkojot tīmekļa lapu, izsauciet paplašinājumu, lai skatītu tā HTML avota kodu. Tālāk ir norādītas darbības, kas jums jāizmēģina.
- Atveriet Iestatījumi lietotni un dodieties uz Safari iestatījumi sadaļā.
- Ritiniet uz leju, līdz atrodat Paplašinājumi opciju. Pieskarieties tam.
- Sadaļā Paplašinājumi pieskarieties Vairāk paplašinājumu.
- Tiks parādīta Safari paplašinājumu lapa App Store.
- Pieskarieties Meklēt lodziņu un veidu Tīmekļa inspektors un tastatūrā pieskarieties Meklēt.
- Atrodiet un instalējiet lietotni Web Inspector.
- Atkal dodieties uz Iestatījumi > Safari > Paplašinājumi > un pieskarieties Tīmekļa inspektors.
- Izmantojiet pārslēgšanas pogu, lai aktivizētu šo paplašinājumu pārlūkprogrammai Safari.
- Atveriet Safari un apmeklējiet jebkuru vietni.
- Pieskarieties Paplašinājumi ikonu adreses joslas labajā sānu stūrī.
- Izvēlieties Tīmekļa inspektors pagarinājumu.
- Izvēlies Ļaujiet vienu dienu opciju uznirstošajā logā.
- Vēlreiz pieskarieties Paplašinājumi ikonu un pēc tam pieskarieties Web Inspector.
- HTML avota kodam vajadzētu parādīties skatītās tīmekļa lapas apakšdaļā.
- Varat pārslēgties starp cilnēm, piemēram, DOM, Elements, Console, Network un Resources.
- Lai atgrieztos parastajā skatā, vienkārši pieskarieties Web Inspector paplašinājumam Safari sadaļā Paplašinājumi.
5. iOS lietotne — skatiet avotu
Jūs to varat iegūt bez maksas App Store. Meklēšanas lodziņā ierakstiet Skatīt avotu un pieskarieties Meklēt. Vietnē App Store redzēsit vairākus rezultātus. Instalējiet to, kas saka Skatīt avotu. Lietotnes nodrošinātājs ir Romāns Tomjaks.
Atveriet lietotni sākuma ekrānā vai lietotņu atvilktnē. Pēc tam adreses joslā ierakstiet vietnes URL, lai atklātu HTML avota kodu.
Šis rīks nodrošina iPhone izmēra avota koda skatu. Tomēr varat mainīt orientāciju vai tuvināt, izmantojot attiecīgās pogas ekrāna apakšējā labajā stūrī.
6. Skatiet avota kodu bez maksas, izmantojot Google tīmekļa kešatmiņu
Apmeklētajās vietnēs varat veikt šādu glītu un foršu triku, lai pārlūkprogrammā Safari vai Chrome skatītu to pamatā esošo avota kodu:
- Apmeklējiet tīmekļa lapu, kurai jāatrod HTML avota kods.
- Pieskarieties adresei Safari vai Chrome adreses joslā.
- Paņemiet rakstīšanas kursoru adreses sākumā, kā parādīts attēlā.
- Tagad pirms tam ierakstiet šādu kodu https://
kešatmiņa:
- Nospiediet uz Aiziet pogu iOS tastatūrā.
- Lapas augšdaļā jums ir jāredz Skatīt avotu opciju. Pieskarieties tam.
- Tagad jūs saņemat tikko apmeklētās tīmekļa lapas avota kodu.
Lasiet arī:Kā importēt grāmatzīmes, paroles un daudz ko citu
7. Skatiet avota kodu vietnē Web Apps
Ir daudzas vietnes, kas ļauj bez maksas vai par nelielu samaksu atklāt vietņu un tīmekļa lapu pamatā esošos avota kodus. No visām šīm tīmekļa lietotnēm es izvēlējos CodeBeautify avota koda skatītāju. Lūk, kā tas darbojas:
- iPhone vai iPad ierīcē atveriet šo saiti: Avota koda skatītājs izmantojot pārlūkprogrammu Safari.
- Iekš Ievadiet URL lodziņā ierakstiet vai kopējiet un ielīmējiet tīmekļa lapas URL, kuras HTML avota kodu vēlaties atklāt.
- Pieskarieties Skatīt pogu, lai skatītu lapas avotu iPhone/iPad Safari pārlūkprogrammā.
Secinājums
Tātad, tagad jūs zināt visus trikus, kā skatīt lapas avotu iPhone un iPad ierīcēs. Šajā rakstā jūs atklājāt dažas vietējās un svešās metodes. Varat vienkārši pieturēties pie vietējiem trikiem iPad vai iPhone, lai skatītu tīmekļa lapu HTML avota kodu vai izmantotu programmas, kas ievērojami atvieglo uzdevumu.
Ļaujiet man zināt, kura metode jums patika, atstājot komentāru zemāk. Tāpat kopīgojiet rakstu sociālajos medijos un WhatsApp, lai palīdzētu saviem draugiem, kuri mācās vietņu izstrādi un lietotņu kodēšanu.
Tālāk, Kā iemācīties Swift operētājsistēmā Mac un iPad.