Notification: thuộc tính navigate
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Note: This feature is available in Web Workers.
Thuộc tính chỉ đọc navigate của giao diện Notification chứa URL mà user agent sẽ điều hướng tới khi người dùng kích hoạt thông báo.
Đây là giá trị đã được phân giải của URL, nếu có, được chỉ định trong tùy chọn navigate của constructor Notification() hoặc ServiceWorkerRegistration.showNotification().
Thông thường, việc kích hoạt một thông báo không bền vững sẽ phát sự kiện click trên object Notification của nó, và việc kích hoạt một thông báo bền vững sẽ phát sự kiện notificationclick trên ServiceWorkerGlobalScope.
Khi một thông báo có URL điều hướng được người dùng kích hoạt, user agent sẽ điều hướng tới URL đã chỉ định thay vì phát một trong hai sự kiện này. Điều đó cho phép thông báo dẫn người dùng tới một trang cụ thể mà không cần bộ xử lý sự kiện.
Giá trị
Một chuỗi chứa URL, hoặc chuỗi rỗng nếu chưa đặt URL điều hướng.
Ví dụ
Đọc giá trị thuộc tính navigate
Thuộc tính navigate trả về chuỗi URL đã phân giải khi có URL điều hướng, hoặc chuỗi rỗng nếu không có.
const notification = new Notification("New message from Alice", {
body: "Hey, are you free for lunch?",
navigate: "/messages/alice",
});
// Thuộc tính chứa URL tuyệt đối đã phân giải
console.log(notification.navigate); // ví dụ "https://example.com/messages/alice"
// Nếu không có tùy chọn navigate, thuộc tính là chuỗi rỗng
const basic = new Notification("Hello!");
console.log(basic.navigate); // ""
Dùng navigate với service worker
Khi dùng thông báo bền vững thông qua service worker, tùy chọn navigate cho phép thông báo mở một trang khi được kích hoạt mà không cần xử lý sự kiện notificationclick.
// Bên trong service worker
self.registration.showNotification("Order shipped!", {
body: "Your order #1234 has been shipped.",
navigate: "/orders/1234",
});
Thông số kỹ thuật
| Specification |
|---|
| Notifications API # dom-notification-navigate |