Публикации по теме 'workbox'


Как реализовать Custom Service worker в приложении create-response-app без извлечения.
Примечание. В этом посте рассказывается только о том, как мы можем настроить нашего пользовательского сервис-воркера в нашем приложении для реагирования, которое разработано с использованием create-response-app. Я предполагаю, что вы знаете, что такое сервис-воркер и его события. Итак, как мы знаем, в веб-приложениях отсутствует только некоторая функция, которая предоставляется только нативными приложениями, такими как push-уведомления. Но теперь, используя service-worker, мы..
Создайте простое приложение для отслеживания COVID-19 с автономной поддержкой
В этой статье мы расскажем, как создать очень простое приложение для отслеживания зарегистрированных случаев печально известного коронавируса, известного как COVID-19 , с помощью простого JavaScript без какой-либо инфраструктуры и данных , находящихся в свободном доступе. Центром системных наук и инженерии (CSSE) Университета Джона Хопкинса. Учреждение создало потрясающую интерактивную веб-панель инструментов для визуализации и отслеживания зарегистрированных случаев в режиме..
Добавление Workbox в @ vue / cli PWA
Workbox - это рабочая лошадка для современных прогрессивных веб-приложений. С помощью всего нескольких строк кода мы получаем предварительное кэширование, кеширование во время выполнения и автономный режим. В этом посте я покажу, как добавить Workbox к существующему PWA, созданному с помощью @ vue / cli и pwa plugin , чтобы получить высшую оценку 100 в инструменте Google Lighthouse. В нашем текущем проекте используется плагин @ vue / cli pwa и уже есть сервисный воркер. Как было..

Вопросы по теме 'workbox'

