ก่อน iOS 6 เว็บเบราเซอร์ Safari ของ iPhone มีคอนโซลดีบักในตัวที่ผู้พัฒนาสามารถใช้เพื่อติดตามข้อบกพร่องบนเว็บเพจได้ หากคุณมี iPhone ที่ใช้ iOS เวอร์ชันแรกอยู่คุณสามารถเข้าสู่ Debug Console ผ่านได้การตั้งค่า > การแข่งรถวิบาก > ผู้พัฒนา > คอนโซลดีบัก. เมื่อใดก็ตามที่ Safari บน iPhone ตรวจพบข้อผิดพลาดของ CSS, HTML และ JavaScript รายละเอียดของแต่ละไฟล์จะถูกแสดงในดีบักเกอร์
ทุกเวอร์ชันล่าสุดของ iOS ใช้ Web Inspector แทน คุณเปิดใช้งานในการตั้งค่า Safari บน iPhone หรืออุปกรณ์ iOS เครื่องอื่น แต่ในการใช้ Web Inspector คุณจะเชื่อมต่อ iPhone กับคอมพิวเตอร์ Mac ด้วยสายเคเบิลและเปิด Safari ของ Mac ซึ่งคุณสามารถใช้งานเมนู Develop ใน Safari Preferences ได้ Web Inspector ใช้งานได้กับเครื่องคอมพิวเตอร์ Mac เท่านั้น
01 จาก 02เปิดใช้ Web Inspector บน iPhone
Web Inspector ถูกปิดใช้งานโดยค่าเริ่มต้นเนื่องจากผู้ใช้ iPhone ส่วนใหญ่ไม่ได้ใช้งาน อย่างไรก็ตามสามารถเปิดใช้งานได้ในเวลาเพียงไม่กี่ขั้นตอน นี่คือวิธี:
- แตะที่การตั้งค่า ไอคอนบนหน้าจอโฮม iPhone
- เลื่อนลงจนกว่าจะถึง การแข่งรถวิบาก และแตะที่จะเปิดหน้าจอที่มีทุกอย่างที่เกี่ยวข้องกับเว็บเบราเซอร์ Safari บน iPhone, iPad หรือ iPod touch ของคุณ
- เลื่อนไปที่ด้านล่างของหน้าจอและแตะสูง เมนู.
- เลื่อนแถบเลื่อนถัดจาก Web Inspector ไปที่ บน ตำแหน่ง.
เชื่อมต่อ iPhone กับ Safari บนเครื่อง Mac
ในการใช้ Web Inspector คุณจะเชื่อมต่อ iPhone หรืออุปกรณ์ iOS เครื่องอื่นเข้ากับ Mac ที่ใช้เว็บเบราว์เซอร์ Safari เสียบอุปกรณ์ของคุณเข้ากับคอมพิวเตอร์โดยใช้สายเคเบิลและเปิด Safari ในคอมพิวเตอร์ของคุณ
เมื่อเปิด Safari แล้วให้ทำดังนี้
- คลิก การแข่งรถวิบาก ในแถบเมนูและเลือกการตั้งค่า
- คลิกสูง แถบ
- เลือกช่องถัดจากแสดงเมนู Develop ในเมนูบาร์.
- ออกจากหน้าต่างการตั้งค่า
- คลิก พัฒนา ในแถบเมนู Safari และเลือก แสดง Web Inspector.