She's a Rainbow
She's a Rainbow ~ She Comes in Colours Everywhere This weekend I was listening to my Rolling Stone discography and came upon this delightful song: I suddenly realized that I had ...
Forum Discussion
With a Service Worker it is trivial to substitute one URL for another. In fact I created demo (non-QuickBase) for a local meetup group that does exactly this:
Demo 3 - Simple Service Worker - Network Proxy - Substitute Response
http://dandiebolt.com/sw/demo3.html
Here is the URL for the Service Worker and the code:demo3_sw.js
In this case I was just listening for a club card image to be fetched and if so I responded with the red joker image instead. In general It would be simple to change the code to detect particular icon and substitute a custom one. The only issue I can think of off the top of my head is that the icons might be in a sprite so you might have to do a little more work generating the substitute sprite.
Demo 3 - Simple Service Worker - Network Proxy - Substitute Response
http://dandiebolt.com/sw/demo3.html
Here is the URL for the Service Worker and the code:demo3_sw.js
self.addEventListener("install", event => { });
self.addEventListener("activate", event => {
event.waitUntil(self.clients.claim());
});
self.addEventListener("fetch", event => {
if (event.request.url.match("clubs")) {
event.respondWith(
fetch("images/red_joker.png")
)
}
});https://dandiebolt.com/sw/demo3_sw.jsIn this case I was just listening for a club card image to be fetched and if so I responded with the red joker image instead. In general It would be simple to change the code to detect particular icon and substitute a custom one. The only issue I can think of off the top of my head is that the icons might be in a sprite so you might have to do a little more work generating the substitute sprite.