ฉันกำลังแก้ไขข้อบกพร่องของเว็บไซต์เวอร์ชันมือถือผ่านเครื่องมือ Mobile Emulation ของ Chrome แต่คิดไม่ออกว่าจะให้แป้นพิมพ์บนหน้าจอปรากฏขึ้นเมื่อเลือกช่องข้อความได้อย่างไร
ฉันได้คลิกที่กล่องข้อความ แต่ไม่มีแป้นพิมพ์ปรากฏขึ้น หากฉันทำสิ่งนี้บนอุปกรณ์เคลื่อนที่วิธีการป้อนข้อมูลเริ่มต้น (แป้นพิมพ์) จะปรากฏขึ้นและอนุญาตให้ฉันพิมพ์ได้
มีวิธีจำลองสิ่งนี้หรือไม่?
คำตอบ:
เครื่องมือสำหรับนักพัฒนา Chrome ได้รับการสนับสนุนอย่าง จำกัด สำหรับการจำลองสถานะอุปกรณ์ต่างๆ:
อ้างอิงถึงเอกสารที่มีคุณลักษณะดังกล่าวสามารถใช้ได้เฉพาะเมื่อการลอกเลียนแบบ“อุปกรณ์ที่สนับสนุนเช่น Nexus 5X”
รายการอุปกรณ์จำลองทั้งหมดที่รองรับคุณลักษณะนี้มีอยู่ที่ซอร์สโค้ด Chromium devtools-frontend ( มิเรอร์บน GitHub ) ปัจจุบันได้รับการสนับสนุนโดย:
โปรดทราบว่าแป้นพิมพ์จำลองและแถบนำทางเป็นเพียงภาพนิ่ง (ดังที่คุณเห็นในไดเรกทอรีซอร์สโค้ด) และไม่มีพฤติกรรมโต้ตอบใด ๆ เป็นวิธีที่ดีพอที่จะจำลองขนาดหน้าจอ แต่ไม่ใช่การจำลองที่สมบูรณ์แบบ
สิ่งที่ใกล้เคียงที่สุดที่ฉันมาคือการใช้ส่วนขยายแป้นพิมพ์เสมือนจาก: "Chrome Virtual Keyboard"
หมายเหตุ: ฉันต้องตั้งค่าให้ใช้เหตุการณ์การสัมผัสเมื่อใช้กับแอป Sencha Touch ที่ฉันใช้งานอยู่
มีคนอื่น ๆ อีกมากมายเพียงค้นหา "แป้นพิมพ์เสมือน" ในพื้นที่ส่วนขยายของ Chrome แล้วเลือกสิ่งที่คุณต้องการ