บทความวิกิฮาวนี้จะแนะนำวิธีการใช้แอพ Safari บนเดสก์ท็อปของ Apple เพื่อตรวจสอบประสิทธิภาพของเว็บเพจบนมือถือใน Safari สำหรับ iPhone
ขั้นตอน
ส่วนที่ 1 จาก 3: การเปิดใช้งาน Web Inspector บน iPhone ของคุณ
ขั้นตอนที่ 1. เปิดการตั้งค่า iPhone ของคุณ
ที่เป็นไอคอนสีเทามีฟันเฟืองในหน้าจอหลัก
ขั้นตอนที่ 2 เลื่อนลงแล้วแตะ Safari
อยู่ในกลุ่มการตั้งค่าที่สี่หรือห้า ร่วมกับแอพอื่นๆ ของ Apple iPhone เช่น Mail และ Contacts
ขั้นตอนที่ 3 เลื่อนลงแล้วแตะขั้นสูง
ทางด้านล่างของเมนู
ขั้นตอนที่ 4 เลื่อนปุ่มข้าง "Web Inspector" ไปที่ตำแหน่ง "On"
เป็นตัวเลือกสุดท้ายและจะเปลี่ยนเป็นสีเขียวเมื่อเปิดใช้งาน
ส่วนที่ 2 จาก 3: การเปิดใช้งาน Web Inspector บน Mac ของคุณ
ขั้นตอนที่ 1. เปิด Safari บน Mac ของคุณ
เป็นแอพที่ดูเหมือนเข็มทิศสีน้ำเงิน
ขั้นตอนที่ 2 คลิกที่ Safari
ในแถบเมนูที่มุมซ้ายบนของหน้าจอ
ขั้นตอนที่ 3 คลิกที่การตั้งค่า
ขั้นตอนที่ 4 คลิกที่ ⚙️ขั้นสูง
ที่เป็น tab ขวาสุด ทางด้านบนของหน้าต่าง
ขั้นตอนที่ 5. เลือก "แสดงเมนูพัฒนาในแถบเมนู
" ที่ด้านล่างของหน้าต่าง
ขั้นตอนที่ 6 เชื่อมต่อ iPhone ของคุณ
ใช้สาย USB ที่มาพร้อมกับอุปกรณ์ของคุณเพื่อเชื่อมต่อ iPhone กับ Mac
ส่วนที่ 3 จาก 3: การใช้ Web Inspector บน Safari สำหรับ iPhone
ขั้นตอนที่ 1. เปิดเว็บไซต์
บน Safari สำหรับ iPhone ให้เปิดหน้าเว็บบนมือถือที่คุณต้องการแก้ไขข้อบกพร่อง
ขั้นตอนที่ 2 คลิกที่พัฒนา
เป็นเมนูแบบเลื่อนลงที่ 3 จากทางขวาของ Safari สำหรับ Mac
ขั้นตอนที่ 3 คลิกที่ iPhone ของคุณ
จะอยู่ด้านบนของเมนู
ขั้นตอนที่ 4. คลิกที่เว็บไซต์
ปรากฏในป๊อปอัปทางด้านขวาของ iPhone ของคุณ
หากคุณไม่ได้เปิดเว็บไซต์ในแอป Safari ของ iPhone คุณจะเห็นข้อความ "ไม่มีแอปพลิเคชันที่ตรวจสอบได้"
ขั้นตอนที่ 5. ตรวจสอบหน้า
เมื่อใช้ Safari บน Mac ของคุณ คุณสามารถปรับปรุงและวัดประสิทธิภาพของเพจบนมือถือบน iPhone ของคุณได้
- Web Inspector ให้คุณเรียกใช้คำสั่งใน JavaScript เพื่อสร้างประสบการณ์เชิงโต้ตอบที่มีไดนามิกมากขึ้นสำหรับผู้ใช้ เช่น ภาพเคลื่อนไหวและข้อความแบบเรียลไทม์
- ตรวจสอบองค์ประกอบ DOM (Document Object Model) เพื่อหาข้อผิดพลาดในคำสั่ง HTML, XML หรือ JavaScript
- ใช้ CSS เพื่ออัปเดตหรือแก้ไขเลย์เอาต์ สี และฟอนต์บนเพจบนมือถือ