Haluatko koskaan nähdä verkkosivun lähdekoodia iPadista tai iPhonesta? Valitettavasti mobiili Safari ei sisällä ominaisuutta sellaisenaan, eikä siinä ole vielä sisäänrakennettua mobiiliverkkotarkistustyökalupakkia, mutta mukautetun kirjanmerkin avulla voit tarkastella minkä tahansa verkkosivun lähdettä suoraan iOS:ssä ja iPadOS:ssä.

Tässä artikkelissa kerrotaan, kuinka voit määrittää lähdekoodin näyttämisen Safarissa iPadille ja iPhonelle käyttämällä kirjanmerkkiä ja JavaScript-temppua.

Lähteen tarkasteleminen iPadin ja iPhonen Safarissa

1. Avaa Safari, jos et ole vielä tehnyt niin
2. Merkitse tämä verkkosivu (tai mikä tahansa muu) Safarilla iPadissa, iPhonessa tai iPod touchissa ja nimeä kirjanmerkki "Näytä lähdekoodi"
3. Napsauta tätä nähdäksesi kirjanmerkkien javascriptin ja valitse sitten Valitse kaikki -> Kopioi
4. Napauta kirjanmerkkikuvaketta Safarin uuden selaimen näytössä ja napauta "Muokkaa" ja napauta sitten vaiheessa 2 tallentamaasi kirjanmerkkiä
5. Liitä vaiheessa 3 kopioimasi javascript-koodi URL-palkkiin ja tallenna sitten muutokset kirjanmerkkiin napauttamalla "Valmis"
6. Nyt kun haluat tarkastella verkkosivujen lähdettä iPadilla tai iPhonella, avaa Kirjanmerkit-valikko ja valitse "Näytä lähde"
7. Lähdekoodi näkyy korostetussa syntaksissa klikattavien lähde-URL-osoitteiden kanssa

Yksi tärkeä asia on huomata, että tässä käytetty javascript lähettää tarkastelemasi lähdesivun michelsen.dk-palvelimelle käsittelyä varten. Jos et ole tyytyväinen siihen, on olemassa muita ratkaisuja, mutta ne eivät korosta syntaksia eivätkä ole läheskään yhtä tyylikkäitä.

Voit esimerkiksi käyttää alla olevaa Javascriptiä kirjanmerkkinä nähdäksesi myös lähteen, jota ei käsitellä etäpalvelimen kautta, mutta se ei käytä syntaksin korostusta:

javascript:(function(){var a=window.open('about:blank').document;a.write('Lähde '+sijainti. 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))})();

Samank altaisessa vihjeessä käytetään muokattua kirjanmerkkiä, jonka avulla voit käyttää Firebugia Mobile Safarin kanssa myös iPhonessa tai iPadissa, mikä voi olla hyödyllisempää joillekin verkkokehittäjille.

Tämä mahtava vinkki on peräisin Michelsen.dk:sta. Löytyi Twitterin kautta, voit seurata meitä myös siellä

Kuka tietää, ehkä jonain päivänä iOS:n ja iPadOS:n Safari saa alkuperäisen mahdollisuuden tarkastella lähdettä? Siihen asti sinun on luotettava tämän osapuolen sovelluksiin tai työkaluihin.

Tämä toimi hyvin testauksessa, mutta jotkut käyttäjät raportoivat erilaisista tuloksista Safarin ja iOS:n uudemmissa versioissa. Kerro meille alla olevissa kommenteissa, mikä toimii sinulle ja mitä iOS-versiota ja iPadia tai iPhonea käytät.