Edge bổ sung công cụ đo hiệu năng SPA, gỡ lỗi và xây dựng web sẵn sàng cho AI agent

Các cập nhật web mới của Microsoft Edge tập trung vào ba việc: đo hiệu năng của ứng dụng web một trang (SPA), gỡ lỗi thuận tiện hơn và mở đường cho những tương tác mới như website cung cấp thao tác cho AI agent. Điểm cần lưu ý là mức độ sẵn sàng không đồng đều: có tính năng đã được ghi trong tài liệu Edge hoặc DevTools, có tính năng dành cho thử nghiệm, còn một số ý tưởng vẫn mới ở mức kế hoạch. 16333940

Đo độ trễ khi chuyển màn hình trong SPA

Với SPA, người dùng có thể chuyển từ màn hình này sang màn hình khác mà không tải lại toàn bộ trang. Vì vậy, chỉ đo thời gian tải trang ban đầu chưa đủ để biết một thao tác trong ứng dụng có chậm hay không.

Performance API của Edge bổ sung hai loại mục để theo dõi những lần chuyển đổi này. soft-navigation ghi nhận thay đổi lịch sử trong cùng tài liệu do tương tác của người dùng khởi tạo. interaction-contentful-paint ghi nhận lúc nội dung mới xuất hiện ở phần trang được cập nhật sau một tương tác. Nhờ đó, nhà phát triển có thêm dữ liệu để xác định thao tác chuyển màn hình xảy ra khi nào và nội dung mới được hiển thị lúc nào. 40

Edge cũng mô tả các heuristic soft navigation nhằm thu thập chỉ số hiệu năng cho SPA. Đây là tín hiệu phục vụ chẩn đoán, không tự động khắc phục nguyên nhân gây chậm. 3940

Hiểu thêm hoạt động của trình duyệt khi phân tích JavaScript

Các marker của JavaScript Self-Profiling cung cấp ngữ cảnh về công việc trình duyệt thực hiện giữa những mẫu JavaScript, chẳng hạn như tạo kiểu, bố cục, vẽ nội dung và thu gom rác. Điều này giúp phân biệt thời gian chạy mã ứng dụng với thời gian trình duyệt dành cho các công việc khác. Hãy kiểm tra tài liệu Edge và tình trạng hỗ trợ hiện hành trước khi đưa tính năng này vào quy trình sản xuất. 1

Gửi lại và chỉnh sửa yêu cầu mạng trong DevTools

Trong công cụ Network, lệnh Resend cho phép gửi lại một yêu cầu đã ghi nhận mà không cần tải lại trang. Tính năng này hữu ích khi muốn kiểm tra lại cách máy chủ phản hồi với cùng yêu cầu. 18

Quy trình Edit and resend as Fetch cho phép chỉnh sửa yêu cầu rồi thử gửi dưới dạng lời gọi fetch() trong Console. Các công cụ này giúp gỡ lỗi yêu cầu mạng thuận tiện hơn, chứ không làm cho kết nối mạng nhanh hơn. 118

WebMCP: hướng tới website có thể cung cấp thao tác cho AI agent

WebMCP là một hướng đang phát triển, cho phép website khai báo các hành động có cấu trúc để agent duyệt web có thể sử dụng. Thay vì chỉ dựa vào cách diễn giải giao diện bằng hình ảnh, agent có thể tương tác với những công cụ hoặc hành động mà website cung cấp. Microsoft giới thiệu WebMCP như một tính năng sớm để thử nghiệm; nhà phát triển không nên mặc định rằng tính năng này đã có sẵn cho mọi người dùng. 1

Tạo tương tác với đoạn văn bản trong ô nhập liệu bằng OpaqueRange

OpaqueRange biểu diễn một đoạn văn bản đang hoạt động bên trong <input> dạng văn bản hoặc <textarea>. Nhà phát triển có thể dùng các vùng này để xây dựng tương tác gắn với đoạn chữ trong biểu mẫu, chẳng hạn định vị giao diện liên quan hoặc tạo điểm nhấn. API chỉ cung cấp các vị trí theo giá trị văn bản, qua đó giữ kín cấu trúc nội bộ của các nút văn bản trong control. Microsoft liệt kê OpaqueRange trong các cập nhật nền tảng web của Edge 152. 133

Web Install API dành cho thử nghiệm

Web Install API cho phép một website yêu cầu cài đặt một ứng dụng web khác thông qua hàm bất đồng bộ navigator.install(), sử dụng trải nghiệm cài đặt tích hợp sẵn của trình duyệt. Microsoft đã công bố API này để thử nghiệm trên website của nhà phát triển thông qua origin trial của Edge. Origin trial là cơ chế thử nghiệm có giới hạn, không đồng nghĩa với việc API được hỗ trợ rộng rãi trên mọi trình duyệt. 6

Phần tử menu gốc vẫn mới là kế hoạch

Microsoft cũng đã nêu kế hoạch về phần tử HTML <menu> có hành vi menu tích hợp sẵn. Hiện chưa nên xem đây là tính năng phổ biến đã được cung cấp rộng rãi, hoặc dựa vào nó cho chức năng sản xuất khi chưa xác nhận tình trạng hỗ trợ. 1

Nhà phát triển có thể bắt đầu từ đâu?

Có thể tham khảo tài liệu Edge về lệnh gửi lại yêu cầu trong DevTools và các ghi chú phát hành Edge 152 về OpaqueRange. Web Install API có lộ trình thử nghiệm origin trial đã được công bố. Với chỉ số soft navigation, WebMCP và marker JavaScript Self-Profiling, hãy kiểm tra phiên bản Edge cùng yêu cầu thử nghiệm hiện hành trước khi phụ thuộc vào chúng. Phần tử menu gốc vẫn đang ở mức kế hoạch. 1618333940