ใหม่ใน Chrome 56

Pete LePage

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

ผมชื่อ Pete LePage มาเริ่มดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 56

Web Bluetooth API

ก่อนหน้านี้ ผู้ใช้ที่มีอุปกรณ์บลูทูธต้องติดตั้งแอปเนทีฟเพื่อสื่อสารกับอุปกรณ์ดังกล่าว ใน Chrome 56 ผู้ใช้สามารถเลือกอุปกรณ์บลูทูธพลังงานต่ำที่อยู่ใกล้เคียงเพื่อระบุให้กับเว็บไซต์ที่ใช้ Web Bluetooth API

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

Web Bluetooth API ใช้โปรโตคอล GATT ซึ่งช่วยให้แอปเชื่อมต่อกับอุปกรณ์ต่างๆ เช่น หลอดไฟ ของเล่น เครื่องวัดอัตราการเต้นของหัวใจ จอแสดงผล LED และอื่นๆ ได้โดยใช้ JavaScript เพียงไม่กี่บรรทัด นอกจากนี้ คุณยังใช้ Web Bluetooth ร่วมกับบีคอนเว็บที่จับต้องได้เพื่อให้ค้นหาอุปกรณ์ที่อยู่ใกล้เคียงได้ง่ายขึ้นได้ด้วย

Francois มีบทความเกี่ยวกับอัปเดตที่ยอดเยี่ยม อย่าลืมดูเดโมเจ๋งๆ ประกอบไปด้วย

CSS position: sticky;

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

ตอนนี้ Chrome รองรับ CSS position: sticky; ซึ่งเป็นวิธีใหม่ในการวางองค์ประกอบ

องค์ประกอบที่ยึดตำแหน่งไว้จะเริ่มต้นแบบสัมพัทธ์ แต่จะเป็นแบบคงที่หลังจากที่องค์ประกอบไปถึงตำแหน่งการเลื่อนหนึ่งๆ

เพียงตั้งค่า position: sticky และกำหนดเกณฑ์เพื่อให้ติดอยู่

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan มีโพสต์อัปเดตเกี่ยวกับเรื่องนี้

HTML5 โดยค่าเริ่มต้น

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

ใน Chrome 56 ระบบจะเปิดใช้ HTML5 โดยค่าเริ่มต้นสำหรับผู้ใช้ทุกคน ซึ่งหมายความว่าผู้ใช้จะเห็นข้อความแจ้งให้เรียกใช้ Flash ในเว็บไซต์ที่ไม่เคยเข้าชม

รายละเอียดเพิ่มเติมเกี่ยวกับวิธีและเวลาที่ระบบจะแสดงข้อความแจ้งให้ผู้ใช้ และคําแนะนําเกี่ยวกับวิธีทดสอบเว็บไซต์ Flash

และอื่นๆ

และยังมีอีกมากมาย

หากต้องการติดตามข่าวสารเกี่ยวกับ Chrome และดูข้อมูลเกี่ยวกับฟีเจอร์ที่กำลังจะมีให้บริการ โปรดติดตาม ติดตาม @ChromiumDev ใน Twitter และดูวิดีโอจาก Chrome Dev Summit เพื่อเจาะลึกฟีเจอร์เจ๋งๆ ที่ทีม Chrome กำลังพัฒนา

ผมชื่อ Pete LePage และทันทีที่ Chrome 57 เปิดตัว เราจะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome

มีอะไรใหม่ในไข่อีสเตอร์ของ Chrome

หากคุณอ่านมาถึงตรงนี้ คุณก็ควรดูรีลภาพความผิดพลาดจากสิ่งใหม่ใน Chrome 52 ฉันรู้สึกว่าทุกครั้งที่เปิดปาก จะมีรถบรรทุกขับผ่าน เฮลิคอปเตอร์บินผ่าน หรือรถบีบแตร

และขอขอบคุณ Andrew ที่ให้ยืมเสื้อ ตู้เสื้อผ้ามีปัญหาเล็กน้อย