英文:
Desktop Firefox replaces user-agent in cache usage with service-worker.js
问题
以下是已经翻译好的内容:
用户代理 (User-Agent) 在我的普通桌面版 Firefox 上:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0
当我使用 service-worker.js 缓存一些文件时,Firefox 发送的用户代理:
Mozilla/5.0 (Android 4.4; Mobile; rv:109.0) Gecko/109.0 Firefox/109.0
注意 1:我在普通桌面网站浏览中得到这个结果。
注意 2:当我在开发者控制台检查网络流量时,用户代理正常发送。然而,当我在服务器端测试时,它会返回像是移动浏览器的结果。
注意 3:当我使用 Ctrl+F5 刷新页面时,它会显示正确的用户代理一次。
我的 service-worker.js 文件:
let version;
version = 4;
// 这是具有联合离线体验的 service worker(离线页面 + 页面的离线副本)
const CACHE = "system-v" + version;
importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
// TODO:用正确的离线回退页面替换以下内容,例如:const offlineFallbackPage = "offline.html";
const offlineFallbackPage = "pwa-offline/?v=" + version;
self.addEventListener("message", (event) => {
if (event.data && event.data.type === "SKIP_WAITING") {
self.skipWaiting();
}
});
self.addEventListener('install', async (event) => {
event.waitUntil(
caches.open(CACHE)
.then((cache) => cache.add(offlineFallbackPage))
);
});
if (workbox.navigationPreload.isSupported()) {
workbox.navigationPreload.enable();
}
workbox.routing.registerRoute(
new RegExp('/*\.(js|css|jpe?g|png|gif|webp|svg|ico)'),
new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE
})
);
self.addEventListener('fetch', (event) => {
if (event.request.mode === 'navigate') {
event.respondWith((async () => {
try {
const preloadResp = await event.preloadResponse;
if (preloadResp) {
return preloadResp;
}
const networkResp = await fetch(event.request);
return networkResp;
} catch (error) {
const cache = await caches.open(CACHE);
const cachedResp = await cache.match(offlineFallbackPage);
return cachedResp;
}
})());
}
});
什么导致了这个问题,我该如何解决?
已解决:
问题已经被检测出来。这是一个附加组件的问题。官方的 side view 附加组件在使用 service worker 时会注入用户代理。
英文:
The user-agent of my normal desktop Firefox:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0
The user agent that Firefox sends when I cache some files with service-worker.js:
Mozilla/5.0 (Android 4.4; Mobile; rv:109.0) Gecko/109.0 Firefox/109.0
Note 1: I get this result in normal desktop website browsing.
Note 2: When I inspect the network traffic in the developer console, the user-agent is sent normally. However, when I test it on the server side, it gives results as if it is a mobile browser.
Note 3: When I refresh the page with ctrl+f5, it shows the correct user-agent for once.
My service-worker.js file:
let version;
version = 4;
// This is the service worker with the combined offline experience (Offline page + Offline copy of pages)
const CACHE = "system-v"+version;
importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
// TODO: replace the following with the correct offline fallback page i.e.: const offlineFallbackPage = "offline.html";
const offlineFallbackPage = "pwa-offline/?v="+version;
self.addEventListener("message", (event) => {
if (event.data && event.data.type === "SKIP_WAITING") {
self.skipWaiting();
}
});
self.addEventListener('install', async (event) => {
event.waitUntil(
caches.open(CACHE)
.then((cache) => cache.add(offlineFallbackPage))
);
});
if (workbox.navigationPreload.isSupported()) {
workbox.navigationPreload.enable();
}
workbox.routing.registerRoute(
new RegExp('/*\.(js|css|jpe?g|png|gif|webp|svg|ico)'),
new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE
})
);
self.addEventListener('fetch', (event) => {
if (event.request.mode === 'navigate') {
event.respondWith((async () => {
try {
const preloadResp = await event.preloadResponse;
if (preloadResp) {
return preloadResp;
}
const networkResp = await fetch(event.request);
return networkResp;
} catch (error) {
const cache = await caches.open(CACHE);
const cachedResp = await cache.match(offlineFallbackPage);
return cachedResp;
}
})());
}
});
What is causing this problem and how can I solve it?
Solved:
Problem has been detected. It's a add-on problem. Official side view add-on injects user agent when using service worker.
答案1
得分: 0
问题已检测到。这是一个附加问题。官方 侧边视图 附加组件在使用服务工作线程时会注入用户代理。
英文:
Problem has been detected. It's a add-on problem. Official side view add-on injects user agent when using service worker.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论