Ați dorit vreodată să vizualizați sursa unei pagini web de pe un iPad sau iPhone? Din păcate, Safari mobil nu include funcția în sine și nu are încă un set de instrumente pentru inspector web mobil încorporat, dar cu ajutorul unui bookmarklet personalizat puteți vizualiza sursa oricărei pagini web chiar în iOS și iPadOS.

Acest articol vă va arăta cum vă puteți configura astfel încât să puteți vizualiza sursa în Safari pentru iPad și iPhone utilizând un truc de bookmarklet și javascript.

Cum să vizualizați sursa în Safari pentru iPad și iPhone

1. Deschide Safari dacă nu ai făcut-o deja
2. Marcați această pagină web (sau orice alta) cu Safari pe un iPad, iPhone sau iPod touch și denumiți marcajul ca „Vizualizare sursă”
3. Faceți clic aici pentru a vizualiza javascriptul bookmarkletului și apoi alegeți Selectați tot -> Copiere
4. Atingeți pictograma Marcaj din noul ecran al browserului Safari și apăsați pe „Editați”, apoi atingeți marcajul pe care l-ați salvat la pasul 2
5. Inserați codul javascript pe care l-ați copiat la pasul 3 în bara de adrese URL și apoi salvați modificările la marcaj atingând „Terminat”
6. Acum, când doriți să vizualizați o sursă de pagini web pe iPad sau iPhone, deschideți meniul Marcaje și selectați „Vizualizare sursă”
7. Codul sursă va apărea în sintaxa evidențiată cu adrese URL surse pe care se poate da clic

Un lucru important de reținut este că javascript-ul folosit aici trimite pagina la care vizualizați sursa către serverul michelsen.dk pentru procesare. Dacă nu ești confortabil cu asta, există și alte soluții, dar ele nu vor evidenția sintaxa și nu sunt nici pe departe la fel de elegante în ansamblu.

De exemplu, puteți utiliza Javascriptul de mai jos ca un bookmarklet pentru a vizualiza și sursa care nu va procesa printr-un server la distanță, dar nu folosește evidențierea de sintaxă:

javascript:(function(){var a=window.open('about:blank').document;a.write('Sursa '+locaţie. 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))})();

Un sfat similar folosește un marcaj editat pentru a vă permite să rulați Firebug cu Mobile Safari și pe un iPhone sau iPad, ceea ce poate fi puțin mai util pentru unii dezvoltatori web.

Acest sfat minunat vine de la Michelsen.dk. Găsit prin Twitter, ne puteți urmări și acolo

Cine știe, poate într-o zi Safari în iOS și iPadOS va obține o capacitate nativă de a vizualiza sursa? Până atunci, va trebui să te bazezi pe aplicațiile sau instrumentele de acest gen pentru această petrecere.

Acest lucru a funcționat bine la testare, dar unii utilizatori raportează rezultate diferite pe diferite versiuni ulterioare de Safari și iOS. Spune-ne în comentariile de mai jos ce funcționează pentru tine și ce versiune de iOS și iPad sau iPhone folosești.