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