วิธีใช้ Web Inspector บน iPhone: 15 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีใช้ Web Inspector บน iPhone: 15 ขั้นตอน (พร้อมรูปภาพ)
วิธีใช้ Web Inspector บน iPhone: 15 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีใช้ Web Inspector บน iPhone: 15 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีใช้ Web Inspector บน iPhone: 15 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: เปลี่ยน มือถือ Android ให้เป็นเหมือน iPhone iOS 16 2024, มีนาคม
Anonim

บทความวิกิฮาวนี้จะแนะนำวิธีการใช้แอพ Safari บนเดสก์ท็อปของ Apple เพื่อตรวจสอบประสิทธิภาพของเว็บเพจบนมือถือใน Safari สำหรับ iPhone

ขั้นตอน

ส่วนที่ 1 จาก 3: การเปิดใช้งาน Web Inspector บน iPhone ของคุณ

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 1
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 1

ขั้นตอนที่ 1. เปิดการตั้งค่า iPhone ของคุณ

ที่เป็นไอคอนสีเทามีฟันเฟืองในหน้าจอหลัก

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 2
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 2

ขั้นตอนที่ 2 เลื่อนลงแล้วแตะ Safari

อยู่ในกลุ่มการตั้งค่าที่สี่หรือห้า ร่วมกับแอพอื่นๆ ของ Apple iPhone เช่น Mail และ Contacts

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 3
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 3

ขั้นตอนที่ 3 เลื่อนลงแล้วแตะขั้นสูง

ทางด้านล่างของเมนู

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 4
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 4

ขั้นตอนที่ 4 เลื่อนปุ่มข้าง "Web Inspector" ไปที่ตำแหน่ง "On"

เป็นตัวเลือกสุดท้ายและจะเปลี่ยนเป็นสีเขียวเมื่อเปิดใช้งาน

ส่วนที่ 2 จาก 3: การเปิดใช้งาน Web Inspector บน Mac ของคุณ

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 5
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 5

ขั้นตอนที่ 1. เปิด Safari บน Mac ของคุณ

เป็นแอพที่ดูเหมือนเข็มทิศสีน้ำเงิน

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 6
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 6

ขั้นตอนที่ 2 คลิกที่ Safari

ในแถบเมนูที่มุมซ้ายบนของหน้าจอ

ใช้ Web Inspector บน iPhone ขั้นตอนที่7
ใช้ Web Inspector บน iPhone ขั้นตอนที่7

ขั้นตอนที่ 3 คลิกที่การตั้งค่า

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 8
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 8

ขั้นตอนที่ 4 คลิกที่ ⚙️ขั้นสูง

ที่เป็น tab ขวาสุด ทางด้านบนของหน้าต่าง

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 9
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 9

ขั้นตอนที่ 5. เลือก "แสดงเมนูพัฒนาในแถบเมนู

" ที่ด้านล่างของหน้าต่าง

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 10
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 10

ขั้นตอนที่ 6 เชื่อมต่อ iPhone ของคุณ

ใช้สาย USB ที่มาพร้อมกับอุปกรณ์ของคุณเพื่อเชื่อมต่อ iPhone กับ Mac

ส่วนที่ 3 จาก 3: การใช้ Web Inspector บน Safari สำหรับ iPhone

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 11
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 11

ขั้นตอนที่ 1. เปิดเว็บไซต์

บน Safari สำหรับ iPhone ให้เปิดหน้าเว็บบนมือถือที่คุณต้องการแก้ไขข้อบกพร่อง

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 12
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 12

ขั้นตอนที่ 2 คลิกที่พัฒนา

เป็นเมนูแบบเลื่อนลงที่ 3 จากทางขวาของ Safari สำหรับ Mac

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 13
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 13

ขั้นตอนที่ 3 คลิกที่ iPhone ของคุณ

จะอยู่ด้านบนของเมนู

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 14
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 14

ขั้นตอนที่ 4. คลิกที่เว็บไซต์

ปรากฏในป๊อปอัปทางด้านขวาของ iPhone ของคุณ

หากคุณไม่ได้เปิดเว็บไซต์ในแอป Safari ของ iPhone คุณจะเห็นข้อความ "ไม่มีแอปพลิเคชันที่ตรวจสอบได้"

ใช้ Web Inspector บน iPhone ขั้นตอนที่ 15
ใช้ Web Inspector บน iPhone ขั้นตอนที่ 15

ขั้นตอนที่ 5. ตรวจสอบหน้า

เมื่อใช้ Safari บน Mac ของคุณ คุณสามารถปรับปรุงและวัดประสิทธิภาพของเพจบนมือถือบน iPhone ของคุณได้

  • Web Inspector ให้คุณเรียกใช้คำสั่งใน JavaScript เพื่อสร้างประสบการณ์เชิงโต้ตอบที่มีไดนามิกมากขึ้นสำหรับผู้ใช้ เช่น ภาพเคลื่อนไหวและข้อความแบบเรียลไทม์
  • ตรวจสอบองค์ประกอบ DOM (Document Object Model) เพื่อหาข้อผิดพลาดในคำสั่ง HTML, XML หรือ JavaScript
  • ใช้ CSS เพื่ออัปเดตหรือแก้ไขเลย์เอาต์ สี และฟอนต์บนเพจบนมือถือ

แนะนำ: