- ตอนนี้คุณสามารถสร้างแท็ก HTML ที่กำหนดเองโดยใช้องค์ประกอบที่กำหนดเอง v1 และสร้างคอมโพเนนต์เว็บที่นำมาใช้ใหม่ได้
- คุณจะส่งข้อความระหว่างหน้าต่างหรือแท็บที่เปิดอยู่ในต้นทางเดียวกันได้ง่ายขึ้นด้วย BroadcastChannel API
- ประสบการณ์การใช้งานสื่อดีขึ้นใน Android และตอนนี้การดึงข้อมูลจากต่างประเทศพร้อมให้บริการแบบช่วงทดลองใช้จากต้นทางแล้ว
ฉันชื่อ Pete LePage มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 54 กัน
องค์ประกอบที่กำหนดเอง v1
อินเทอร์เฟซผู้ใช้ที่ซับซ้อนมักต้องใช้ HTML จำนวนมาก ภาษาส่วนใหญ่เปิดโอกาสให้นักพัฒนาซอฟต์แวร์สร้างคอมโพเนนต์ของตัวเอง โดยสร้างขึ้นจากพื้นฐานภาษาพื้นฐานเพื่อลดการพูดรายละเอียดในลักษณะนี้ แต่ก่อนหน้านี้ การสร้างคอมโพเนนต์ที่นำมาใช้ใหม่ได้บนเว็บเป็นเรื่องยาก
องค์ประกอบที่กำหนดเองช่วยให้คุณสร้างแท็ก HTML ที่กำหนดเอง รวมถึงกำหนด API และลักษณะการทำงานขององค์ประกอบใหม่ใน JavaScript ได้ ผลลัพธ์ที่ได้คือวิธีการในเบราว์เซอร์เพื่อสร้างคอมโพเนนต์ที่นำมาใช้ใหม่ได้และทำงานร่วมกันได้
Chrome 54 จะรองรับองค์ประกอบที่กำหนดเองล่าสุดสำหรับ V1 และจะรองรับ V0 API ต่อไปจนกว่าคุณจะย้ายไปใช้ V1 มากพอ
โปรดดูคีย์หลักเกี่ยวกับองค์ประกอบที่กำหนดเองเพื่อดูวิธีใช้ในการสร้างคอมโพเนนต์เว็บที่นำมาใช้ใหม่ได้สำหรับเว็บไซต์หรือแอปพลิเคชัน
API ช่องสัญญาณออกอากาศ
ผู้ใช้เดสก์ท็อปจะเปิดหน้าต่างหรือแท็บหลายแท็บพร้อมกันไม่ใช่เรื่องแปลก และบางเว็บไซต์ยังสนับสนุนพฤติกรรมเช่นนี้ เช่น เครื่องมือแก้ไขเว็บที่เปิดเอกสารในแท็บของตนเอง
การสื่อสารระหว่างแท็บต่างๆ อาจเป็นเรื่องยาก BroadcastChannel API คือ API การรับส่งข้อความแบบ 1 ต่อหลายคนใหม่ระหว่างหน้าต่าง, แท็บ, iframe, Web Worker และ Service Worker ทำให้สคริปต์สามารถสร้างช่องที่มีชื่อเพื่อส่งข้อความระหว่างบริบทการเรียกดูจากต้นทางเดียวกัน
แหล่งข้อมูล BroadcastChannel อื่นๆ
requestFullScreen
สื่อกลายเป็นส่วนสำคัญยิ่งขึ้นของประสบการณ์การท่องเว็บ
นอกเหนือจากท่าทางสัมผัสของผู้ใช้แล้ว ตอนนี้คุณสามารถใช้ Element.requestFullScreen() เพื่อเรียกใช้โหมดเต็มหน้าจอหลังจากการเปลี่ยนการวางแนวหน้าจอ และช่วยให้คุณสร้างประสบการณ์สื่อที่สมบูรณ์ยิ่งขึ้นซึ่งรวมถึงการหมุนให้เต็มหน้าจอ
การดึงข้อมูลจากต่างประเทศ
สมมติว่าต้นทางที่ใช้กันโดยทั่วไป เช่น ผู้ให้บริการ API, บริการแบบอักษรเว็บ หรือบริการอื่นๆ สามารถทำให้ Service Worker ใช้งานได้ของตนเอง
แทนที่จะต้องไปยังเครือข่ายทุกครั้ง ผู้ให้บริการสามารถนำตรรกะเครือข่ายที่กำหนดเองไปใช้ และใช้ประโยชน์จากอินสแตนซ์ของแคชที่เชื่อถือได้เพียงรายการเดียวสำหรับจัดเก็บคำตอบ
ตอนนี้การดึงข้อมูลจากต่างประเทศที่พร้อมใช้งานใน Chrome 54 เป็นช่วงทดลองใช้จากต้นทาง ลองดูโพสต์ของเจตน์ที่ลิงก์ไว้ในความคิดเห็นด้านล่าง
เปิดจากขอบ
นี่เป็นเพียงการเปลี่ยนแปลงบางส่วนใน Chrome 54 สำหรับนักพัฒนาซอฟต์แวร์
ดูคำอธิบายเพื่อดูรายละเอียดเพิ่มเติม และลิงก์เอกสารประกอบและข้อกำหนด
อ้อ แล้วอย่าลืมดู Chrome Dev Summit ที่เราจะจัดขึ้นนะ ใน YouTube ในวันที่ 10 และ 11 พฤศจิกายน
หากต้องการติดตามข่าวสารล่าสุดเกี่ยวกับ Chrome และทราบถึงสิ่งที่จะเกิดขึ้น ให้คลิกปุ่มติดตามด้านบน
ผมชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 55 ผมจะมาแจ้งให้คุณทราบว่ามีอะไรใหม่ใน Chrome!