อะไรใหม่ใน Edge HTML บน Windows 10 v1809

เบราว์เซอร์ Edge HTML 18 เร็วขึ้น ดีกว่า และมาพร้อมคุณสมบัติและการปรับปรุงใหม่ๆ อาจจะพูดได้ว่า นี่คือ Edge ที่ดีที่สุดจนถึงตอนนี้ ดังนั้น อะไรใหม่ใน Edge HTML 18 ที่ทำให้เบราว์เซอร์นี้มีประโยชน์จริง? โพสต์นี้มองที่คุณสมบัติใหม่และการปรับปรุงที่เบราว์เซอร์ Edge รุ่นใหม่นำมาบน Windows 10 v1809

คุณสมบัติใหม่ใน Edge HTML บน Windows 10

Edge HTML บน Windows 10 1809 ดูดีขึ้นอย่างชัดเจนด้วยเมนูและอินเตอร์เฟซการตั้งค่าที่รีเฟรช คุณยังมีตัวเลือกสำหรับการปรับแต่งและวิธีใหม่ๆ ในการเรียนรู้และมุ่งมั่น

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

1. ควบคุมว่าสื่อสามารถเล่นอัตโนมัติได้หรือไม่

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

คุณสามารถหาการตั้งค่า Media Autoplay ได้ในแท็บ Advanced ของเมนู Settings ของ Microsoft Edge

คุณสามารถเริ่มต้นได้ใน Settings ภายใต้ "Advanced > Media Autoplay," ซึ่งคุณจะพบสามตัวเลือก: Allow, Limit, และ Block

• "Allow" เป็นค่าเริ่มต้นและจะเล่นวิดีโอต่อเมื่อแท็บถูกมองเห็นเป็นครั้งแรกใน foreground ตาม裁量ของไซต์
• "Limit" จะจำกัดการเล่นอัตโนมัติให้ทำงานเฉพาะเมื่อวิดีโอถูก mute ทำให้คุณไม่ถูกทำให้แปลกใจจากเสียง เมื่อคุณคลิกที่ใดก็ได้บนหน้า การเล่นอัตโนมัติจะถูกเปิดใช้งานใหม่และจะยังคงได้รับอนุญาตภายในโดเมนและแท็บนั้นๆ
• "Block" จะป้องกันการเล่นอัตโนมัติบนทุกไซต์จนกว่าคุณจะโต้ตอบกับเนื้อหาสื่อ โปรดทราบว่านี่อาจทำให้บางไซต์เสียหายเนื่องจากการบังคับใช้ที่เข้มงวด – คุณอาจต้องคลิกหลายครั้งสำหรับวิดีโอหรือเสียงบางอย่างเพื่อเล่นได้อย่างถูกต้อง

คุณยังสามารถเปิดหรือบล็อกการเล่นอัตโนมัติในแต่ละกรณีได้โดยการคลิก Show site information ในแถบที่อยู่ (ไอคอนล็อกหรือไอคอนข้อมูล) และเปลี่ยน Media autoplay settings

2. เมนูและอินเตอร์เฟซการตั้งค่าที่รีเฟรช

เบราว์เซอร์ Edge HTML รุ่นใหม่มี Settings ที่นำทางง่ายขึ้น วางการกระทำที่ใช้บ่อยไว้หน้าตัว และให้วิธีปรับแต่งแถบเครื่องมือเบราว์เซอร์มากขึ้น

บุ๊กมาร์ก ประวัติ ดาวน์โหลด และอื่นๆ อยู่ในเมนู Hub ที่ออกแบบใหม่ใน Microsoft Edge เพียงเลือกไอคอน "Favorites" ใกล้แถบที่อยู่ และเลือก Reading List, Books, History, หรือ Downloads เพื่อดูว่ามีอะไรใหม่

ในเมนู "Settings and more" (ไอคอน Setting and more) ตัวเลือกตอนนี้จัดกลุ่มพร้อมไอคอนสำหรับแต่ละรายการ และแป้นพิมพ์ลัด (ถ้ามี) เพื่อประสบการณ์ที่เร็วและสแกนได้ง่ายขึ้น

