Nais mo bang tingnan ang pinagmulan ng isang webpage mula sa isang iPad o iPhone? Sa kasamaang-palad, hindi isinasama ng mobile Safari ang sarili nitong feature at wala pang built-in na toolkit ng mobile web inspector, ngunit sa tulong ng custom na bookmarklet maaari mong tingnan ang pinagmulan ng anumang web page sa iOS at iPadOS.

Ipapakita sa iyo ng artikulong ito kung paano ka makakapag-set up para makita mo ang pinagmulan sa Safari para sa iPad at iPhone sa pamamagitan ng paggamit ng bookmarklet at javascript trick.

Paano Tingnan ang Pinagmulan sa Safari para sa iPad at iPhone

1. Buksan ang Safari kung hindi mo pa nagagawa
2. I-bookmark ang web page na ito (o anumang iba pa) gamit ang Safari sa isang iPad, iPhone, o iPod touch at pangalanan ang bookmark bilang “View Source”
3. Mag-click dito upang tingnan ang bookmarklet javascript at pagkatapos ay piliin na Piliin Lahat -> Kopya
4. I-tap ang icon ng Bookmark sa Safari na bagong browser screen at i-tap ang “I-edit”, pagkatapos ay i-tap ang bookmark na na-save mo sa hakbang 2
5. I-paste ang javascript code na kinopya mo sa hakbang 3 sa URL bar, at pagkatapos ay i-save ang mga pagbabago sa bookmark sa pamamagitan ng pag-tap sa “Done”
6. Ngayon kapag gusto mong tingnan ang pinagmulan ng mga web page sa iPad o iPhone, buksan ang menu ng Mga Bookmark at piliin ang “Tingnan ang Pinagmulan”
7. Lalabas ang source code sa naka-highlight na syntax na may mga naki-click na source URL

Ang isang mahalagang bagay na dapat tandaan ay ang javascript na ginagamit dito ay nagpapadala ng page na tinitingnan mo ang source papunta sa michelsen.dk server para sa pagproseso. Kung hindi ka kumportable doon, may iba pang solusyon doon, ngunit hindi nila iha-highlight ang syntax at halos hindi kasing elegante sa pangkalahatan.

Halimbawa, maaari mong gamitin ang Javascript sa ibaba bilang isang bookmarklet upang tingnan din ang pinagmulan na hindi mapoproseso sa pamamagitan ng malayong server, ngunit hindi ito gumagamit ng syntax highlighting:

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

Ang isang katulad na tip ay gumagamit ng isang na-edit na bookmark upang hayaan kang patakbuhin ang Firebug gamit ang Mobile Safari sa isang iPhone o iPad din, na maaaring maging mas kapaki-pakinabang para sa ilang mga web developer.

Ang kahanga-hangang tip na ito ay nagmula sa Michelsen.dk. Natagpuan sa pamamagitan ng Twitter, maaari mo rin kaming sundan doon

Sino ang nakakaalam, baka isang araw ay magkakaroon ng katutubong kakayahan ang Safari sa iOS at iPadOS na tingnan ang pinagmulan? Hanggang sa panahong iyon, kailangan mong umasa sa mga party na app o tool na tulad nito.

Ito ay gumana nang maayos sa pagsubok ngunit ang ilang mga user ay nag-uulat ng iba't ibang mga resulta sa iba't ibang mga susunod na bersyon ng Safari at iOS. Ipaalam sa amin sa mga komento sa ibaba kung ano ang gumagana para sa iyo at kung anong bersyon ng iOS at iPad o iPhone ang iyong ginagamit.