Safari para sa iOS ay may kasamang opsyonal na debug console upang matulungan ang mga web developer na subaybayan at lutasin ang mga isyu sa mga webpage sa iPhone at iPad.

Mas maganda pa, sa mga pinakabagong bersyon ng iOS, ginagamit talaga nito ang parehong Web Inspector na ginagamit din ng Safari sa desktop, ibig sabihin, kung ikinonekta mo ang iPhone o iPad sa computer, magagamit mo nang direkta ang mga tool sa pag-debug ng Safari gamit ang iyong iOS o iPadOS device

Ang mga lumang bersyon ng iOS ay may ganitong kakayahan din, at bagama't hindi kasama sa desktop Safari debug at mga tool ng developer, kapaki-pakinabang pa rin ito at madaling i-enable o i-disable sa iPhone at iPad.

Alamin natin kung paano paganahin ang feature na ito sa mga bago at lumang bersyon ng iOS, at alamin din kung ano ang pagkakaiba sa pagitan ng mga bersyon.

Paano Paganahin at Gamitin ang Web Inspector sa Safari para sa iPhone at iPad

Sa mga modernong bersyon ng iOS at iPadOS, narito kung paano gumagana ang Safari web inspector:

1. Buksan ang Mga Setting > Safari > Advanced pagkatapos ay i-tap upang paganahin ang “Web Inspector”
2. Ikonekta ang iPhone o iPad sa isang Mac, pagkatapos ay pumunta sa Safari at paganahin ang menu ng developer kung hindi mo pa ito nagagawa sa pamamagitan ng pagpunta sa Safari > Preferences > Advanced > Show Develop menu bar
3. Hilahin pababa ang menu bar na “Develop” at hanapin ang iPhone o iPad, at pagkatapos ay buksan ang web page na gusto mong i-debug
4. Magbubukas ang Safari Web Inspector kung saan maaari mong i-debug at suriin ang mga elemento ng web mula sa iOS o IPadOS device nang direkta sa Safari sa Mac

Ngayon habang nagna-navigate ka sa iPhone o iPad ay makikita mo ang Web Inspector sa Safari sa Mac na mag-a-update.

Maaari mong i-access ang debug Console sa pamamagitan ng tab na Console sa web inspector, at maa-access mo ang debugger sa pamamagitan ng tab na Debugger. At siyempre ang karaniwang mga tool sa web inspector para sa mga elemento, mapagkukunan, network, atbp, ay magagamit din.

Maaari ka ring gumamit ng trick sa View Source para sa iOS at iPadOS habang on the go ka, kung kinakailangan din.

Paano Paganahin ang Debug Console sa Mga Mas Lumang Bersyon ng iOS

Kung mayroon kang mas lumang bersyon ng iOS sa isang mas lumang iPhone o iPad, ang buong karanasan sa pag-debug ay nasa device at wala kang kakayahang ikonekta ito sa Safari sa isang Mac. Gayunpaman, ito ay lubos na kapaki-pakinabang, narito kung paano ito gumagana:

1. Ilunsad ang “Mga Setting” at i-tap ang “Safari”
2. I-tap ang “Advanced”
3. I-slide ang “Debug Console” sa ON

Kapag na-enable na, i-tap ang Debug Console sa itaas ng anumang Safari screen para makita ang mga error sa web page.

Ipinapakita ng default na listahan ang lahat ng error, ngunit maaari kang mag-drill down sa mas partikular na HTML, JavaScript, at CSS error sa pamamagitan ng pag-tap sa mga ito nang paisa-isa.

Ang isa pang kapaki-pakinabang na tool para sa mga mobile web developer ay ang Firebug Lite para sa iOS, na gumagamit ng javascript bookmarklet upang mag-load ng mas simpleng bersyon ng sikat na tool sa pagbuo ng Firebug. Ang pag-andar na iyon ay malamang na pinakakapaki-pakinabang para sa mga mas lumang bersyon ng iOS, dahil ang mga bagong release ay may mga bagong kakayahan.

Gumagamit ka ba ng anumang tool sa web developer para sa iPhone o iPad? Ibahagi sa amin ang anumang mga tip, trick, app, o diskarte sa mga komento sa ibaba.