Microsoft ยังเพิ่มความสามารถที่รอคอยมานานในการปรับแต่งว่าไอคอนไหนจะปรากฏในแถบเครื่องมือ Microsoft Edge คุณสามารถลบทั้งหมดเพื่อลุ๊กสะอาด หรือเพิ่มได้มากเท่าที่ชอบ เพื่อนำฟังก์ชันโปรดมาวางไว้ปลายนิ้ว แค่เลือกตัวเลือก "Show in toolbar" ในเมนู "Settings and more" (ไอคอน Setting and more) เพื่อเริ่มต้น

3. มุ่งมั่นด้วยการปรับปรุง Reading mode และ Learning tools

Microsoft ได้ปรับปรุง reading modes และ learning tools ใน Microsoft Edge หลายอย่าง เพื่อช่วยให้คุณมุ่งมั่นและทำสิ่งต่างๆ ให้เสร็จ

ตอนนี้ เมื่อคุณกำลัง瀏覽เว็บเพจใน reading view คุณสามารถจำกัดโฟกัสของเนื้อหาโดยการไฮไลท์เพียงไม่กี่บรรทัดในแต่ละครั้ง เพื่อช่วยตัด distractions ออก เพียงคลิกหรือแท็บที่ใดก็ได้บนหน้า เลือก Learning Tools (ไอคอน Learning tools) > Reading Preferences (ไอคอน Reading Preferences) และเปิด Line focus

Line Focus ช่วยให้คุณทำให้พื้นที่ของหน้าที่คุณไม่ได้โฟกัสจางลง เพื่อช่วยลด distractions

ขณะที่คุณอ่าน คุณสามารถค้นหาความหมายของคำสำคัญใน Reading View, Books, และ PDFs ได้ โดยใช้ฟังก์ชันพจนานุกรมใหม่ เพียงเลือกคำเดี่ยวใดๆ เพื่อดูความหมายปรากฏเหนือการเลือกของคุณ แม้คุณจะออฟไลน์ก็ตาม ประสิทธิภาพของฟีเจอร์นี้อาจแตกต่างไปขึ้นอยู่กับภาษาของคำที่เลือก และอาจเป็นภาษาของระบบด้วย

4. คุณสมบัติอื่นๆ

คุณสมบัติเด่นอื่นๆ รวมถึงการปรับปรุงการออกแบบ การจัดการ PDF ที่ดีขึ้น Download manager ที่ทรงพลังมากขึ้น และอื่นๆ

อะไรใหม่สำหรับนักพัฒนาเว็บใน Edge HTML 18

ในฐานะนักพัฒนา คุณมีอะไรมากมายมาพร้อมกับการปล่อยครั้งนี้ รวมถึงรุ่น 18 ของ EdgeHTML rendering engine ด้านล่างคือไฮไลท์บางส่วน

1. Web Authentication

EdgeHTML 18 รุ่นใหม่นำการรองรับ Web Authentication API มา อนุญาตให้ผู้ใช้ใช้ Windows Hello ลงชื่อเข้าใช้เว็บไซต์ด้วยใบหน้า นิ้วมือ หรือ PIN รวมถึงวิธีการยืนยันตัวตนแบบฮาร์ดแวร์อย่าง FIDO2 Security Keys

2. นโยบาย Autoplay ใหม่

ด้วย Windows 10 1809 ผู้ใช้สามารถปรับแต่งพฤติกรรมสื่อได้ด้วยการควบคุม autoplay ทั้งระดับ global และ per-site นอกจากนี้ Microsoft Edge จะยับยั้งการเล่นสื่ออัตโนมัติในแท็บพื้นหลังโดยอัตโนมัติ

นักพัฒนาควรดู Autoplay policies guide สำหรับรายละเอียดและ best practices เพื่อพัฒนาประสบการณ์ผู้ใช้ที่ดีกับสื่อที่โฮสต์บนไซต์ของคุณ

3. การอัปเดต Service Worker

Microsoft ได้นำการอัปเดตหลายอย่างสำหรับการรองรับ Service Worker ใน EdgeHTML 18 fetchEvent ช่วยให้ Service Worker ใช้ preloadResponse เพื่อสัญญา response และ resultingClientId เพื่อคืน ID ของ Client ที่ Service Worker ปัจจุบันควบคุม

