IONIC4 Angular PWA standalone不刷新
IONIC4是一个基于Angular框架的移动应用开发框架，它允许开发者使用Web技术（HTML、CSS、JavaScript）构建跨平台的移动应用程序。PWA（Progressive Web App）是一种使用现代Web技术构建的应用程序，具有类似原生应用的用户体验。Standalone表示应用可以独立运行，不依赖于浏览器。
在IONIC4 Angular PWA standalone应用中，不刷新指的是应用在运行过程中不会重新加载整个页面，而只会更新部分内容，从而提供更流畅的用户体验。
优势：
- 跨平台：IONIC4允许开发者使用一套代码构建同时运行在多个平台（iOS、Android、Web）的应用程序。
- 快速开发：IONIC4提供了丰富的UI组件和预定义样式，使开发者能够快速构建漂亮的移动应用。
- PWA特性：IONIC4支持PWA特性，包括离线访问、推送通知等，使应用具备类似原生应用的功能。
- 性能优化：IONIC4使用Web组件技术，可以通过懒加载、代码拆分等方式优化应用性能。
应用场景：
- 企业内部应用：IONIC4可以用于构建企业内部的移动应用，提供员工管理、任务分配、数据统计等功能。
- 社交媒体应用：IONIC4适用于构建社交媒体应用，如聊天、分享、评论等功能。
- 电子商务应用：IONIC4可以用于构建电子商务应用，提供商品展示、购物车、支付等功能。
- 新闻阅读应用：IONIC4适用于构建新闻阅读应用，提供新闻列表、文章详情、搜索等功能。
推荐的腾讯云相关产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署IONIC4应用。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储应用数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储应用中的图片、视频等静态资源。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理应用中的后端逻辑。
腾讯云产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
我正在尝试创建一个带有IONIC Angular (web)的PWA。 应用程序运行在：https://todo-ionic.thehangrycoder.now.sh上 当我通过Safari打开iphone上的url时，它确实会要求我添加到主页。图标和闪屏也在工作。到目前一切尚好。 现在，当我进行更改并再次部署时。独立版本不会通知我刷新它。但当我在safari中打开同一个iphone设备上的url时，它确实会要求我刷新应用程序。 此外，当应用程序在移动浏览器中启动时，它将执行获取数据的api请求(https://todo.thehangrycoder.now.sh/todo/)。但是当我打
浏览 16提问于2019-08-23得票数 1
在我更新我的Angular 4 PWA应用程序并部署后，用户无法获得新的更新，直到用户清除缓存并刷新浏览器。软件不会更新。即使我在crome Dev中按下更新按钮，它也不会更新，我必须清除缓存并刷新浏览器。
我使用了这些包@angular/service-worker @angular/platform-server ng-pwa-tools
浏览 0提问于2017-09-12得票数 6
我正在使用模板和Ionic4来创建一个PWA。我已经使用以下命令生成了我的项目： npx create-stencil ionic-pwa 如何使用CLI生成新组件？我必须使用哪个CLI？模板还是离子CLI？你能给我举个例子(例如generate component my-new-component)吗？
浏览 35提问于2019-02-04得票数 0
2回答
我正在与离子v4和角PWA服务工作人员的PWA工作。在app.component.ts上有一个注入服务来检查PWA上是否有更新，然后下载和重新加载。
当我用浏览器打开PWA时，服务可以正常工作，如果我部署了更新，服务工作人员将更新缓存的PWA和“自动重新加载”页面。
问题出现在PWA /独立模式上，在iOS上，当PWA被添加到主屏幕时，它就不会再刷新了，甚至会用任务应用程序列表杀死它。只有当我关闭设备，并再次刷新应用程序的状态。在Android设备上，PWA模式下所有设备都能正常工作。
--这是我的版本检查器服务，用角服务工作器实现：
import {Injectable} from '
浏览 1提问于2019-04-08得票数 2
回答已采纳
在Angular 9+中，我想添加一个自定义脱机页面(.html和.scss文件)，.I已经按照所有基本步骤将我的angular应用程序转换为一个pwa，这是一个angular pwa所需的。但是我在pwa上遇到了麻烦。我已经应用了一个连接服务接口来监视app.component.ts中的网络连接。脱机页面在没有网络时执行，但当我按下刷新按钮时，浏览器会刷新而不显示任何脱机状态。我想以这样的方式实现脱机，如果用户按下刷新链接，浏览器将刷新，但如果没有网络，也会显示相同的脱机页面。Angular PWA with custom offline page (我尝试创建一个自定义的sw.js，但总
浏览 25提问于2020-08-19得票数 1
回答已采纳
1回答
最近，我用angular创建了一个SPA，并将其配置为PWA (一个单页面应用程序，即PWA)，最近我发现，我们也可以将常规网页(MPA)更改为PWA
所以我的问题是
多页网页(配置为PWA)与SPA (配置为pwa)有什么不同？
我们都知道SPA最重要的好处是无需刷新网页，所以当我创建一个常规的web应用程序并将其配置或转换为PWA时，当它保存在移动或本地存储上时，最终用户无法在页面上看到或填充刷新，因为它的加载速度非常快
为什么我们要花更多的时间来开发SPA并将其更改为PWA，而我们可以轻松地创建一个常规网页并将其更改为PWA？提前感谢
浏览 1提问于2019-03-28得票数 0
我在我的angular应用程序中使用pwa，每当我使用ng serve刷新页面导致manifest.webmanifest not found时，我都会使用pwa。是否有任何解决方法可以防止这种情况发生。谢谢。
浏览 2提问于2020-01-27得票数 0
我有一个离子应用程序，我使用它作为pwa，我安装了@angular/pwa与ng add @angular/pwa，然后我运行ionic build --prod，我上传所有的y www文件夹在我的服务器上，但当我刷新一个页面时，我得到了404 Not Found The requested URL was not found on this server. 有人知道为什么吗？我不知道我应该与你共享哪个文件和文件夹来帮助你，所以如果需要的话，请告诉我。谢谢大家
浏览 22提问于2020-07-08得票数 1
3回答
这是我的配置：
Angular CLI: 8.2.1
Node: 10.15.2
OS: win32 x64
Angular: 8.2.1
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router, service-worker
Package Version
------------------------------
浏览 0提问于2019-08-15得票数 2
回答已采纳
我的8角PWA在Chrome和Firefox上加载得很好。没有错误，也没有编译错误。
然而，在MacOs和iOS Safari & Chrome上，应用程序是完全空白的，没有错误。
我在网上找到了以下解决方案，但没有成功：
polyfills.jsadd“crossOrigin”中的取消注释并安装多填充: angular.json中的“使用-凭据”
救命啊！
这是ng版本：
Angular CLI: 8.3.21
Node: 10.16.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler
浏览 3提问于2020-04-11得票数 0
当用户在pwa中时，我需要隐藏一个元素。我试过，
manifest.json
"start_url": "/?mode=standalone"
js
const url = new URL(window.location.href);
if(url.searchParams.get('mode')==='standalone') {
document.getElementsByClassName("pwa").style.display="none";
}
html
<p cl
浏览 6提问于2021-02-12得票数 1
回答已采纳
我是Ionic4的新手，但我已经使用了一段时间了，所以我现在正在尝试一个Ionic4/ currently。
我一直在寻找集成电容，以从PWA中访问本机功能，并且我已经进行了一些使用相机插件的测试，但是我必须在我的index.html中引用一个外部pwa元素脚本，如：。
如果我希望这个应用程序能够离线工作的话，这是没有好处的，所以我正在尝试将这个导入并捆绑在Ionic/中，但是从文档中还不清楚如何在一个角度的上下文中这样做。
我在我的app.module.ts中添加了“import‘@离子型/pwa-元素”，但这似乎行不通(我只得到了)。我尝试在我的ionicpwaelements.js文件的
浏览 0提问于2019-02-08得票数 2
回答已采纳
1回答
我的应用程序是ionic 4 angular下的。我已经用以下命令安装了pwa部分： ng add @angular/pwa --project app 然后我使用：ionic build --prod构建 并使用：firebase deploy部署到firebase 但我有两个问题： 1)当我在我的android手机上浏览应用时，没有显示“添加到屏幕”的横幅。即使在根url上有以下代码： showBtn: boolean = false;
deferredPrompt;
constructor(private modalController: ModalController, pu
浏览 25提问于2019-04-03得票数 0
1回答
我正在使用angular和ionic4创建一个新闻应用程序。我已经将我的api url和api key放在environment.ts文件中，如下所示：
export const environment = {
production: false,
apiUrl:'https://n------',
apiKey:'api-key----'
};
我的news.service.ts文件是：
import { Injectable } from '@angular/core';
import {HttpClient} fro
浏览 0提问于2018-12-12得票数 0
1回答
如何检测IOS上是否已安装PWA
、、、、
我有PWA角度应用程序，我想显示用户弹出窗口，他/她可以添加主屏幕上的应用程序。 我不希望这个通知在PWA中显示，而只在IOS Safari中显示，所以我使用这个检查： const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone); 当用户已经安装了PWA时，我也不想在IOS Safari上显示这个弹出窗口，有没有机会检查PWA是否已经安装？
浏览 86提问于2021-02-02得票数 2
我有一个问题，我创建了一个角度PWA，我的应用程序使用auth0-lock作为它的身份验证，现在我的问题是..例如，当你点击像谷歌这样的单点登录选项时，你会被带出PWA进入safari，我有什么方法可以防止这种情况发生吗？
我试着把这段代码放到我的index.html中
<!-- Prevent app from opening new safari page -->
<script type="text/javascript">
(function(document,navigator,standalone) {
// prev
浏览 0提问于2018-06-01得票数 8
1回答
Angular 10、SSR、PWA、firebase主机
我创建了一个PWA应用程序。
通过一个连接，我将它安装在我的系统上，一切都可以正常工作。我切断了网络，我可以继续浏览。另一方面，当我执行F5刷新时，我得到一个HTTPerror504页面
有解决方案吗？
浏览 2提问于2020-11-18得票数 0
C:\wamp\www\Ionic4\ionic3-angular4\src\pages\home\home.ts有一个@IonicPage装饰器，但它在C:\wamp\www\Ionic4\ionic3-angular4\src\pages\home\home.module.ts没有对应的"NgModule“
home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { IonicPage }
浏览 4提问于2017-08-05得票数 1
版本
"@angular/common"："~9.0.0""@angular/service-worker"："~9.0.0"
描述
我使用ng add @angular/pwa --project [app]实现了服务工作者，灯塔将把这个网络应用程序识别为PWA。突然，一个部署到Firebase托管“安装”通知没有弹出，所以我检查了开发控制台。
舱单仍然像往常一样出现：
但是没有任何东西被缓存：
在运行灯塔审核时，我得到以下错误：
start_url does not respond with a 200 w
浏览 7提问于2020-06-17得票数 4
回答已采纳
我在我现有的基于Angular 5的web应用中添加了PWA和service worker，在第一个版本上看起来一切正常。然而，当我试图发布更新时，一些奇怪的事情发生了。
在使用Chrome的PC上，我没有问题。每次发布后，我都会收到一个警告，要求我更新一个新版本，这很棒。
然而，iOS上没有这个警报，这可能是可以的，因为据我所知，iOS还不支持自动更新。如果我在iOS上使用Chrome，我可以在手动刷新后获得新版本(有时需要几次刷新)。然而，Safari浏览器通常不会显示新版本。如果我不断刷新页面，新的版本最终会出现，但在我关闭并重新打开它后，它又会再次出现。在我尝试的过程中，我获得新版本的
浏览 4提问于2018-07-20得票数 18
我试图在离子4中为我的instagram api获取带有inAppBrowser的URL。我构建PWA和智能手机应用程序。。当我在PWA中构建时，为什么loadstart事件不能工作？
我已经尝试过使用ionic4的应用程序浏览器插件和javascript (window.open()方法)。
在应用程序浏览器工作时，我构建了我的IOS应用程序。当我构建我的PWA应用程序/
//instagram API
let authUrl = `https://www.instagram.com/oauth/authorize/?client_id=${client_id}&redirect_u
浏览 0提问于2019-08-06得票数 0
回答已采纳
1回答
包括订单问题吗？
、、、、
我试图添加PWA功能到一个简单的网站，我遇到了奇怪的问题，Chrome版本68.0.3440.106。
我在上运行测试，在一个CMS的上下文中(所以我在几个约束条件下工作)。另外，请注意，我删除了所有PWA/Service代码，因此没有缓存。
在<head> ..。我通过以下方式包括清单：
<link rel="manifest" href="/content/foo/bar.pwa.manifest.webmanifest" type="application/manifest+json">
(清单文件的“奇怪”名称是我
浏览 2提问于2018-08-09得票数 2
回答已采纳
因此，我正在开发我的ionic4应用程序，并且在ionic4函数上出现了一个错误。控制台问我是否忘记使用“等待”。解决办法是什么？谢谢。
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
@Injectable({
providedIn: 'root'
})
export class FirebaseAuthService {
constructor(private angularFireA
浏览 1提问于2020-08-11得票数 0
回答已采纳
2回答
我们发现了一个行为，在我看来，这是Safari中的一个bug。安装iOS上的PWA到主屏幕，在独立模式下打开应用程序并轻触任何文本输入，关闭键盘并双击可用空间(如果缩放，则会缩小，然后再次双击)，白色方块从页面底部显示。这可能是由于“键盘”在键盘活动时抵消了内容。我试着用Angular和React来创建空项目，只添加一个输入和一些着色，这样块就更明显了。这两个存储库都可以在GitHub上使用并部署到Firebase。我尝试了几个不同公司的生产PWA，所有的应用程序都有相同的(错误)行为。我已经向苹果公司汇报过了。有没有人找到了防止滚动的解决方案或小贴士？
角度
反应
重现步骤
iOS1
浏览 8提问于2019-03-12得票数 2
我的项目已经在使用Angular 6运行，我需要将PWA集成到我现有的应用程序中。当我添加 ng add @angular/pwa 输出：+ @angular/pwa@0.13.8 仅添加1个文件，而不是修改6-7个文件。如果我创建了一个新项目，然后执行上面的命令，"ng add @angular/pwa" pwa就能正常工作。 任何人都可以找到我哪里做错了。
浏览 14提问于2019-05-07得票数 0
3回答
我想在Ionic4(Angular 7)中添加一个后退按钮。但是我在Angular Router中找不到合适的方法。
import {Router} from '@angular/router';
在组件处理程序中单击按钮时如何返回？我想使用'@angular/router‘而不是'@angular/common’=>位置来实现它
浏览 0提问于2019-04-10得票数 6
我已经创建了一个正确安装的PWA，带有一个启动程序图标。我想要一个不同的屏幕图像，所以我包含了192 px和512 px png，都是128 144，并在manifest.json中列出了它们-然而，我的启动屏幕仍然显示启动图标(我已经提供了36，48，72，96,128,144 px版本)。
如何确保正确的图像被用于启动屏幕和启动图标？
manifest.json：
{
"short_name": "app",
"name": "app",
"icons": [
{
"sr
浏览 0提问于2018-12-16得票数 3
回答已采纳
我对@angular/pwa有个问题。当我在生产模式下构建时，我无法在dist文件夹中获得ngsw-worker.js和ngsw.json文件。
我使用的pwa版本是：
@angular/pwa: ^0.13.8
@angular/service-worker: ~7.1.0
@angular version 7
提前感谢
浏览 4提问于2019-05-04得票数 5
1回答
repo是开源的 // next.config.js
const withPWA = require("next-pwa");
module.exports = withPWA({
pwa: {
dest: "public",
sw: '/sw.js'
},
}); _document.js _app.js 活着 https://time-stamp.vercel.app 我已经检查了PWA是否正在处理上述URL或未使用 function isPwa() {
return ["fullscreen
浏览 18提问于2021-11-21得票数 0
2回答
我已经为我的自定义框架设置了PWA功能，除了启动屏幕之外，一切都很好。下列各项要求均得到满足：
name属性设置为我的PWA的名称。
background_color属性设置为有效的CSS颜色值。
图标数组指定至少512 by乘512 by的图标。
该图标存在并且是一个PNG。
除非我删除所有其他图标，否则512x512图标将不会用于启动屏幕。
该图标出现在Chrome应用程序部分，因此很明显它正在看到它。
下面是我的manifest.json和我的测试站点的链接。
{
"short_name": "New Site",
浏览 0提问于2018-09-25得票数 1
在javascript中，可以检查如下内容:如果使用pwa/twa，(window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone) || document.referrer.includes('android-app://')将返回true，但出于安全原因，我需要检查Django后端
浏览 7提问于2021-12-01得票数 0
3回答
直到Ionic3，它与Angular.js紧密地结合在一起。因此，导航工作可能是由一些Angular.js功能完成的。我可能错了，因为我以前没有与Ionic或Angular.js合作。
Ionic4将与框架无关，使用Stencil.js编写，并使用Stencil.js编译器编译Web Components标准组件。
我想知道导航任务将如何处理，以及由谁来处理？Ionic4有路由功能吗？或者它没有，开发者的客户端路由器必须使用，特别是我想知道用例与Stencil.js，因为它也有一个路由器。例如，如何使用Ionic标记和样式选项卡式应用程序，以及使用Stencil.js进行路由？
浏览 0提问于2018-02-03得票数 4
根据官方文档，我尝试在离线环境下构建一个PWA工作，我可以使用纯PWA而不需要angular-cli。 但我遵循了官方文件，它不能离线运行。它是文档https://angular.io/guide/service-worker-getting-started#getting-started-with-service-workers 我的angular-cli版本：@angular/cli@8.3.17 我的代码https://github.com/unnhao/pwa-test
浏览 24提问于2020-01-10得票数 0
我正在尝试将脱机功能添加到angular dart项目中，运行pub build，但是
Running pub build:pub.exe build
-----
Unhandled exception:
ProcessException: The system cannot find the file specified.
Command: pub.exe build
#0 _buildProjectIfEmptyOrOld (http://localhost:52940/pwa.dart:116)
<asynchronous suspension>
#1 m
浏览 0提问于2017-08-28得票数 0
我已经使用angular 7创建了一个示例PWA应用程序，一切正常。但是当我在android中安装我的PWA并试图在脱机模式下打开我的应用程序时，我收到了“无法连接到站点”的提示。根据angular pwa的说法，即使我们处于离线状态，我们仍然应该打开应用程序，对吗？ 预期结果： android中的Angular pwa应该会打开，即使我们处于脱机模式。 实际结果： 正在获取无法连接到站点弹出窗口
浏览 19提问于2019-06-08得票数 1
我有一个用Angular编写的web应用程序，用Docker进行容器化。我以前用这些很好的解决方案解决了运行时环境变量的问题(用于开发/生产环境)：How to pass environment variables to a frontend web application? 但是！当您编写Angular PWA时，对文件的任何构建后更改，甚至是index.html，都会破坏您的PWA:服务工作者将无法验证您的文件，因为与ngsw.json相比，散列发生了变化。 我想不出用Angular PWA和Docker保持“一次构建，到处部署”模式的好方法。 有什么想法吗？ 谢谢你的帮助。
浏览 17提问于2020-12-08得票数 1
我有离子PWA应用与SSR。当我尝试启动'dev:ssr‘时，我得到了"TypeError: win.matchMedia不是一个函数“。
const isPWA = (win) => !!(win.matchMedia('(display-mode: standalone)').matches || win.navigator.standalone);
服务器/main.js文件中的这一行
浏览 3提问于2020-10-09得票数 2
我使用ionic4 + angular8代码流：
错误码：
请帮帮我。谢谢。
此处中的错误代码
浏览 0提问于2020-02-17得票数 0
我似乎遵守了可安装PWA的所有规则(包括设置display: standalone)，但即便如此，Android9仍然在我的PWA中显示一个顶部栏，允许用户关闭它，或者通过三个点在Chrome /等等中刷新/打开。
我猜这可能与舱单的范围有关，但那也不起作用。其他一切都很好:服务人员，图标，飞溅的屏幕.但是这个。有什么暗示吗？
清单是从website.com/static/blabla/manifest.json提供的，而实际的应用程序则是从website.com/orders提供的。我尝试将scope和/或start_url设置为https://website.com或https://web
浏览 5提问于2020-02-26得票数 1
如何为Vue.JS PWA应用程序设置Android底部导航栏的颜色？当我设置themeColor时，顶部的地址栏会正确地改变颜色，但导航区域仍然是全白的(#fff)。
我已经试过了：
在manifest.json中：
{
"start_url": "/.",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#000000"
}
在
浏览 5提问于2020-08-07得票数 2
我可以按照Angular文档创建并测试一个基本的angular应用程序到PWA。但是，我无法将.NET Core2.2/ Angular 8应用程序(最初使用Visual Studio Angular SPA模板创建)添加到渐进式Web应用程序中。
我正在努力寻找任何关于如何做到这一点的在线帮助。微软的一切都是关于将MVC应用程序转换为PWA -没有任何关于将Angular SPA / .NET核心项目转换为PWA的内容。从角度来看，所有关于.NET Core Visual Studio场景的内容都没有说明任何内容。
到目前为止，我所做的是通过ng add @ angular /pwa (并遵
浏览 0提问于2019-10-09得票数 1
1回答
我跟随这个article从一个PWA做了一次环球航空。一切都很好，应用程序感觉就像PWA，但我不能实现的是将方向锁定为横向。 PWA的清单如下： "orientation": "landscape", "display" : "standalone" 因此，如果你将它添加到谷歌合唱的主屏幕上，它就会按预期工作。 我尝试在清单文件中设置android:screenOrientation="landscape"，像这样启动应用程序，但它没有锁定它。 有人试过把它锁上吗？
浏览 12提问于2019-02-18得票数 1
回答已采纳
我正在尝试使用angular.Initially创建一个pwa应用程序，我安装了angular-cli6.1版本，但我认为该版本在创建pwa时出现了一些错误(与ngsw.json相关的已经存在)。所以我添加了angular-cli 6.2.0-beta.2和当前的ng -v显示
Angular CLI: 6.2.0-beta.2
Node: 8.11.3
OS: linux x64
Angular: 6.1.2
现在，当我尝试添加ng add @angular/pwa时，它显示‘找不到项目的索引文件’。不知道为什么？任何帮助都会得到极大的帮助
浏览 0提问于2018-08-15得票数 0
2回答
当我尝试使用这个命令npx -p @storybook/cli sb init --type angular将故事书添加到一个角度Intershop项目中，然后运行npm run storybook时，它会给出以下错误：
ERROR in D:/angular-intershop/intershop-pwa/src/stories/0-Welcome.stories.ts
ERROR in D:/angular-intershop/intershop-pwa/src/stories/0-Welcome.stories.ts(1,25):
TS2307: Cannot find module &
浏览 0提问于2020-03-03得票数 5
回答已采纳
3回答
我做了所有用"“编写的东西来制作我的应用程序PWA。
恰好使用以下命令：
ng add @angular/pwa
npm install http-server -g
ng build --prod
http-server -p 8080 -c-1 dist
然后我在Chrome上打开了这个url (匿名)
当我打开tools for developers (f12) > Applications > Service worker时，没有可用的service worker，当我在那里设置为离线时，网站无法工作。
关于我的angular应用程序的其他信息：
packa
浏览 2提问于2018-11-16得票数 26
回答已采纳
我使用ionic4 + angular8 + @ionic-native/sqlite/ngx
您可以插入成功。获取的数据表数量正确，但没有数据
有什么问题吗?谢谢
浏览 0提问于2020-02-17得票数 0
我目前正在尝试让PWA功能在托管在Azure静态Web应用程序上的Angular应用程序上工作。我遇到了一个问题，服务工作者是为xx.azurestaticapps.net注册的，而不是我添加的自定义域。
清单
{
"name": "App Name",
"short_name": "Name",
"theme_color": "#09559D",
"background_color": "#09559D",
"display"
浏览 5提问于2021-05-26得票数 1
3回答
我尝试了所有的解决方案在互联网上如何添加PWA到一个棱角项目，但仍然在Chrome工具，没有服务人员注册。
我确实运行了ng add @angular/pwa，ng build --prod和http-server -o仍然没有注册服务人员。它也没有添加一个@ Manifest.json /service-worker包，也没有像互联网上显示的那样的文件。
我还试着用ng new myProject --service-worker预装PWA来创建一个新项目，也不起作用。
我甚至尝试注册该服务，如下所示：
if ( 'serviceWorker' in navigator )
浏览 1提问于2018-08-15得票数 6
回答已采纳
我正在使用Ionic构建一个PWA，并且我的应用程序中有一个离子刷新程序：
<ion-content>
<ion-refresher slot="fixed" (ionRefresh)="refresh()">
<ion-refresher-content pullingIcon="lines"></ion-refresher-content>
</ion-refresher>
...
</ion-content>
在我的iPhone上，浏览器中的刷新程序工作
浏览 16提问于2020-05-07得票数 1
摄像机捕获ionic4(angular6)项目中的图像。如何添加地理位置(纬度和经度)图像并与位置一起保存在手机画廊中
浏览 9提问于2019-10-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
