การแก้ไขข้อบกพร่องของเว็บไซต์ใน Chrome บน iOS 16.4 ขึ้นไป

Mike Dougherty

จาก Chrome 115 คุณสามารถเปิดใช้การแก้ไขข้อบกพร่อง Web Inspector ของ Safari สำหรับ Chrome ใน iOS โพสต์นี้อธิบายวิธีเริ่มต้นใช้งาน

ก่อนที่จะมี Chrome 115 การแก้ไขข้อบกพร่องในหน้าเว็บจะต้องสร้าง Chrome สำหรับ iOS จากต้นทาง เนื่องจาก WKWebView เวอร์ชันที่เผยแพร่ไม่รองรับการแก้ไขข้อบกพร่องของตัวตรวจสอบเว็บจากระยะไกล ใน Chrome 73 เราได้เพิ่มหน้า chrome://inspect ซึ่งแสดงบันทึก JavaScript ในเครื่องเพื่อช่วยในการแก้ไขข้อบกพร่องของหน้าเว็บ เนื่องจาก WKWebView อนุญาตให้ใช้การแก้ไขข้อบกพร่องของ Web Inspector ในรุ่นแล้ว (ตั้งแต่ iOS 16.4) เราจึงเพิ่มการตั้งค่าใน Chrome 115 เพื่อเปิดใช้ฟีเจอร์นี้และปรับปรุงประสบการณ์การใช้งานของนักพัฒนาซอฟต์แวร์ให้ดียิ่งขึ้น

เริ่มต้นใช้งาน

ในอุปกรณ์ iOS คุณต้องมีสิ่งต่อไปนี้

• iOS 16.4 ขึ้นไป
• Chrome 115 ขึ้นไป

สิ่งที่ต้องมีใน Mac

• เปิดใช้เมนู Develop ของ Safari แล้ว เปิดใช้ฟีเจอร์นี้จากการตั้งค่าแอปพลิเคชัน Safari ในแท็บการตั้งค่าขั้นสูง

ในอุปกรณ์ iOS ให้เปิดแอป Chrome และไปที่การตั้งค่า ในการตั้งค่าเนื้อหา ให้เปิดใช้เครื่องมือตรวจสอบเว็บ เปิด Chrome สำหรับ iOS อีกครั้งหลังจากเปลี่ยนการตั้งค่านี้

การแก้ไขข้อบกพร่องของเว็บไซต์

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

1. เชื่อมต่ออุปกรณ์ iOS กับ Mac ด้วยสาย
2. ใน Chrome สำหรับ iOS ให้ไปที่เว็บไซต์ที่คุณต้องการตรวจสอบ
3. เปิด Safari ใน Mac จากเมนูพัฒนา ให้วางเมาส์เหนือชื่ออุปกรณ์ที่เชื่อมต่อ แล้วเลือก URL ของเว็บไซต์ที่ต้องการตรวจสอบ

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