导航器中的“serviceWorker”为false
serviceWorker是一种浏览器技术，用于在后台运行脚本，以提供离线缓存、推送通知和后台同步等功能。当导航器中的"serviceWorker"为false时，表示该浏览器不支持serviceWorker。
serviceWorker的优势在于可以提供更好的离线体验和性能优化。它可以缓存网页资源，使得用户在离线状态下仍然可以访问已缓存的页面。此外，serviceWorker还可以接收推送通知，使得网站可以实时向用户发送消息。另外，serviceWorker还可以在后台进行数据同步，以确保用户在离线状态下的操作能够在网络恢复后自动同步。
serviceWorker的应用场景包括但不限于：
- 离线应用：通过缓存网页资源，使得用户在离线状态下仍然可以访问应用程序。
- 推送通知：通过serviceWorker接收推送通知，向用户发送实时消息。
- 后台同步：在后台进行数据同步，确保用户在离线状态下的操作能够在网络恢复后自动同步。
腾讯云提供了一系列与serviceWorker相关的产品和服务，包括：
- 腾讯云CDN：提供全球加速、内容分发和缓存服务，可以与serviceWorker结合使用，实现离线缓存和加速访问。
- 腾讯云移动推送：提供消息推送服务，可以通过serviceWorker接收推送通知，向用户发送实时消息。
更多关于serviceWorker的详细信息，请参考腾讯云官方文档：
相关·内容
2回答
运行npm run dev后，build文件夹中没有服务-worker.js文件。
我在index.js中也改变了serviceWorker.register()
我在这个项目中也使用了防火墙。
这是package.json文件
{
"name": "movie",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4&#
浏览 6提问于2020-11-21得票数 5
回答已采纳
我的颤振网络应用程序提供了2条错误信息后，部署到firebase。错误消息没有出现在部署前。我找不到根本原因。
main.dart.js:39105 Uncaught TypeError: Cannot read property 'isSupported' of undefined
at aaA.a2R (main.dart.js:47197)
at Object.aP_ (main.dart.js:22954)
at main.dart.js:10007
at aGN.a (main.dart.js:5110)
at aGN.$2 (
浏览 1提问于2021-05-16得票数 0
回答已采纳
在实现service worker或检查service worker是否足够之前，我们需要在浏览器中单独检查每个API (、、和)支持吗？最佳实践是什么？
手段
if('Cache' in window) {}
if ('fetch' in window) {}
if('indexedDB' in window) {}
if('navigator' in window) {}
if(navigator.onLine){}
或
if('serviceWorker in navigator)
够了吗？
我假设后一种方法将在内部
浏览 0提问于2017-10-03得票数 0
有没有办法从navigator对象中完全删除serviceWorker属性？(因此表达式('serviceWorker' in navigator)为false。)
delete不工作：
delete navigator.serviceWorker;
'serviceWorker' in navigator; // true
赋值给undefined不会做任何事情(即使它足够了)：
navigator.serviceWorker = null;
'serviceWorker' in navigator; // true
navigator.ser
浏览 0提问于2016-03-09得票数 2
我有一个关于服务人员和客户沟通的问题。我在看这篇文章和其他博客，但都没有用，我在Chrome最新版本中发现了一个错误。
我试过用navigator.serviceWorker.controller.postMessage({'command': 'trimCaches'});
但我在Chrome中出了一个错误，无法读取未定义的属性“控制器”
。进一步的研究表明，控制器中不存在postMessage方法。有人能帮帮我吗。
我的要求是向服务人员发送一些消息/数据。
浏览 2提问于2017-09-22得票数 0
1回答
元素类型无效:应为字符串或类函数
、、、、
我刚开始尝试使用web api在react JS中实现CRUD操作。但是，我收到了一个我不理解的错误。 错误是这样的： Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mix
浏览 21提问于2020-07-07得票数 0
我将与以下设置一起使用：
new HtmlWebpackPlugin({
template: 'src/index.ejs',
minify: isDevelopment ? false : {
caseSensitive: false,
removeComments: true,
collapseWhitespace: true,
removeRedundantAttributes: true,
useShortDoctype: false,
removeEmpty
浏览 4提问于2020-03-21得票数 0
1回答
我刚开始尝试使用web API在react JS中实现CRUD操作。但是，我收到了一个我不理解的错误。
错误是这样的：
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixe
浏览 0提问于2020-07-07得票数 0
2回答
描述：
我们使用sw precache来缓存手边的脚本，因此要更新我们要给出的重新加载选项的脚本，因为我们正在侦听工作人员消息，以跳过等待新安装的服务工作人员，原因不明，我们没有得到正确的结果。
importScript
// GETTING OLD SW reference (self) and NOT getting newly installed SW reference
self.addEventListener('message', function(event) {
*// not working*
self.skipWaiting();
});
浏览 4提问于2017-09-21得票数 5
回答已采纳
我的站点注册了一个ServiceWorker，其作用域仅限于以/sw/...开头的URL。
/**
* Register the Service Worker.
*/
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('{{ URL::asset('sw/serviceworker.js') }}', {scope: './sw/'})
.then(registration =>
浏览 1提问于2019-01-03得票数 1
1回答
Service worker已注册，但navigator.serviceWorker.ready显示为空。
navigator.serviceWorker.register('sw.js', {scope: './'}).then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
//Chec
浏览 0提问于2016-12-30得票数 0
我开始与PWA (进步网络应用程序)工作。当我试图检查是否支持服务工作者时，铬browser.It总是返回false。下面是我用来检查的代码。
注意：i使用的是铬版69.0.3497.81 (正式构建)(64位).
app.js
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js').then(function() {
console.log('service worker registered');
});
}
浏览 0提问于2018-09-11得票数 8
回答已采纳
2回答
当服务人员更新时，我试图显示祝酒词通知，但吐司通知显示了两次。这似乎是因为useEffect钩子，但我无法理解如何解决问题。
In App.js
import React, { Fragment, useState, useEffect } from "react";
import * as serviceWorker from "../serviceWorker";
import { useSnackbar } from "notistack";
const App = () => {
const [newVersionAvai
浏览 2提问于2020-06-10得票数 1
我正在尝试将ServiceWorkers合并到Java应用程序中，但是导航器无法识别serviceWorker。我已经通读了其他帖子，研究了设置，并解决了常见问题-我不知道下一步该去哪里看。
7.0服务器: JBOSS-EAP 7.0
浏览器: Firefox 81.0.1
URL: localhost (HTTP)
文件位置: index.jsp和serviceworkers.js都在WEB-INF根文件夹中
Index.jsp：
<script>
console.log('Attempting to register ServiceWorker...');
if
浏览 1提问于2020-11-05得票数 0
我正在尝试使用CommonsChunkPlugin通过webpack2创建一个serviceworker块(sw.js)，但是当尝试将/sw.js注册为serviceworker时，我得到了错误Uncaught ReferenceError: webpackJsonp is not defined。
显然，webpackJsonp是用来异步加载块的，它弄乱了我的serviceworker文件。有什么方法可以删除serviceworker块的异步加载吗？
我的webpack配置：
{
entry: {
main: [
'react-hot-loader/patch
浏览 4提问于2016-12-29得票数 3
我试着在我的应用程序的每个屏幕上显示底部的TabBar，但我还没有找到在RN V5中这样做的方法。 所以当我尝试像这样使用tabBarVisible时 <BottomTab.Navigator
lazy={false}
tabBar={props => <TabBar {...props} />}
screenOptions={({route}) => (
console.log('route', route), it's just log the five bottom co
浏览 15提问于2020-03-30得票数 0
在我的脱机工作申请中，我试图将appcache更改为serviceworker。我已经从html页面中删除了清单标记，并在生命周期事件中创建了serviceworker.js。但是，appcache事件的使用如下：
function framework(){
this.appCache = window.applicationCache;
//more other codes
}
var fw = new framework();
现在，对生命周期事件的检查如下：
if (fw.appCache) {
/* Checking for an update. Always the
浏览 2提问于2020-04-08得票数 1
回答已采纳
2回答
嗨，我有一个像这样的根代码 <body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<button >Platform</button>
<button >Game</button>
<button >Score</button>
<hr />
<div id="root"></div> index.js代码 import React
浏览 21提问于2019-05-28得票数 0
回答已采纳
我已经用Microsoft-VisualStudio 2017创建了一个UWP-app。在文件"Browse.xaml“的XAML代码中，我定义了一个带有XAML标记"WebView”的Browser-Control。
我想实现离线缓存。因此，我需要一个ServiceWorker。我将WebView-Control导航到一个WebApplication：
myWebBrowse.Navigate(target);
此WebApplication中的JavaScript-Code返回false：
"if ('serviceWorker' in naviga
浏览 0提问于2019-08-27得票数 1
我对整个Selenium/Geb还有点陌生，所以我可能做错了一点，但我试图让下面的代码中的exists()方法正常工作。
class Question extends Module {
static base = { $("fieldset") }
static content = {
input { $("input[type=text]") }
name { input.getAttribute("name").toString() }
}
boolean exists() {
浏览 1提问于2013-12-19得票数 4
回答已采纳
我正在尝试设置一个网络推送应用程序，具有一个信号通知。我对服务工作者一无所知，但使用的是rails服务工作者gem。我得到这个错误>未定义importScripts。我已经在rossta，serviceworker-rails上学习了这篇教程。错误一定在OneSignalSDKWorker.js.erb中。 我已经尝试将名称更改为OneSignalSDKWorker.js，但似乎什么都不起作用。我在Heroku上完全使用https。创建一个函数 ``` funtion(){ importScripts('https://cdn.onesignal.com/sdks/OneSig
浏览 35提问于2019-09-17得票数 0
回答已采纳
自从Google的新更新( 69.0.3497.92版(正式构建)(64位))之后，我再也找不到导航器中的serviceWorker服务了。实际上，我可以按以下方式注册我的服务工作人员，但现在我得到一个错误，即在导航器中找不到serviceWorker：
if('serviceWorker' in navigator) {
/*
*
* Register the Service Worker
*
* */
navigator.serviceWorker.register('sw.js').then(function
浏览 0提问于2018-09-12得票数 75
回答已采纳
我正在尝试设置一个服务工作者来接收来自nodejs后端的推送通知到react中。以下代码可以在Firefox中运行，但Chrome会抛出错误“注册失败-没有服务工作者”。serviceworker本身似乎在工作，但在pushManager上包含订阅调用会抛出错误。有没有人知道哪里出了问题，或者你需要更多信息？ const checkSupport = () => {
if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
return false;
}
浏览 63提问于2019-09-08得票数 0
回答已采纳
我正在阅读的ServiceWorker入门文档。
所以首先我们用作用域注册我们的ServiceWorker。所以我这样做了，如下
<!DOCTYPE html>
<html>
<head>
<title>Getting started with Service Worker</title>
</head>
<body>
<script type="text/javascript">
if ('serviceWorker' in navigator) {
浏览 0提问于2017-06-05得票数 4
我在这里特别关注这个网站：
在左上角有一个深色/浅色主题切换按钮，我想知道如何在默认情况下启用这样的功能(深色样式将在亮之前启用)。我一直在浏览index.html，我所能看到的只是下面这段javascript：
<body class="dark">
<script type="text/javascript">
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js').then(function(r
浏览 1提问于2017-04-10得票数 0
，我想做什么？
我正在创建一个渐进的web应用程序，为了正确地发送升级应用程序，我正在执行一个步骤，即通知用户，一旦用户说“升级”，serviceWorker就调用skipWaiting()。
到目前为止我做了什么？
为了实现这一点，我正在跟踪一篇不错的文章。
为了消除复杂性，我只测试serviceWorkers之间的消息发送，以了解skipWaiting是如何工作的。我使用的是create-react-app (v"react": "^16.5.2",)，它附带了作为插件绑定的workbox。
我现在的registerServiceWorker.js看起来就像
浏览 1提问于2019-01-22得票数 3
我想尝试在serviceWorker中运行websockets。
我为寄存器serviceWorker:编写了代码
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register(
GetDataForUser.settings.service_worker + "?version=" + GetDataForUser.settings.service_worker_version,
{scope: './'}
浏览 0提问于2018-08-07得票数 4
我收到以下错误
ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
我使用提示符"ng add @ang
浏览 3提问于2018-11-30得票数 18
回答已采纳
2回答
我们在角7应用程序中使用serviceWorker。当用户通过PUT请求从应用程序上传文件(图像或PDF)到AWS S3时，会触发2个PUT请求，而不是1个。第一个PUT请求来自ServiceWorker，尽管它不应该，但上传是从主线程完成的。第二个不是来自ServiceWorker，它似乎是没有文件发送的。
因此，文件以0字节的大小被错误地上传到S3。只有当我们在启用ServiceWorker的情况下运行应用程序时，这个问题才会发生。ServiceWorker似乎在缓存上传请求。
我怎么才能避免这种情况？
这就是我在dev tools中的“网络”选项卡中看到的：。
下面是angular.js
浏览 3提问于2019-07-11得票数 3
我正在寻找一种方法来设置navigator.serviceWorker来对我的服务工作者进行单元测试。我当前的JSDOM设置如下所示：
import { JSDOM } from 'jsdom';
const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
global.window = dom.window;
global.document = dom.window.doc
浏览 2提问于2017-05-28得票数 2
例如，在我的index.html中，我有一个用于检测服务工作者更新的代码，代码如下所示：
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('sw.js').then(reg => {
reg.addEventListener('updatefound', () => {
// A wild service worker has appeared in reg.installing!
newWorker
浏览 3提问于2019-11-05得票数 0
回答已采纳
我在Aws放大器上有一个React应用程序，每次出现存储库更新时，用户都会限制它的操作: 1.打开铬控制台，2.转到Application Tab，3.转到Storage 4.清除站点数据5.刷新应用程序。
我注意到每一次更新main.js都是在404年。
是否有一种在新的更改之后清除缓存的方法？
公共/serviceWorker.js
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceW
浏览 1提问于2022-09-25得票数 0
我在服务工作者问题上咨询了很多资源：
杰克·阿奇博尔德是个可爱的。
但是，在安装了一个新的ServiceWorker之后，我不知道如何更新页面。不管我做什么，我的页面都停留在旧版本上，只有硬刷新(Cmd R)才能修复它。关闭选项卡、关闭Chrome或location.reload(true)都不会为新内容提供服务。
我有一个主要基于SVGOMG的。在安装时，我使用cache.addAll()缓存大量资源，如果当前版本的主版本号与活动版本号不匹配(基于IndexedDB查找)，我还会执行IndexedDB：
self.addEventListener('insta
浏览 6提问于2016-01-18得票数 23
回答已采纳
2回答
每次部署新更改时都需要刷新页面
、、、、
我正在开发一个web应用程序，使用firestore作为后端和NoSQL数据库，作为前端，我在我的网站上做了很多更新和更改，每次我都需要对所有客户端要求刷新页面的内容进行更改，这样做太难看了，所以我尝试从dist文件夹中获取main.hash.js文件，并将其与每个新版本进行比较，但没有成功。我尝试使用serviceWorker也什么也不做，我在堆栈溢出中搜索它，对于如何刷新这个问题我找不到满意的答案。页时，当我将新版本部署到具有角7的防火墙主机时，谢谢。
这是我最后一次尝试服务生：
log-update.service.ts
isUpdateAvailable = new Promi
浏览 1提问于2019-07-24得票数 0
我的问题是，在注册serviceWorker之后，navigator.serviceWorker.controller总是为null。我从不进行强制刷新，只刷新页面。我用谷歌Chrome 42.0.2311.152米(32位)测试它.
var currentServiceWorker = null;
navigator.serviceWorker.register(SERVICE_WORKER_URL).then(function(serviceWorkerRegistration {
if (navigator.serviceWorker.controller) {
curre
浏览 5提问于2015-05-15得票数 18
回答已采纳
我是ServiceWorkers的新手，正在尝试弄清楚如何在create-react-app中手动检查应用程序更新。我们创建了一个自定义类来替换，但基于registerServiceWorker.js文件。我们有一个运行registration.update()的测试按钮。
这个类被添加到mobx提供程序中，并被注入到home组件中，其中的按钮是我用来手动运行updateServiceWorker()方法的。
在已经打开的选项卡上-在部署之后-我单击了运行updateServiceWorker的按钮。我在该函数中看到了三个控制台日志，但handleOnUpdateFound函数没有运行。如果我
浏览 29提问于2018-07-27得票数 0
回答已采纳
你好，我正在尝试安装一个自定义PWA“添加到主屏幕”。
ServiceWorkerRegistration是成功的。
但是在安装前的函数并没有在寄存器之后调用。
<script type="text/javascript">
function request_debug(paramdata){
document.getElementById('output').innerHTML += '<BR>'+ paramdata;
}
window.addEventListener('load&
浏览 0提问于2018-06-08得票数 41
回答已采纳
我正在使用Luxsci表单生成器工具生成表单，在那里我只能在HTML代码(内部JS)中编码Javascript。我想使用serviceWorker，并使其与后台同步脱机。但它没有注册serviceWorker，因为我没有用于它的serviceWorker文件，而是将它添加到html代码的末尾。此外，我正在添加表单链接来注册它，因为没有具体的文件名。我该怎么办？
浏览 15提问于2019-03-26得票数 0
我有个PWA。我已将应用程序包装为cordova应用程序。但我看到服务生没有得到注册。我得到错误"ServiceWorker注册失败: DOMException:未能注册一个ServiceWorker:当前原点的ServiceWorker协议(‘不支持ServiceWorker)“。
我可以看到，IOS有几个插件可以帮助注册服务工作人员。有没有办法在Android平台上注册服务人员？
浏览 0提问于2018-12-04得票数 0
我试图在博览中使用TabNavigator，但是我有一个问题，我已经创建了一个组件，其中我在Tab中拥有所有的路由，而在另一个组件中，我只是在导入它。
在这个组件中，我有我的应用程序的所有路径：
const AppRouter = () => {
const Stack = createNativeStackNavigator();
const { user } = useContext(AuthContext);
return (
<Stack.Navigator
screenOptions={{
headerShown: fal
浏览 3提问于2022-05-29得票数 0
回答已采纳
我正在使用Firebase service worker进行web推送通知。目前，我正面临这样的错误：
Uncaught FirebaseError: Messaging: This method is available in a Window context. (messaging/only-available-in-window).
我正在使用桌面上的网站注册软件。如何解决此问题？
我在控制台中遇到错误堆栈。
browserErrorMessage: "Failed to register a ServiceWorker: ServiceWorker script evaluat
浏览 0提问于2017-03-23得票数 6
1回答
我正在编写一个程序，在这个程序中，ServiceWorker的派生类(如消防队员)可以“对抗”来自类事件(火、伤、抢劫)的对象。对抗将返回一个布尔值，即它是否成功。例如，消防队员面对火灾会是成功的，但面对抢劫的消防员则不会成功。ServiceWorker将跟踪对抗和成功对抗的次数，并有一种对质方法来确定对抗是否成功。
我想使用特性来存储ServiceWorker的每个派生类在其类定义中所能面对的内容。然而，在ServiceWorker中，直面方法创建了特性类，但是我希望将它专门化为派生类，这样每个派生类都只知道它可以面对什么。
class Incident { };
class Fire :
浏览 3提问于2016-01-02得票数 3
我是MVC / .net的新手，目前正在做一些简单的练习。我有这个javascript代码，我试图注册我的服务工作者，但出于某种原因，它没有运行。我遵循了我能找到的所有教程，搜索了这个，但仍然，它不起作用。所以我在这里迷路了。谢谢你的帮助。
@RenderSection("pageScripts", required: false)
@section pageScripts{
<script type="text/javascript" language="javascript">
console.log(&
浏览 2提问于2017-09-23得票数 2
回答已采纳
我正在尝试在Highstock中将和结合起来。这个想法是要有一个大型的历史最新图表(具有数百万个数据点)，它在同一时间实时更新(如果用户滚动到右边)。
为了防止在延迟加载数据时进行循环加载，我需要设置：
navigator : {
adaptToUpdatedData: false
}
但是，使用此设置，向图表添加新的数据点不会再更新导航器，这会阻止我看到这些新的数据点(因为我不能滚动前一个最右边的条目)。我也尝试过将这些新的数据点添加到导航器系列中，但是导航器仍然没有更新。我还尝试以编程方式更改导航器系列的xAxis中的最大值，但无济于事。
我怎么才能让它工作呢？
浏览 0提问于2013-04-21得票数 10
回答已采纳
1回答
导航员级
、
在导航员意境中可以使用“步骤”吗？正如中所记录的那样，这应该是可能的，但由于某些原因，我无法工作。
我正在用Highstock制作一个“甘特”图，我不喜欢多个窗格的默认导航器行为(默认情况下，导航器“借用”第一个serie )。这就是为什么我要提供导航器系列数据
$(function () {
var data1 = [[1, 0, 1], [2, 0, 1], [2, null, null], [3, 0, 1], [5, 0, 1], [5, null, null], [6, 0, 1], [10, 0, 1]]
var data2 = [[1, null, null]
浏览 0提问于2015-09-17得票数 1
回答已采纳
1回答
我试图在localhost:3000.上使用Chrome中的服务人员我的应用程序正在使用AngularJS 1.5。
服务工作人员状态未激活。它将从安装到冗余。
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/service-worker.js')
.then(function(registration) {
var serviceWorker;
if (registration.installing) {
浏览 2提问于2016-12-18得票数 4
1回答
高海图中的领航员
、、、、
我在图表中显示数据年份，我想使用导航器，这样用户就可以导航到年份并查看特定年份的数据，但是我不能解决的问题是，当我在高海图中添加导航器时，它仍然是固定的，数据中有问题吗？
$(document).ready(function() {
Highcharts.setOptions({
chart: {
type: 'line'
},
credits: {
enabled: false
},
浏览 0提问于2017-05-09得票数 0
回答已采纳
1回答
我试图在多个高图集上创建一个单一的拖动导航器，以突出显示范围之间的图表。就像下面的附件。
有人能告诉我怎么做吗？我探索了高海图，但没有找到适当的选项来创建这个。还有其他选择吗？
以下是我尝试过的：
(function(H) {
H.wrap(H.Chart.prototype, 'zoom', function(proceed, event) {
var navMin = event.xAxis[0].min,
navMax = event.xAxis[0].max;
H.each(Highcharts.charts, functio
浏览 6提问于2022-06-11得票数 0
当试图注册服务工作人员时，我会得到以下错误：
注册ServiceWorker失败:在获取脚本时接收到错误的HTTP代码(404)。
我正在使用离子技术，这就是我在app.js中所拥有的：
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js').then(function(registration) {
console.log('ServiceWorker registration success
浏览 7提问于2015-05-19得票数 42
回答已采纳
我有一个简单的服务工作者与按钮更新时，新的服务工作者在队列中。更新后，我想让页面刷新控制器的变化，但没有任何反应。总而言之，service worker是实时更新的，但根据该课程()，他们会出于某种原因尝试添加该更新。
在js中：
const updateButton = document.querySelector('.js-update-btn')
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('sw.js')
.then(function
浏览 2提问于2017-01-27得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
