อีกปีหนึ่งรอบดวงอาทิตย์ และเรากลับมาที่ Build เพื่อพูดคุยเกี่ยวกับ—คุณเดาได้—มีอะไรใหม่สำหรับนักพัฒนาที่มี Microsoft Edge เราเริ่มต้นการเดินทางนี้เมื่อ 2.5 ปีที่แล้วเมื่อเราเปิดตัว Microsoft Edge เวอร์ชันล่าสุดที่สร้างบนเอ็นจิ้นโอเพนซอร์ซ Chromium และเราแทบรอไม่ไหวที่จะพูดถึงว่ามีอะไรใหม่และกำลังจะมา

แต่ในขณะที่ Microsoft การเดินทางแบบ Edge นั้นเพิ่งจะเริ่มต้น การเดินทางอีกเรื่องหนึ่งกำลังจะสิ้นสุด—ในอีกไม่ถึงหนึ่งเดือน ในวันที่ 15 มิถุนายน 2022 Internet Explorer 11 จะถูกยกเลิก และออกจากการสนับสนุนอย่างเป็นทางการ จำ Internet Explorer เดิมได้หรือไม่? อาจเป็นเพียงวิธีแรกที่คุณเข้าถึงอินเทอร์เน็ต ตั้งแต่นั้นมา Internet Explorer ได้ช่วยให้โลกออนไลน์ จัดหาวิดีโอและมส์ที่ไม่มีที่สิ้นสุด และแม้กระทั่งช่วยให้คุณทำงานเพียงเล็กน้อย (หรือมาก!) เราจึงเฉลิมฉลองให้กับชีวิตและมรดกของมันด้วยความทรงจำที่ดี


เราในทีม Microsoft Edge ขอขอบคุณ ทุกคนที่ได้พัฒนาแอพและเว็บไซต์สำหรับ Internet Explorer ตลอดหลายปีที่ผ่านมาหรือจัดการเบราว์เซอร์เอง แม้ว่าแอปพลิเคชันเดสก์ท็อป Internet Explorer อาจกำลังจะเลิกใช้ แต่อนาคตของ Internet Explorer สามารถพบได้ใน Microsoft Edge ผ่านคุณลักษณะเล็กๆ น้อยๆ ที่เรียกว่าโหมด IE

ตอนนี้เรามาคุยกันว่าเรามาไกลแค่ไหนแล้วและกำลังจะไปที่ไหนด้วยแพลตฟอร์ม Microsoft Edge Chromium


WebView2 ในหลายๆ ที่—ความพร้อมใช้งานทั่วไปสำหรับ WebUI 2/UWP

หากคุณเป็นนักพัฒนา WinUI 2/UWP เรามีข่าวดีสำหรับคุณ: WebView2 จะพร้อมใช้งานโดยทั่วไปสำหรับ WinUI 2/UWP ในอีกไม่กี่เดือนข้างหน้า ดังนั้นคุณจึงสามารถนำสิ่งที่ดีที่สุดของแพลตฟอร์ม Microsoft Edge Chromium มาสู่แอปพลิเคชันไฮบริดของคุณได้ ไม่ว่าคุณจะขยายแอปเนทีฟด้วยความสามารถด้านเว็บหรือสร้าง UI ของเว็บแบบเต็มหน้า WebView 2 จะพร้อมสำหรับคุณในไม่ช้า

เรายินดีเป็นอย่างยิ่งที่จะนำเสนอ WebView2 ในที่ต่างๆ มากกว่าที่เคยเป็นมา ตามที่ประกาศไว้ที่//Build ขณะนี้.NET MAUI พร้อมใช้งานโดยทั่วไปแล้ว โดยมี WebView2 พร้อมใช้งานสำหรับความต้องการเนื้อหาเว็บของคุณ แต่เราไม่ได้หยุดเพียงแค่นั้น เราตั้งใจที่จะนำ WebView2 ไปยังแพลตฟอร์มต่างๆ มากขึ้นในอนาคต รวมถึง Xbox และ Hololens

