แสดงเมนู Develop ใน Safari
- เลือกเมนู Safari > Preferences …
- เลือกแท็บ Advanced
- คลิกที่ Show Developer menu in menu bar ที่ด้านล่าง
- Safari จะแสดงเมนู Develop ขึ้นมา
ใช้งาน WebInspector
- ออกจาก iOS Simulator > Quit iOS Simulator. (Important)
- Re-launch the iOS Simulator. (This can usually be done from the Apple menu > Recent Items)
- Open your webpage or web app in the iOS Simulator.
- In Safari, select Develop > iOS Simulator > yourpage.html
ก่อนทดสอบกับโปรเจ็กส์ของ ionic ให้ quiz ตัว iOS Simulator ก่อน (จุดดำๆใต้ icon จะหายไป หรือหายไปทั้ง icon เลย) ไม่งั้นจะไม่เห็น เมนู Develop > Simulator – iPhoneX
จากนั้นค่อยรัน ionic ด้วยคำสั่ง
[code]
$ ionic cordova emulate ios
[/code]
แล้วรอสักพักจนกว่า ตัว iOS Simulator จะขึ้นมา
จากนั้นที่ Safari ให้ไปเมนู Develop > Simulator – iPhoneX ดังรูป
จะเห็นหน้า debug ต่างๆ รวมถึง console ด้วย
แต่ถ้าไม่เห็น console ให้คลิกเครื่องหมายบวกที่มุมบนขวาของ safari แล้วเลือก console
Link