Постобработка содержимого страницы с помощью staleWhileRevalidate
У меня есть работник службы, использующий workbox 2.0.0, и для некоторых страниц я использую стратегию кэширования workboxSW.strategies.staleWhileRevalidate (): const customFilter = { cachedResponseWillBeUsed: function (input) { try {...
225 просмотров
workbox
schedule 12.05.2022
Ярлык на главном экране Android PWA
Я настроил веб-сайт как PWA. При просмотре с помощью Android Chrome мне предлагается добавить ярлык на главный экран, что я и делаю. Когда я запускаю с помощью ярлыка, я вижу такой экран с X и информацией о сайте, а также меню параметров Chrome:...
1484 просмотров
progressive-web-apps workbox
schedule 26.12.2022
Настройка Workbox для обработки неактивных globPatterns?
Workbox выдает следующую ошибку, когда шаблон глобуса не может найти подходящие файлы: Error: One of the glob patterns doesn't match any files. Please remove or fix the following: { "globDirectory": "public/", "globPattern":...
248 просмотров
workbox
schedule 03.07.2022
WorkboxPlugin - Один из шаблонов глобуса не соответствует ни одному файлу. Удалите или исправьте
Ошибка: один из шаблонов глобуса не соответствует ни одному файлу. Удалите или исправьте следующее: { "globDirectory": "C:\\public\\uiassets", "globPattern":...
521 просмотров
service-worker workbox
schedule 15.06.2022
Рабочий ящик с угловым
Я установил workbox-cli и, за исключением настроек по умолчанию, добавил небольшой скрипт в package.json файл и вызвал команду workbox generate:sw . Чтобы создать sw.js файл, я просто запустил npm run generate-sw , а затем получил sw.js файл...
1279 просмотров
angular workbox
schedule 10.07.2022
Обязательно ли предварительное кэширование с помощью Workbox для PWA?
Я добавил несколько workbox.routing.registerRoute using staleWhileRevalidate в свое приложение, и на данный момент оно прошло большинство тестов PWA. В настоящее время я вообще не использую предварительное кэширование. У меня вопрос, обязательно...
1056 просмотров
progressive-web-apps workbox
schedule 15.01.2023
Как исправить проблему с изображениями из кеша, которые не отображаются в моем PWA?
Я только начинаю создавать PWA. Я использую Workbox, чтобы сделать свой первый PWA, который представляет собой очень простое приложение для извлечения новостей. Я использую newsapi.org для данных новостей и рабочего поля, чтобы сделать мой...
1590 просмотров
javascript progressive-web-apps service-worker workbox
schedule 18.10.2022
Как заставить Workbox PWA работать с файлом .php
Я новичок в PWA и использую Workbox; Итак, у меня есть эта тестовая папка со следующей структурой файлов, используя localhost в качестве моего сервера (т.е. localhost / test) index.html test.css test.jpg test.js sw.js (код показан...
2378 просмотров
javascript json php service-worker workbox
schedule 21.10.2023
Safari iOS 11.3 не добавляется в workbox-background-sync
Я следовал руководству по сервисным работникам и фоновой синхронизации: https://codelabs.developers.google.com/codelabs/workbox-indexeddb/index.html?index=..%2F..%2Findex#0 При работе в Safari iOS 11.3.1 служебный воркер регистрируется, так как...
1389 просмотров
service-worker workbox mobile-safari
schedule 03.06.2022
Кэширование среды выполнения рабочей панели в сервис-воркере игнорируется
В моем сервис-воркере у меня есть: console.log('register images') workbox.routing.registerRoute( // Cache image files /.*\.(?:png|jpg|jpeg|svg|gif)/, // Use the cache if it's available workbox.strategies.staleWhileRevalidate({ // Use...
717 просмотров
workbox workbox-webpack-plugin
schedule 21.04.2022
React и Serviceworker (Workbox)
I m trying to figure out how I can combine my react app with workbox as my serviceworker. No matter what I m делаю, я всегда получаю одну и ту же ошибку при попытке зарегистрировать своего обслуживающего работника. Неперехваченное (в обещании)...
687 просмотров
reactjs progressive-web-apps workbox
schedule 21.08.2022
Реализовать рабочий ящик без узла
Можно ли реализовать рабочий ящик ( https://developers.google.com/web/tools/workbox/ ) в приложении без node / npm (html + js + css)? Я до сих пор не нашел этого ответа ...
429 просмотров
javascript service-worker workbox
schedule 10.11.2022
автономный ответ рабочего окна от IDB вместо кеша
Я создаю приложение vueJs с сервис-воркером. Я решил использовать Workbox с методом InjestManifest, чтобы иметь свои собственные маршруты. при загрузке, когда онлайн: 1- ответ по сети 2- отправка тела в IDB (через localforage) 3- отправка ответа...
1090 просмотров
response workbox localforage
schedule 20.07.2022
Сервисный работник делает мою сеть медленнее! , как добавить офлайн-возможности в работу Django с помощью workbox
Я уже несколько дней пытаюсь предоставить офлайн-возможности, используя workbox для моего Django Web Приложение безуспешно. Я следую руководству по началу работы , и мне удалось зарегистрироваться с успехом обслуживающий работник и для...
965 просмотров
python django service-worker workbox offline
schedule 22.03.2022
Кеши рабочих ящиков исключены html
Как я могу удалить index.html из кеша сервис-воркеров с помощью Google Workbox (workbox-webpack-plugin)? Раньше, используя sw-precache-plugin, я только что написал new SWPrecacheWebpackPlugin({ dontCacheBustUrlsMatching: /\.\w{8}\./,...
848 просмотров
webpack workbox workbox-webpack-plugin
schedule 02.10.2022
Кэширование сервис-воркера Workbox не активируется сразу при первой загрузке
Создавая своего сервис-воркера с плагином Workbox webpack, я установил для skipWaiting и clientsClaim значение true. При первой начальной загрузке, когда ранее не работал сервис-воркер, я вижу, что все мои предварительно кэшированные ресурсы...
1125 просмотров
service-worker workbox workbox-webpack-plugin
schedule 19.03.2023
Workboxjs precacheAndRoute не обслуживает новый контент
Я создал автономную документацию с помощью MkDocs и Workboxjs . Я выполняю workbox generateSW для файлов, сгенерированных MkDocs, который генерирует Service Worker с настройкой предварительного кеширования с помощью функции precacheAndRoute....
579 просмотров
service-worker workbox
schedule 05.07.2023
Автономный режим приложения Cordova PWA
Я сделал приложение angular + workbox, которое теперь преобразуется с помощью PWABuilder в проект Cordova, ориентированный на платформу ios. Теперь моя проблема началась с автономной страницы, я хочу, чтобы мое приложение работало так же, как оно...
2932 просмотров
ios cordova progressive-web-apps service-worker workbox
schedule 08.04.2023
как включить файлы, которые пропускает sw-precache
Контекст Я использую участок-плагин-sw-precache, который оборачивает sw-precache, чтобы заставить его работать с Parcel.js. Все работало, как и ожидалось, и я тестировал свое автономное приложение. Проблема Я добавил в свой проект...
727 просмотров
service-worker workbox offline-caching parceljs sw-precache
schedule 06.07.2023
Не удается установить сервисный работник workbox-webpack-plugin в корневой URL-адрес для приложения React, он устанавливается на localhost: 8080 / dist
Я следил за множеством руководств по установке workbox-webpack-plugin, но мне не удалось установить его правильно. Сервисный работник, похоже, устанавливает, но он устанавливается в папке dist моего приложения (это мой путь вывода веб-пакетов). Я...
1231 просмотров
webpack reactjs redux workbox workbox-webpack-plugin
schedule 24.04.2022