У меня есть такой звук:
var sound_obj = document.createElement("audio");
sound_obj.src = "../sounds/clic.mp3";
sound_obj.volume = 0.10;
sound_obj.autoPlay = false;
sound_obj.preLoad = true;
sound_obj.type = 'audio/mpeg';
document.addEventListener("click", function(){
sound_obj.play();
});
Все работает хорошо во всех браузерах. Но в Chrome я вижу, что каждый раз, когда я нажимаю, Chrome запрашивает favicon.ico с сайта. Каждый раз. Что я делаю не так?
GET "https://mysite/favicon.ico".
ПОСЛЕДНЕЕ РЕДАКТИРОВАНИЕ
Кажется, это связано с использованием сервисного работника ('fetch'). Это моя версия:
const VERSION = 10;
const CACHE_NAME = 'mysite-cache-v-' + VERSION;
self.addEventListener('fetch', event => {
// Let the browser do its default thing
// for non-GET requests.
if (event.request.method != 'GET') return;
// Prevent the default, and handle the request ourselves.
event.respondWith(async function() {
// Try to get the response from a cache.
const cache = await caches.open(CACHE_NAME);
const cachedResponse = await cache.match(event.request);
if (cachedResponse) {
// If we found a match in the cache, return it, but also
// update the entry in the cache in the background.
event.waitUntil(cache.add(event.request));
console.log("cache fetch");
return cachedResponse;
}
console.log("fresh fetch "+ event.request.url);
// If we didn't find a match in the cache, use the network.
return fetch(event.request, {credentials: 'same-origin', redirect: 'manual'});
}());
});
В Firefox все в порядке, но в Chrome я вижу, что браузер загружает favicon.ico
при каждом нажатии. Если я обошел сервисного работника в Chrome с помощью Bypass for network
, все работает нормально. Понятия не имею, что здесь не так.