Chrome ปรับให้เข้ากับระบบนิเวศของแท็บเล็ต Android ด้วยการเปิดใช้โหมดเดสก์ท็อปโดยค่าเริ่มต้นในแท็บเล็ตพรีเมียม บล็อกโพสต์นี้อธิบายว่าโหมดเดสก์ท็อปคืออะไร และสิ่งที่นักพัฒนาซอฟต์แวร์จำเป็นต้องทราบเกี่ยวกับการมอบประสบการณ์การใช้งานคุณภาพสูงบนแท็บเล็ตระดับพรีเมียม
เว็บไซต์ต้องปรับให้เข้ากับขนาดหน้าจอ รูปแบบของอุปกรณ์ วิธีการป้อนข้อมูล และความสามารถของอุปกรณ์ที่หลากหลาย นอกเหนือจากการใช้เทคนิคการออกแบบที่ตอบสนองตามอุปกรณ์ นักพัฒนาเว็บมักพิจารณา User-Agent ของเบราว์เซอร์เพื่อแสดงเว็บไซต์ที่แตกต่างกันสำหรับอุปกรณ์เคลื่อนที่และเดสก์ท็อป
ที่ผ่านมา mobile User-Agent เป็นค่าเริ่มต้นของ Chrome ใน Android ในโหมดนี้ เว็บไซต์ที่ออกแบบมาสำหรับเดสก์ท็อปเท่านั้น (กล่าวคือ ไม่มี meta viewport) จะแสดงโดยใช้วิวพอร์ตเสมือนแบบคงที่เริ่มต้นขนาด 980 พิกเซลเพื่อให้อ่านได้อย่างสะดวกสบายบนหน้าจอโทรศัพท์ที่หลากหลาย ในกรณีที่ผู้ใช้ต้องการโหลดเฉพาะเว็บไซต์เวอร์ชันเดสก์ท็อป (เนื่องจากเว็บไซต์แสดงผลเว็บไซต์เวอร์ชันต่างๆ ตาม User Agent) ผู้ใช้สามารถเปิดใช้การตั้งค่าโหมดเดสก์ท็อป ซึ่งจะเปลี่ยน User Agent เป็น User Agent ของเดสก์ท็อป และบังคับให้วิวพอร์ตเป็น 980 พิกเซล
เนื่องจากระบบนิเวศแท็บเล็ต Android มีอุปกรณ์ขนาดใหญ่และมีประสิทธิภาพพร้อมใช้งานมากขึ้น เราพบว่าเว็บไซต์เวอร์ชันเดสก์ท็อปมักจะมอบประสบการณ์การใช้งานที่ดีกว่าเว็บไซต์เวอร์ชันอุปกรณ์เคลื่อนที่ เว็บไซต์เวอร์ชันอุปกรณ์เคลื่อนที่ที่ออกแบบมาสำหรับหน้าจอขนาดเล็กและ RAM ต่ำอาจไม่ได้ใช้ประโยชน์จากหน้าจอขนาดใหญ่และความสามารถอื่นๆ ที่มีประสิทธิภาพของอุปกรณ์ ดังนั้น โหมดเดสก์ท็อปจึงกลายเป็นโหมดเริ่มต้นสำหรับแท็บเล็ตพรีเมียม
การเปลี่ยนแปลงนี้จะทำให้ User-Agent เป็น User-Agent ของเดสก์ท็อปโดยค่าเริ่มต้น และใช้วิวพอร์ตที่ตรงกับความกว้างของหน้าต่าง และไม่ใช้ขนาดวิวพอร์ตเสมือนเริ่มต้น 980 พิกเซล
ข้อมูลสำหรับนักพัฒนาแอปเกี่ยวกับโหมดเดสก์ท็อป
ผู้ใช้ Chrome ใน Android สามารถเปลี่ยนการตั้งค่าโหมดเดสก์ท็อปเพื่อขอเว็บไซต์เวอร์ชันเดสก์ท็อปหรือเว็บไซต์เวอร์ชันอุปกรณ์เคลื่อนที่โดยค่าเริ่มต้น การดำเนินการนี้จะยังคงเหมือนเดิม ผู้ใช้จำนวนมากจึงคุ้นเคยกับวิธีเปลี่ยนโหมดอยู่แล้ว
Chrome จะขอเว็บไซต์เวอร์ชันเดสก์ท็อปโดยค่าเริ่มต้นในแท็บเล็ตพรีเมียม (แท็บเล็ตที่มีจอแสดงผลขนาด 10 นิ้วขึ้นไปและมี RAM 8 GB) นักพัฒนาเว็บควรตรวจสอบว่าเว็บไซต์ทํางานได้ดีในโหมดเดสก์ท็อปบนแท็บเล็ต
การเปลี่ยนแปลงนี้เป็นการเปลี่ยนไปใช้โหมดเดสก์ท็อปโดยค่าเริ่มต้น ซึ่งจะทำให้ User Agent เริ่มต้นของผู้ใช้แท็บเล็ต Android ส่วนใหญ่เปลี่ยนจากเวอร์ชันอุปกรณ์เคลื่อนที่ เช่น
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
ไปยังเวอร์ชันเดสก์ท็อป ดังนี้
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
นอกจากนี้ ส่วนหัว HTTP SEC-CH-UA-MODEL และ SEC-CH-UA-PLATFORM จะไม่รายงาน "Pixel Tablet" และ "Android" อีกต่อไป แต่จะใช้ "" และ "Linux" แทน
ทดสอบเว็บไซต์เพื่อดูการเปลี่ยนแปลงนี้
เมื่อโหมดเดสก์ท็อปกลายเป็นค่าเริ่มต้นในแท็บเล็ตระดับพรีเมียมแล้ว คุณควรตรวจสอบว่าการโต้ตอบทั้งหมดกับเว็บไซต์เวอร์ชันเดสก์ท็อปของคุณนั้นทำงานได้ดีสำหรับผู้ใช้ที่มีและไม่มีแป้นพิมพ์จริง หน้าจอสัมผัส เมาส์ หรือแทร็กแพด
หากคุณใช้ User Agent เพื่อตรวจหาว่าผู้ใช้ใช้ Android หรือไม่ เช่น กับ Google Analytics เราคาดว่าการเปลี่ยนแปลงนี้อาจส่งผลต่อเว็บไซต์ของคุณ นอกจากนี้ เนื่องจาก Chrome บนเดสก์ท็อปและ Chrome ใน Android ไม่ได้ใช้ Web Platform API ทั้งหมดเหมือนกัน คุณจึงต้องใช้การตรวจหาฟีเจอร์ก่อนใช้ความสามารถของอุปกรณ์
หากคุณใช้ User Agent เพื่อเสนอให้ผู้ใช้ติดตั้งแอป คุณอาจเสนอให้ดาวน์โหลดไฟล์ไบนารีของ Linux โดยไม่ได้ตั้งใจ เราขอแนะนำให้คุณใช้ไฟล์ Manifest ของเว็บแอปร่วมกับพร็อพเพอร์ตี้ related_applications จากนั้นจะใช้กลไกเริ่มต้นของ Chrome ใน Android เพื่อแจ้งให้ผู้ใช้ติดตั้งแอปพลิเคชัน
คุณทดสอบเว็บไซต์โดยเปิดและปิดใช้โหมดเดสก์ท็อปได้โดยทำตามขั้นตอนเหล่านี้ หรือใช้การจำลองอุปกรณ์ใน Chrome DevTools และการลบล้าง User-Agent