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