claim()
方法在
Clients
interface allows an active service worker to set itself as the
controller
for all clients within its
scope
. This triggers a "
controllerchange
" event on
navigator.serviceWorker
in any clients that become controlled by this service worker.
When a service worker is initially registered, pages won't use it until they next load. The
claim()
method causes those pages to be controlled immediately. Be aware that this results in your service worker controlling pages that loaded regularly over the network, or possibly via a different service worker.
await clients.claim();
None.
A
Promise
that resolves to
undefined
.
以下范例使用
claim()
inside service worker's "
activate
" event listener so that clients loaded in the same scope do not need to be reloaded before their fetches will go through this service worker.
self.addEventListener('activate', event => {
event.waitUntil(clients.claim());
});
| 规范 | 状态 | 注释 |
|---|---|---|
|
服务工作者
The definition of 'claim()' in that specification. |
工作草案 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
claim
|
Chrome 42 | Edge ≤79 |
Firefox
44
注意事项
|
IE 不支持 No | Opera 29 | Safari 不支持 No | WebView Android 42 | Chrome Android 42 | Firefox Android 44 | Opera Android 29 | Safari iOS 不支持 No | Samsung Internet Android 4.0 |
完整支持
不支持
实验。期望将来行为有所改变。
见实现注意事项。
Promises
self.skipWaiting()
- skip the service worker's waiting phase
Clients
claim()
get()
matchAll()
openWindow()