Trình duyệt Edge HTML 18 nhanh hơn, tốt hơn và đi kèm tính năng mới và cải tiến. Có lẽ đúng khi nói đây là phiên bản Edge tốt nhất cho đến nay. Vậy, có gì mới trong Edge HTML 18 khiến trình duyệt này thực sự hữu ích? Bài viết này xem xét các tính năng mới và cải tiến mà trình duyệt Edge mới mang lại trên Windows 10 v1809.
Tính năng mới trong Edge HTML trên Windows 10
Edge HTML trên Windows 10 1809 chắc chắn trông đẹp hơn nhiều với menu và giao diện cài đặt được làm mới. Bạn cũng có tùy chọn tùy chỉnh và cách mới để học tập và tập trung.
Nếu bạn là nhà phát triển, có những "tính năng mới cho nhà phát triển" hữu ích được phát hành cùng bản cập nhật này như thảo luận sau trong bài viết.
1. Kiểm soát việc phát tự động nội dung đa phương tiện
Không còn danh sách phát video và âm thanh không mong muốn khi bạn lướt web. Với bản cập nhật này, bạn có thể kiểm soát xem trang web có thể tự động phát đa phương tiện hay không, để bạn không bao giờ bị bất ngờ.
Bạn có thể tìm cài đặt Tự động phát đa phương tiện (Media Autoplay) trong tab Nâng cao (Advanced) của menu Cài đặt (Settings) Microsoft Edge.
Bạn có thể bắt đầu trong Cài đặt dưới "Nâng cao (Advanced) > Tự động phát đa phương tiện (Media Autoplay)," nơi bạn sẽ tìm thấy ba tùy chọn: Cho phép (Allow), Giới hạn (Limit), và Chặn (Block).
- "Cho phép (Allow)" là mặc định và sẽ tiếp tục phát video khi tab được xem lần đầu tiên ở tiền cảnh, theo ý muốn của trang web.
- "Giới hạn (Limit)" sẽ hạn chế tự động phát chỉ hoạt động khi video bị tắt tiếng, để bạn không bao giờ bị bất ngờ bởi âm thanh. Khi bạn nhấp vào bất kỳ đâu trên trang, tự động phát được bật lại và sẽ tiếp tục được phép trong miền đó trong tab đó.
- "Chặn (Block)" sẽ ngăn tự động phát trên tất cả các trang web cho đến khi bạn tương tác với nội dung đa phương tiện. Lưu ý rằng điều này có thể làm hỏng một số trang web do thực thi nghiêm ngặt – bạn có thể cần nhấp nhiều lần để một số video hoặc âm thanh phát đúng cách.
Bạn cũng có thể bật hoặc chặn tự động phát từng trường hợp bằng cách nhấp Hiển thị thông tin trang web (Show site information) trên thanh địa chỉ (biểu tượng Khóa hoặc biểu tượng Thông tin) và thay đổi Cài đặt tự động phát đa phương tiện (Media autoplay settings).
2. Menu và giao diện cài đặt được làm mới
Trình duyệt Edge HTML mới có Cài đặt dễ điều hướng hơn, đặt các hành động thường dùng lên trước và trung tâm, và cung cấp nhiều cách hơn để tùy chỉnh thanh công cụ trình duyệt.
Dấu trang, lịch sử, tải xuống, và nhiều hơn sống trong menu Hub được thiết kế lại trong Microsoft Edge. Chỉ cần chọn biểu tượng "Yêu thích (Favorites)" cạnh thanh địa chỉ và chọn Danh sách đọc (Reading List), Sách (Books), Lịch sử (History), hoặc Tải xuống (Downloads) để xem có gì mới.
Trong menu "Cài đặt và thêm (Settings and more)" (biểu tượng Cài đặt và thêm), các tùy chọn hiện được tổ chức thành các nhóm, với biểu tượng cho mỗi mục và phím tắt (nếu áp dụng) cho trải nghiệm nhanh hơn và dễ quét hơn.
Microsoft cũng đã thêm khả năng tùy chỉnh biểu tượng nào xuất hiện trong thanh công cụ Microsoft Edge được yêu cầu nhiều. Bạn có thể xóa tất cả cho giao diện gọn gàng hơn, hoặc thêm bao nhiêu tùy thích để mang chức năng yêu thích đến ngón tay. Chỉ cần chọn tùy chọn "Hiển thị trong thanh công cụ (Show in toolbar)" trong menu "Cài đặt và thêm (Settings and more)" để bắt đầu.
3. Giữ tập trung với cải tiến chế độ đọc và công cụ học tập
Microsoft đã thực hiện một số cải tiến cho chế độ đọc và công cụ học tập trong Microsoft Edge để giúp bạn giữ tập trung và hoàn thành công việc.
Bây giờ, khi bạn đang duyệt trang web ở chế độ đọc, bạn có thể thu hẹp trọng tâm nội dung bằng cách làm nổi bật một vài dòng tại một thời điểm để giúp loại bỏ sự phân tâm. Chỉ cần nhấp hoặc chạm vào bất kỳ đâu trên trang, chọn Công cụ học tập (Learning Tools) > Tùy chọn đọc (Reading Preferences) và bật Tập trung dòng (Line focus).
Tập trung dòng (Line Focus) cho phép bạn làm mờ các khu vực trang bạn không tập trung, để giúp giảm thiểu sự phân tâm.
Khi bạn đọc, bạn có thể tra định nghĩa cho từ khóa trong Chế độ đọc, Sách, và PDF, bằng chức năng từ điển mới. Chỉ cần chọn bất kỳ từ đơn nào để thấy định nghĩa xuất hiện phía trên lựa chọn của bạn, ngay cả khi bạn ngoại tuyến. Hiệu quả của tính năng này có thể thay đổi tùy thuộc vào ngôn ngữ của từ được chọn, và có thể cả ngôn ngữ hệ thống của bạn.
4. Các tính năng khác
Các tính năng đáng chú ý khác bao gồm cải tiến thiết kế, xử lý PDF cải tiến, trình quản lý tải xuống mạnh mẽ hơn, và nhiều hơn nữa.
Điều gì mới cho nhà phát triển web trong Edge HTML 18
Là một nhà phát triển, bạn có nhiều thứ đến với bản phát hành này bao gồm phiên bản 18 của công cụ render EdgeHTML. Dưới đây là một số điểm nổi bật.
1. Xác thực Web (Web Authentication)
EdgeHTML 18 mới mang lại hỗ trợ cho API Xác thực Web (Web Authentication API) cho phép người dùng dùng Windows Hello để đăng nhập vào trang web bằng khuôn mặt, vân tay, hoặc PIN, cũng như phương pháp xác thực dựa trên phần cứng như Khóa bảo mật FIDO2.
2. Chính sách Tự động phát mới (New Autoplay policies)
Với Windows 10 1809, người dùng có thể tùy chỉnh hành vi đa phương tiện với cả điều khiển tự động phát toàn cục và theo từng trang web. Ngoài ra, Microsoft Edge tự động ức chế tự động phát đa phương tiện trong tab nền.
Nhà phát triển nên xem hướng dẫn Chính sách Tự động phát để biết chi tiết và thực hành tốt nhất để phát triển trải nghiệm người dùng tốt với đa phương tiện được lưu trữ trên trang web của bạn.
3. Cập nhật Service Worker
Microsoft đã đưa ra một số cập nhật cho hỗ trợ Service Worker trong EdgeHTML 18. Sự kiện fetchEvent cho phép Service Worker dùng preloadResponse để hứa hẹn một phản hồi, và resultingClientId để trả về ID của Client mà service worker hiện tại đang kiểm soát.
Giao diện NavigationPreloadManager cung cấp phương pháp quản lý việc tải trước tài nguyên, cho phép bạn yêu cầu song song trong khi service worker đang khởi động, tránh bất kỳ độ trễ thời gian nào.
4. CSS masking, background blend, và overscroll
EdgeHTML 18 cải thiện hỗ trợ cho CSS Masking. Triển khai này hỗ trợ thêm thuộc tính CSS mask-image với hỗ trợ WebKit cải tiến, bao gồm webkitMask, webkitMaskComposite, webkitMaskImage, webkitMaskPosition, webkitMaskPositionX, webkitMaskPositionY, webkitMaskRepeat, webkitMaskSize, cũng như hỗ trợ tiêu chuẩn đầy đủ hơn, thêm maskComposite, maskPosition, maskPositionX, maskPositionY, và maskRepeat.
Cải tiến CSS cũng có thể tìm thấy trong cách Microsoft Edge xử lý điều gì xảy ra khi ranh giới của khu vực cuộn được chạm đến, hiện hỗ trợ overscroll-behavior, bao gồm overscroll-behavior-x, overscroll-behavior-y, và overflow-wrap.
5. Cải tiến Chakra
EdgeHTML 18 bao gồm cải tiến cho động cơ JavaScript Chakra để hỗ trợ tính năng ES và WASM mới, cải thiện hiệu suất, và cải thiện khả năng tương tác.
6. Công cụ Nhà phát triển (Developer Tools)
Cập nhật mới nhất cho Microsoft Edge DevTools thêm một số tiện ích cho cả UI và bên dưới, bao gồm bảng điều khiển chuyên dụng mới cho Service Workers và Storage, công cụ tìm kiếm file nguồn trong Debugger, và miền giao thức Edge DevTools mới cho gỡ lỗi style/layout và API console.
7. Thuộc tính Thông báo Web (Web Notification properties)
Bốn thuộc tính mới hiện được hỗ trợ cho thông báo web: actions, badge, image, và maxActions, cải thiện khả năng tạo thông báo trên web tương thích với hệ thống thông báo hiện có đồng thời độc lập với nền tảng.
8. Hỗ trợ hình ảnh WebP
Microsoft cũng đã thêm hỗ trợ cho hình ảnh WebP, cải thiện khả năng tương tác với các trang web phục vụ chúng trên khắp web.
9. Progressive Web Apps
Ứng dụng JavaScript Windows 10 (web apps chạy trong tiến trình WWAHost.exe) hiện hỗ trợ script nền tùy chọn cho mỗi ứng dụng bắt đầu trước khi bất kỳ view nào được kích hoạt và chạy suốt quá trình. Với điều này, bạn có thể giám sát và sửa đổi điều hướng, theo dõi trạng thái qua các điều hướng, giám sát lỗi điều hướng, và chạy mã trước khi view được kích hoạt.
Microsoft nói rằng nó đã cập nhật triển khai WebDriver trong Windows 10, và nó hiện vượt qua 1222 trong 1357 bài kiểm tra nền tảng web. WebDriver hiện là Tính năng Windows theo yêu cầu (FoD), làm cho nó dễ dàng hơn bao giờ hết để tự động hóa kiểm tra trong Microsoft Edge và lấy phiên bản đúng cho thiết bị của bạn.
Để biết thêm chi tiết kỹ thuật về Edge HTML 18 mới, nhấp vào đây.