Chrome จะเปิดใช้โหมดเดสก์ท็อปโดยค่าเริ่มต้นในแท็บเล็ตระดับพรีเมียม

การสาธิตมุมมองบนมือถือเทียบกับมุมมองเดสก์ท็อปบนแท็บเล็ต

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

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

ที่ผ่านมา User-Agent ของ mobile คือค่าเริ่มต้นสำหรับ Chrome ใน Android ในโหมดนี้ เว็บไซต์ที่ออกแบบมาสำหรับเดสก์ท็อปโดยเฉพาะ (กล่าวคือไม่มี metaวิวพอร์ต) จะแสดงโดยใช้วิวพอร์ตเสมือนแบบคงที่เริ่มต้นขนาด 980 พิกเซลเพื่อให้อ่านได้อย่างสบายตาบนหน้าจอโทรศัพท์ต่างๆ สำหรับกรณีที่ผู้ใช้ต้องการโหลดเฉพาะเว็บไซต์เวอร์ชันเดสก์ท็อป (เนื่องจากเว็บไซต์แสดงผลเว็บไซต์เวอร์ชันต่างๆ ตาม User Agent) ผู้ใช้สามารถเปิดใช้การตั้งค่าโหมดเดสก์ท็อป ซึ่งจะเปลี่ยน User Agent เป็นเดสก์ท็อปและบังคับให้วิวพอร์ตเป็น 980px

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

การเปลี่ยนแปลงนี้ทำให้ User-Agent เป็น User-Agent บนเดสก์ท็อปโดยค่าเริ่มต้น และจะใช้วิวพอร์ตที่ตรงกับความกว้างของหน้าต่างและไม่ใช้ขนาดวิวพอร์ตเสมือนเริ่มต้น 980 พิกเซล

ข้อมูลสำหรับนักพัฒนาซอฟต์แวร์เกี่ยวกับโหมดเดสก์ท็อป

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

ภาพหน้าจอของคําขอดูเดสก์ท็อปใน 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 ไม่ได้แชร์ API แพลตฟอร์มเว็บที่เหมือนกันทั้งหมด จึงจำเป็นต้องใช้การตรวจหาฟีเจอร์ก่อนใช้ความสามารถของอุปกรณ์

หากคุณใช้ User Agent ในการเสนอให้ผู้ใช้ติดตั้งแอป คุณอาจเสนอให้ดาวน์โหลดไบนารีของ Linux โดยไม่ตั้งใจ เราขอแนะนำให้คุณใช้ไฟล์ Manifest ของเว็บแอปร่วมกับพร็อพเพอร์ตี้ related_applications ซึ่งจะใช้ Chrome บนกลไกเริ่มต้นของ Android เพื่อแจ้งให้ผู้ใช้ติดตั้งแอปพลิเคชันของคุณ

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