ใหม่ใน Chrome 56

พีต เลอเพจ

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

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

API เว็บบลูทูธ

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

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

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

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 Easter Egg

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

ขอบคุณจริงๆ ที่ Andrew ยืมเสื้อฉันให้ เมื่อตู้เสื้อผ้าทำงานผิดพลาดไปหน่อย