test the effect of service worker for sites which want to use
npm install whistle.service-worker
As a plugin of whistle, whistle.service-worker tests the effect of service worker for sites which want to use.
``shell`
$ npm install --global whistle whistle.service-worker
Set proxy to 127.0.0.1:8899. Whistle Doc - Proxy Setting may help.
Suppose to test the effect of service worker for Github Help:
1. Start whistle:
`shell`
$ w2 start
2. Open http://local.whistlejs.com/#rules in browser.
3. Add following rule to whistle:
`shelll`
help.github.com whistle.service-worker://route=/.*/&strategy=cacheFirst
!rule
4. Open Github Help in new tab and check whether service worker is registered in devtools.
5. Refresh Github Help and check network pannel in devtools.
The key point for users is to set whistle rules like /help.github.com/ whistle.service-worker://route=/.*/&strategy=cacheFirst :
- help.github.com means the hostname of the site to test.route=/./
- means to interception request which's url matches RegExp /./ by service worker.strategy=cacheFirst` is to set a caching strategy. The built-in strategies are:
-
- cacheFirst
- cacheOnly
- networkFirst
- networkOnly
- staleWhileRevalidate