ใน Chrome M40 มีการเปลี่ยนแปลงวิวพอร์ตเล็กน้อย แต่น่าจะส่งผลอย่างมากต่อผู้ใช้
เมื่อเบราว์เซอร์ในอุปกรณ์เคลื่อนที่เริ่มพัฒนาขึ้น การไม่มีเมตาแท็กวิวพอร์ตจะทำให้เว็บเพจคิดว่ามีพื้นที่หน้าจอประมาณ 980 พิกเซลและแสดงผลที่ขนาดนี้ เมื่อใช้เมตาแท็กวิวพอร์ต นักพัฒนาซอฟต์แวร์จะกําหนดความกว้างได้ ซึ่งค่าที่ใช้กันมากที่สุดคือ "ความกว้างของอุปกรณ์" ซึ่งจะตั้งค่าขนาดหน้าจอเป็นขนาดของอุปกรณ์ คุณสามารถดูข้อมูลเพิ่มเติมในหลักพื้นฐานในการทำเว็บไซต์
วิธีที่ Rick Byers อธิบายวิวพอร์ตเสมือนมีดังนี้ แนวคิดของวิวพอร์ตเสมือนคือการแยกแนวคิด "วิวพอร์ต" ออกเป็น 2 ส่วน ได้แก่ "วิวพอร์ตเลย์เอาต์" (ที่แนบรายการตำแหน่งคงที่) และ "วิวพอร์ตภาพ" (สิ่งที่ผู้ใช้เห็นจริง)
ตัวอย่างที่เข้าใจง่ายสุดๆ
เว็บไซต์ videojs.com เป็นตัวอย่างที่ดีเนื่องจากแถบแอปของเว็บไซต์นี้ติดอยู่ที่ด้านบนและมีลิงก์ทั้งทางด้านซ้ายและขวาของแถบแอป
รูปภาพด้านล่างแสดงสิ่งที่คุณจะเห็นหากซูมเข้าเว็บไซต์และพยายามเลื่อนไปทางซ้ายและขวา
อุปกรณ์ 3 อันดับแรกคือ Chrome M39 ซึ่งไม่มีวิวพอร์ตเสมือน ส่วน 3 อันดับล่างมาจาก Chrome M40 ซึ่งมีวิวพอร์ตเสมือน
ใน Chrome M39 คุณจะเห็นแถบแอปหลังจากที่ซูมเข้า แต่การเลื่อนไปทางขวาจะไม่อนุญาตให้คุณดูลิงก์ทางด้านขวาของแถบ คุณจะมองเห็นได้แค่โลโก้เท่านั้น
เมื่อเปรียบเทียบกับ Chrome M40 (ซึ่งมี "วิวพอร์ตเสมือน") คุณจะเห็น "วิวพอร์ตภาพ" เลื่อนทุกอย่างภายใน "วิวพอร์ตเลย์เอาต์" ซึ่งช่วยให้คุณดูลิงก์ทางด้านขวาได้
Internet Explorer มีลักษณะการทำงานนี้อยู่แล้ว และการเปลี่ยนแปลงเหล่านี้ช่วยให้เราทำงานได้สอดคล้องกันมากขึ้น
HTML
การเปลี่ยนแปลงที่สําคัญเพียงอย่างเดียวที่นักพัฒนาแอปต้องเผชิญคือใน M39 คุณสามารถใช้ overflow: hidden กับองค์ประกอบ html และหน้าเว็บจะยังคงเลื่อนได้ แต่ M40 ไม่รองรับการดำเนินการนี้อีกต่อไป หน้าเว็บจะไม่เลื่อน
ข้อมูลเพิ่มเติมที่เชื่อถือได้
คุณต้องการดูข้อมูลเพิ่มเติมใช่ไหม
คุณสามารถดูชุดสไลด์ได้ที่ด้านล่าง