วิธีใช้ Web Inspector บน Safari สำหรับ iOS

เว็บไซต์ไม่ได้เข้าถึงได้จากระบบเดสก์ท็อปเสมอไป อุปกรณ์มือถือมีเบราว์เซอร์เช่นกัน และพวกมันถูกใช้เพื่อเข้าถึงเว็บไซต์ได้บ่อยพอๆ กับบนเดสก์ท็อป ในบางกรณีซึ่งเกิดขึ้นไม่บ่อยนัก เว็บไซต์ยอดนิยมจะมีแอปบนอุปกรณ์เคลื่อนที่ แต่เว็บไซต์ส่วนใหญ่ไม่มี นั่นเป็นเหตุผลที่เว็บไซต์ต้องทำงานค่อนข้างสมเหตุสมผลทั้งบนเดสก์ท็อปและเบราว์เซอร์มือถือ เพื่อให้แน่ใจว่าเป็นเช่นนั้น เว็บไซต์จะต้องถูกแก้ไขจุดบกพร่องในระหว่างการพัฒนาบนเว็บเบราว์เซอร์บนมือถือ ซึ่งคุณประสบปัญหาเนื่องจากไม่มีคอนโซลเช่นเบราว์เซอร์เดสก์ท็อป

ต้องการเข้าถึงคอนโซลสำหรับมือถือ Chrome บน Android หรือไม่ ตรวจสอบคำแนะนำของเรา

ตัวตรวจสอบเว็บบน Safari

หากคุณกำลังแก้ไขข้อบกพร่องเว็บไซต์บน Safari บน iOS คุณสามารถใช้ตัวตรวจสอบเว็บในตัวของ Safari ได้ ข้อจำกัดเพียงอย่างเดียวคือคุณต้องมี Mac เว็บคอนโซลบนมือถือ Safari สามารถเข้าถึงได้ผ่าน Safari บน Mac การตั้งค่าจะใช้เวลาสักครู่

บัญชี iCloud

ในการใช้ตัวตรวจสอบเว็บบน Safari อุปกรณ์ iOS และ Mac ต้องใช้บัญชี iCloud เดียวกันและตั้งค่าให้ซิงค์ Safari

macOS

1. เปิดการตั้งค่าระบบ
2. ไปที่Apple ID (จด ID ที่ใช้งานอยู่)
3. เลือกiCloudในคอลัมน์ทางด้านซ้าย และตรวจสอบให้แน่ใจว่าได้เปิดใช้งาน Safariในบานหน้าต่างด้านขวา
4. เปิดซาฟารี
5. คลิก Safari ในแถบเมนูและเลือกการตั้งค่า
6. เกี่ยวกับการตั้งค่าของ Safariไปที่แท็บขั้นสูง
7. เปิดใช้งาน'แสดงพัฒนาเมนูในแถบเมนู'

iOS

1. เปิดแอปการตั้งค่า
2. แตะบัญชีของคุณที่ด้านบน
3. ตรวจสอบให้แน่ใจApple ID ที่ใช้ก็เช่นเดียวกันที่จะถูกใช้ใน Mac
4. แตะiCloud
5. เปิดใช้งานiCloud สำหรับ Safari
6. กลับไปที่หลักหน้าจอการตั้งค่าแอป
7. ไปที่Generalและเลื่อนลงมาด้านล่าง
8. ไปที่รีเซ็ต> รีเซ็ตสถานที่ตั้งและความเป็นส่วนตัว

เปิดใช้งานตัวตรวจสอบเว็บ

ตอนนี้คุณพร้อมที่จะเชื่อมต่ออุปกรณ์ iOS กับ Mac ของคุณแล้ว

1. ใช้สายเคเบิลข้อมูล , การเชื่อมต่อ iPhone (หรือ iPad) เพื่อ Mac
2. บน iPhone ของคุณ คุณจะเห็นข้อความแจ้งถามว่าคอมพิวเตอร์ที่เชื่อมต่อควรเชื่อถือได้หรือไม่ แตะเชื่อถือและป้อนรหัสผ่านอุปกรณ์ของคุณ
3. เปิด Safari บน iPhone และเยี่ยมชมเว็บไซต์ที่คุณต้องการที่จะแก้ปัญหา
4. ใน Mac, เปิดซาฟารีและไปพัฒนา iPhone ของคุณควรปรากฏในเมนูย่อย เลือกและเลือกเว็บไซต์ที่คุณต้องการแก้ไขข้อบกพร่อง จะปรากฏในเมนูย่อย
5. หน้าต่างใหม่จะเปิดขึ้นพร้อมตรวจสอบเว็บ

การแก้ไขปัญหา

ในบางกรณี วิธีการข้างต้นอาจไม่ได้ผล นี่เป็นข้อบกพร่องของ macOS สิ่งหนึ่งที่ใช้ได้ผลในเกือบทุกกรณีคือการแก้ไขด้านล่าง ให้ทำดังต่อไปนี้หลังจากที่คุณได้ทำตามขั้นตอนในส่วนก่อนหน้าแล้ว

1. ตัดการเชื่อมต่อ iPhoneจาก Mac
2. เปิดการตั้งค่า app บน iPhone
3. ไปที่ทั่วไป> รีเซ็ต> รีเซ็ตสถานที่ตั้งและความเป็นส่วนตัว
4. เมื่อวันที่ฉันโทรศัพท์, ปิด WiFi เปิดบลูทู ธและเปิด Mobile Hotspot
5. เชื่อมต่อ iPhone ไปยัง Mac เชื่อถือคอมพิวเตอร์เมื่อได้รับแจ้งบน iPhone
6. เปิดSafari บน iPhoneและไปที่เว็บไซต์ที่คุณต้องการแก้ไขข้อบกพร่อง
7. บนMac เปิดซาฟารี
8. ไปพัฒนา> iPhone ของคุณ> เชื่อมต่อผ่านเครือข่าย
9. จากนั้นไปที่พัฒนา>iPhone ของคุณ>เลือกเว็บไซต์ที่เปิดใน Safari บน iPhone

บทสรุป

การดีบักเว็บไซต์ใน Safari สำหรับ iOS สามารถทำได้โดยคุณมี Mac เท่านั้น คุณต้องตรวจสอบให้แน่ใจว่าเวอร์ชันของ Safari บน iOS เป็นเวอร์ชันเดียวกับใน Mac หลักการที่ดีคือการเรียกใช้ iOS และ macOS เวอร์ชันเสถียรล่าสุดเสมอเมื่อคุณดีบักเว็บไซต์ เพื่อให้แน่ใจว่าเวอร์ชันของ Safari จะเหมือนกันในทั้งสองแพลตฟอร์ม