NavigationPreloadManager interface ให้เมธอดสำหรับจัดการการโหลดทรัพยากรล่วงหน้า ช่วยให้คุณขอขนานกันขณะที่ service worker กำลังบูทอัป หลีกเลี่ยงความล่าช้าด้านเวลา

4. CSS masking, background blend, และ overscroll

EdgeHTML 18 ปรับปรุงการรองรับ CSS Masking การนำไปใช้งานนี้รองรับ CSS mask-image property เพิ่มเติมด้วยการรองรับ WebKit ที่ดีขึ้น รวมถึง webkitMask, webkitMaskComposite, webkitMaskImage, webkitMaskPosition, webkitMaskPositionX, webkitMaskPositionY, webkitMaskRepeat, webkitMaskSize รวมถึงการรองรับมาตรฐานที่สมบูรณ์ขึ้น เพิ่ม maskComposite, maskPosition, maskPositionX, maskPositionY, และ maskRepeat

การปรับปรุง CSS ยังพบได้ในวิธีที่ Microsoft Edge จัดการเมื่อถึงขอบเขตของพื้นที่เลื่อน ตอนนี้รองรับ overscroll-behavior รวมถึง overscroll-behavior-x, overscroll-behavior-y, และ overflow-wrap

5. การปรับปรุง Chakra

EdgeHTML 18 รวมการปรับปรุงเครื่องยนต์ JavaScript Chakra เพื่อรองรับคุณสมบัติ ES และ WASM ใหม่ ปรับปรุงประสิทธิภาพ และปรับปรุงความสามารถในการทำงานร่วมกัน

6. Developer Tools

การอัปเดตล่าสุดของ Microsoft Edge DevTools เพิ่มความสะดวกหลายอย่างทั้งใน UI และภายใต้ฝาผืน รวมถึงแผงเฉพาะสำหรับ Service Workers และ Storage เครื่องมือค้นหาไฟล์ต้นทางใน Debugger และโดเมน Edge DevTools Protocol ใหม่สำหรับการดีบัก style/layout และ console APIs

7. คุณสมบัติ Web Notification

คุณสมบัติใหม่ 4 อย่างได้รับการรองรับสำหรับ web notifications: actions, badge, image, และ maxActions ปรับปรุงความสามารถในการสร้างการแจ้งเตือนบนเว็บที่เข้ากันได้กับระบบแจ้งเตือนที่มีอยู่ ในขณะที่ยังคงเป็น platform-independent

8. การรองรับ WebP Images

Microsoft ยังเพิ่มการรองรับ WebP images ปรับปรุงความสามารถในการทำงานร่วมกับไซต์ที่เสิร์ฟพวกมันทั่วเว็บ

9. Progressive Web Apps

Windows 10 JavaScript apps (เว็บแอปที่รันในกระบวนการ WWAHost.exe) ตอนนี้รองรับ background script ต่อแอปพลิเคชันแบบ optional ที่เริ่มก่อนที่ views ใดๆ จะถูกเปิดใช้งาน และรันตลอดระยะเวลาของกระบวนการ ด้วยสิ่งนี้ คุณสามารถติดตามและปรับเปลี่ยนการนำทาง ติดตาม state ข้ามการนำทาง ติดตามข้อผิดพลาดการนำทาง และรันโค้ดก่อนที่ views จะถูกเปิดใช้งาน

Microsoft กล่าวว่าพวกเขาได้อัปเดตการใช้งาน WebDriver ใน Windows 10 และตอนนี้ผ่าน 1222 ใน 1357 web platform tests WebDriver ตอนนี้เป็น Windows Feature on Demand (FoD) ทำให้การทำ automated testing ใน Microsoft Edge และการได้รุ่นที่เหมาะสมสำหรับอุปกรณ์ของคุณง่ายขึ้นกว่าที่เคย

เพื่อรายละเอียดทางเทคนิคเพิ่มเติมเกี่ยวกับ Edge HTML 18 ใหม่ คลิกที่นี่