ประสิทธิภาพที่วัดได้และทรัพยากรที่ได้รับโดยใช้ Microsoft Edge


การย้ายไปยัง Microsoft Edge และ WebView2 สามารถปรับปรุงประสิทธิภาพได้อย่างมาก และลูกค้าก็เห็นคุณค่าอยู่แล้ว ในการทดลองที่ดำเนินการโดย Cerner Corporation การใช้ Microsoft Edge WebView2 ลดเวลาการเรนเดอร์ลง 85%, การใช้ CPU 33% และการใช้หน่วยความจำ 32% เมื่อเทียบกับการรันโซลูชันโดยใช้ Internet Explorer อ่านเรื่องราวของพวกเขาที่นี่

เรียนรู้วิธี เริ่มต้นใช้งาน Webview2 ที่นี่

เว็บแอปแบบก้าวหน้า ดีขึ้นเรื่อยๆ

การใช้งานแอปเว็บแบบก้าวหน้า (PWA) เพิ่มขึ้นในช่วงที่ผ่านมา และด้วยเหตุผลที่ดี ใครบ้างจะไม่ต้องการประสบการณ์ใช้งานแอปที่ทรงพลังและน้ำหนักเบาซึ่งขับเคลื่อนโดยเนื้อหาเว็บแบบไดนามิก ในขณะที่เว็บสมัยใหม่พัฒนาและเพิ่มมาตรฐานเว็บใหม่ที่สมบูรณ์ กปภ. สามารถเข้าถึงความสามารถที่เคยมีมาในบริบทของแอปพลิเคชันดั้งเดิมเท่านั้น วิวัฒนาการของเว็บนี้นำไปสู่แคตตาล็อก PWA ที่เพิ่มขึ้น ทำให้ผู้ใช้มีโอกาสสัมผัสเนื้อหาในแบบที่พวกเขาต้องการ – ในแอปที่มาพร้อมเครื่อง, PWA หรือในเบราว์เซอร์เอง

Progressive Web App แชร์ไฟล์โดยใช้ UI การแชร์ของแพลตฟอร์มเนทีฟ

เพื่อช่วยให้ PWA มีรูปลักษณ์และความรู้สึก เช่นเดียวกับแอปอื่นๆ เรากำลังประกาศการอัปเดตบางอย่างสำหรับ PWA ที่ขับเคลื่อนโดย Microsoft Edge เพื่อให้มีประสิทธิภาพมากขึ้นบนเดสก์ท็อป การอัปเดตเหล่านี้รวมถึงการเปิดใช้ API ใหม่สำหรับการจัดการโปรโตคอลโดยค่าเริ่มต้น และปรับปรุงการแจ้งเตือนเพื่อให้มีตราสินค้าว่ามาจากแอปเองแทนที่จะมาจากเบราว์เซอร์ Microsoft Edge ด้วยการปรับปรุงเหล่านี้ PWAs ยังคงพัฒนาเว็บไซต์ในอดีตให้กลายเป็นแอปที่ผสานรวมไว้ที่บ้านเมื่อติดตั้งบน Windows

หน้าแอปที่ออกแบบใหม่ใน Microsoft Edge

นอกจากนี้ เรายังทำให้ผู้ใช้ค้นพบและจัดการ PWA ที่ตนชื่นชอบตัวต่อไปได้ง่ายกว่าที่เคย ผู้ใช้สามารถค้นหา PWA ได้ข้างแอปที่มาพร้อมเครื่องใน Microsoft Store เพื่อให้ง่ายต่อการค้นหาในตำแหน่งที่กำลังมองหาแอปอยู่แล้ว นอกจากนี้ เรายังได้ปรับปรุงหน้าแอปใน Microsoft Edge สร้างประสบการณ์ Apps Hub ใหม่ และเพิ่มการซิงค์แอปในอุปกรณ์ต่างๆ เพื่อประสบการณ์การใช้งานที่ดียิ่งขึ้น

