Ano ang Dapat Malaman
- I-activate ang Web Inspector sa iOS: Pumunta sa Settings > Safari > Advanced at lumipat ang Web Inspector toggle switch sa Nasa na posisyon.
- Gumamit ng Web Inspector sa macOS: Ikonekta ang iyong iOS device sa isang Mac at piliin ang URL na susuriin mula sa Develop menu.
Kung makaranas ka ng bug o isa pang isyu sa isang website sa Safari mobile, gamitin ang tool sa Web Inspector upang mag-imbestiga. Ipinapaliwanag ng artikulong ito kung paano gamitin ang Safari console para sa iPhone upang i-debug ang mga error sa tulong ng iyong Mac computer. Nalalapat ang mga tagubilin sa mga iPhone na may iOS 14, iOS 12, o iOS 11, at pati na rin sa mga Mac na may macOS Big Sur (11.0), macOS Catalina (10.15), o macOS Mojave (10.14).
I-activate ang Web Inspector sa Iyong iPhone o Iba pang iOS Device
Ang Web Inspector ay hindi pinagana bilang default dahil karamihan sa mga user ng iPhone ay walang gamit para dito. Gayunpaman, kung isa kang developer o gusto mong malaman, maaari mo itong i-activate sa ilang maikling hakbang. Ganito:
-
Buksan ang iPhone Settings menu.
Sa isang iPhone na may maagang bersyon ng iOS, i-access ang Debug Console sa pamamagitan ng Settings > Safari > Developer > Debug Console Kapag na-detect ng Safari sa iPhone ang mga error sa CSS, HTML, at JavaScript, ang mga detalye ng bawat display sa debugger.
- Mag-scroll pababa at i-tap ang Safari upang buksan ang screen na naglalaman ng lahat ng nauugnay sa Safari web browser sa iyong iPhone, iPad, o iPod touch.
-
Mag-scroll sa ibaba ng page at piliin ang Advanced.
-
Ilipat ang Web Inspector toggle switch sa On na posisyon.
Image
Ikonekta ang Iyong iOS Device sa Safari sa isang Mac
Upang gamitin ang Web Inspector, ikonekta ang iyong iPhone o isa pang iOS device sa isang Mac na mayroong Safari web browser at paganahin ang Develop menu.
-
Kapag bukas ang Safari, piliin ang Safari mula sa menu bar at piliin ang Preferences.
Image -
Piliin ang tab na Advanced.
Image -
Piliin ang Ipakita ang Develop menu sa menu bar check box at isara ang window ng mga setting.
Image -
Mula sa Safari menu bar, piliin ang Develop at piliin ang pangalan ng iyong naka-attach na iOS device, pagkatapos ay piliin ang URL na lalabas sa ilalim ng Safaripara buksan ang debug console para sa site na iyon.
Image Pagkatapos mong ikonekta ang iyong device, gamitin ang iyong Mac upang siyasatin ang website na gusto mong i-debug at buksan ito sa Safari mobile browser.
Ano ang Web Inspector?
Gumagamit ang mga web developer ng Web Inspector upang baguhin, i-debug, at i-optimize ang mga website sa mga Mac at iOS device. Sa bukas na Web Inspector, maaaring suriin ng mga developer ang mga mapagkukunan sa isang web page. Ang Web Inspector window ay naglalaman ng nae-edit na HTML at mga tala tungkol sa mga istilo at layer ng web page sa isang hiwalay na panel.
Bago ang iOS 6, ang iPhone Safari web browser ay may built-in na Debug Console na ginamit ng mga developer para maghanap ng mga depekto sa web page. Gumagamit na lang ng Web Inspector ang mga kamakailang bersyon ng iOS.
Sa Safari 9 at OS X Mavericks (10.9), ipinakilala ng Apple ang Responsive Design Mode sa Web Inspector. Ginagamit ng mga developer ang built-in na simulator na ito upang i-preview kung paano sumusukat ang mga web page sa iba't ibang laki, resolution, at oryentasyon ng screen.
![Paano Ipasok ang Windows XP Recovery Console [Madali, 15 Min]](https://i.technologyhumans.com/images/001/image-2514-j.webp "Paano Ipasok ang Windows XP Recovery Console [Madali, 15 Min]")