สุดท้ายนี้ เราได้ปรับปรุงประสบการณ์ของนักพัฒนาซอฟต์แวร์ของ PWA อย่างต่อเนื่อง โดยร่วมมือกับ PWABuilder ไซต์ PWABuilder ที่ได้รับการปรับปรุงประกอบด้วยโครงการ PWA Starter ใหม่และส่วนขยาย VSCode ใหม่—PWA Studio—ซึ่งทำให้ประสบการณ์ทั้งหมดในการสร้างและเผยแพร่ PWA ไปยัง Microsoft Store ราบรื่นยิ่งขึ้น PWABuilder ยังช่วยให้คุณได้รับประโยชน์สูงสุดจากการลงทุน PWA โดยเพิ่มการสนับสนุนสำหรับการจัดส่ง PWA ในอุปกรณ์ Virtual Reality และ Mixed Reality ทั้งบน HoloLens และ Meta ภารกิจ

อ่านเพิ่มเติมเกี่ยวกับการสร้าง PWA โดยใช้แพลตฟอร์ม Microsoft Edge Chromium และ PWABuilder ใน “30 วันของ PWAs”สรุปบล็อก.

การพัฒนา DevTools ด้วยเครื่องมือใหม่ที่ทรงพลังและความเรียบง่าย ประสบการณ์ผู้ใช้

เรากำลังดำเนินการเพื่อให้ DevTools ดีขึ้นผ่านความคิดเห็นของคุณ เป้าหมายของเราคือช่วยให้คุณประสบความสำเร็จมากขึ้น มีประสิทธิผลมากขึ้น และสร้างประสบการณ์ที่ดีขึ้นด้วยเครื่องมือที่มีประสิทธิภาพและใช้งานง่าย นั่นคือสิ่งที่เมื่อเร็วๆ นี้ เปิดตัว ใหม่ GitHub Feedback Repo for DevTools ใช้สำหรับ: เพื่อแชนเนล v. ของคุณ ใส่ใจในผลิตภัณฑ์

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

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

คุณสามารถลองใช้ DevTools UI ใหม่ผ่านการทดลอง”โหมดโฟกัส”ซึ่งขณะนี้มีให้บริการในทุกช่องทางของ DevTools หากอุปกรณ์ของคุณยังไม่ได้เปิดใช้งาน คุณสามารถ เรียนรู้เพิ่มเติมเกี่ยวกับการทดสอบและเปิดใช้งานได้ที่นี่

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

ทั้งหมดนี้และอื่น ๆ สามารถพบได้ในบันทึกประจำรุ่นรวมของเราซึ่งมีอยู่ในหน้าจอ”ยินดีต้อนรับ”ของ DevTools ในแต่ละรุ่น ครั้งต่อไปที่ DevTools อัปเดต ลองใช้ดูเพื่อติดตามข่าวสารล่าสุดและยิ่งใหญ่ที่สุด! หรือคุณสามารถค้นหาทุกสิ่งที่ใหม่ได้ใน What’s เอกสารใหม่และในซีรีส์วิดีโอ YouTube

การมองไปข้างหน้า

//Build เป็นหนึ่งในช่วงเวลาที่เราโปรดปรานที่สุดของปี และเรารู้สึกตื่นเต้นมากที่จะได้แชร์กับคุณทั่วโลกในฐานะงานดิจิทัล ไม่ว่าระหว่าง//สร้างหรือหลังจากนั้น เราหวังว่าจะได้ยินความคิด ความต้องการ และแนวคิดของคุณสำหรับแพลตฟอร์ม Microsoft Edge Chromium เชื่อมต่อกับเราทาง Twitter (@MSEdgeDev) หรือบน หน้าชุมชน Microsoft Edge Insider Tech สุดท้าย ติดตามข่าวสารล่าสุดของ DevTools โดยสมัครรับข้อมูลจากช่อง Microsoft Edge YouTube และดูมีอะไรใหม่ในวิดีโอซีรีส์ DevTools

สร้างทรัพยากร

สำหรับรายการทรัพยากรสำหรับนักพัฒนาทั้งหมดที่เกี่ยวข้อง สำหรับ Microsoft Edge โปรดดูรายการที่รวบรวมไว้ที่นี่: https://aka.ms/EdgeBuild2022