开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Web应用程序在卸载后不显示“添加到主屏幕”

的原因是因为缺少Web App Manifest文件或者缺少必要的配置信息。Web App Manifest是一个JSON文件，用于描述Web应用程序的元数据，包括应用程序的名称、图标、启动URL等。当用户将Web应用程序添加到主屏幕时，系统会根据Web App Manifest文件中的配置信息来显示应用程序的图标和名称。

为了解决这个问题，需要按照以下步骤进行操作：

创建Web App Manifest文件：在Web应用程序的根目录下创建一个名为"manifest.json"的文件，并按照以下格式填写必要的配置信息：

{
  "name": "应用程序名称",
  "short_name": "应用程序简称",
  "start_url": "应用程序的启动URL",
  "icons": [
    {
      "src": "图标URL",
      "sizes": "图标尺寸",
      "type": "图标类型"
    }
  ],
  "display": "应用程序的显示模式"
}

在HTML文件中引入Web App Manifest文件：在HTML文件的<head>标签中添加以下代码，将Web App Manifest文件与Web应用程序关联起来：

<link rel="manifest" href="manifest.json">

配置Service Worker（可选）：如果希望Web应用程序能够在离线状态下运行，可以使用Service Worker来实现。Service Worker是一种在后台运行的脚本，可以拦截和处理网络请求，从而实现离线缓存和推送通知等功能。
部署到腾讯云：将Web应用程序部署到腾讯云上，可以使用腾讯云提供的云服务器、云存储、云数据库等产品来支持应用程序的运行和存储。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（ECS）：提供可扩展的计算能力，支持多种操作系统和应用程序的部署。产品介绍链接
云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理大规模的非结构化数据。产品介绍链接
云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，支持自动备份和容灾能力。产品介绍链接
云函数（SCF）：无服务器计算服务，支持按需运行代码，无需管理服务器。产品介绍链接

通过以上步骤和腾讯云的相关产品，可以解决Web应用程序在卸载后不显示“添加到主屏幕”的问题，并实现更好的用户体验和功能扩展。

相关搜索:在Auth屏幕未按预期工作后显示主屏幕的条件在不启动应用程序的情况下显示主屏幕操作，3DTouch主屏幕快速操作在iOS Safari上调试添加到主屏幕的web应用在仿真器中运行应用程序后，显示按钮的主活动屏幕在不启动应用的情况下显示主屏幕操作在react原生应用程序中加载主屏幕之前显示模式渐进式Web应用程序在主屏幕上添加不同的应用程序如何用navigator.share()在iOS上显示‘添加到主屏幕’？有没有办法只在索引上显示PWA‘添加到主屏幕’？根据添加到主屏幕的start_url在web应用清单中设置PWA URL Ember应用程序`setTimeout`在屏幕显示上不工作已关闭 iOS上显示“应用程序”而不是我的应用程序名称的“添加到主屏幕”按钮如何在屏幕方向更改后保持应用程序在iOS Safari上全屏显示动态条形图不工作/在R闪亮Web应用程序上显示如何将MOTIF中的应用程序主窗口居中显示在计算机屏幕的中间？Twilio在客户应答来自web应用程序的呼叫后显示“呼叫正在录制”在window.location中设置任何值后，触发的BeforeinstallPromt事件仍添加到主屏幕提示不起作用在flutter应用程序中将屏幕旋转到横向模式后，选项卡栏不显示其子项在react-native中重新启动应用程序后，为什么组件屏幕不显示状态栏

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何使用浏览器工具调试PWA

本教程说明了Chrome和Firefox的开发工具展示了什么样的工具，用于帮助用户调试PWA。

04

开发一个渐进式Web应用程序（PWA）前都需要了解什么？

自苹果推出了iPhone应用商店以来，App成为了我们生活中不可或缺的一部分，而对于实体业务也是如此，现在各行业都在推出自己的App，但有没有人想过这样一种场景，如果自己的潜在客户还没有安装你的App亦或是即便安装但因为客户的手机存储空间紧张而卸载掉了你的App？那有没有使App更轻量，更易安装的技术实现呢？答案是“有的”。

02

PWA渐进式增强WEB应用

PWA是Progressive Web App的英文缩写，是渐进式增强WEB应用，是Google新开发的web技术。目的就是在移动端利用提供的标准化框架，在网页应用中实现和Native app原生应用相近的用户体验的渐进式网页应用。它的安全，性能，用户体验的确明显领先于其他互联网载体，各大前端厂商争先恐后进行涉足，布局。

02

在“小程序”PWA上开发WebRTC

WebRTC面临的最大挑战之一是跨平台提供一致、可靠的支持。对于大多数应用程序，尤其是那些在网络上启动的应用程序，这通常意味着除了支持网络应用程序之外，还需要开发原生或混合移动应用程序。渐进式网络应用程序（PWA）是一种新概念，它能够通过允许基于网络的应用程序在不引入中间混合框架的情况下，看起来并像本地移动应用那样运作，从而将实现应用程序在网络上统一。正如将要讨论的那样，这种方法优点颇多，但它对WebRTC应用程序确实是有意义的吗？

01

如何在Ubuntu 18.04上安装Jenkins

Jenkins是一个开源自动化服务器，可以自动执行持续集成和交付软件所涉及的重复技术任务。Jenkins是基于Java的，可以从Ubuntu软件包安装，也可以通过下载和运行其Web应用程序存档（WAR）文件来安装 - 该文件是构成在服务器上运行的完整Web应用程序的文件集合。

04

如何部署 Jenkins 服务

Jenkins是一个开源自动化服务器，可以自动执行持续集成和交付软件所涉及的重复技术任务。Jenkins是基于Java的，可以从Ubuntu软件包安装，也可以通过下载和运行其Web应用程序存档（WAR）文件来安装 - 该文件是构成在服务器上运行的完整Web应用程序的文件集合。

07

渐进式Web应用（PWA）入门教程（上）

最近关于渐进式Web应用有好多讨论，有一些人还在质疑渐进式Web应用是否就是移动端未来。但在这篇文章中我并不会将渐进式APP和原生的APP进行比较，但有一点是可以肯定的，这两种APP的目标都是使用户体验变得更好。移动端Web应用有很多优秀的概念让人应接不暇，但好在编写一个渐进式Web应用不是一个很困难的事情。在这篇文章里将向你介绍如何把一个普通的网站转换成渐进式Web应用。你可以按照这篇文章一步一步地做，做完之后你的网站将可以实现离线访问，并且可以在桌面上创建该网站的图标。那么下面即将开始入门教程。什

02

【译】Chrome77 Devtools有哪些新功能？

我们可以在打开开发者工具后，鼠标右击某个dom树中的节点，选择Copy -> Copy Styles即可将dom元素的样式复制到剪贴板中。

05

IOS开发系列——UIView专题之一：UIWindow篇

UIWindow是一种特殊的UIView，通常在一个app中只会有一个UIWindow。

03

渐进式Web应用程序的深入概述

如果您是Web开发人员，您可能已经了解渐进式Web应用程序（PWA）或已经实现了自己的应用程序。如果您不熟悉，本文将深入概述渐进式Web应用程序的实现原理，以及它们在现代Web开发中的重要程度。

02

如何在Ubuntu上安装Jenkins

Jenkins是一个开源自动化服务器，旨在自动执行持续集成和交付软件所涉及的重复技术任务。Jenkins是基于Java开发，可以从Ubuntu软件包安装，也可以使用ARchive（WAR）文件构成一个完整的Web应用程序，在服务器上运行。

01

现代应用开发模式：PWA vs 小程序

还记得在几年前，渐进式Web应用程序（PWA）被誉为下一件大事，然而它并没有获得最初头条新闻所预测的牵引力。事实上，谷歌和微软是PWA运动的主要推动力，但迹象表明他们不会很快放弃它。

05

PWA - 令人惊奇的web用户体验新方法

install 事件回调中有两个方法： * event.waitUntil()：传入一个 Promise 为参数，等到该 Promise 为 resolve 状态为止。 * self.skipWaiting()：self 是当前 context 的 global 变量，执行该方法表示强制当前处在 waiting 状态的 Service Worker 进入 activate 状态。 * 安装后( installed )：Service Worker 已经完成了安装，并且等待其他的 Service Worker 线程被关闭。 * 激活( activating )：在这个状态下没有被其他的 Service Worker 控制的客户端，允许当前的 worker 完成安装，并且清除了其他的 worker 以及关联缓存的旧缓存资源，等待新的 Service Worker 线程被激活。

01

备受乔布斯推崇的 PWA，为什么还没有杀死原生应用？

作者丨Kevin Basset 译者丨明知山策划丨褚杏娟 PWA （Progressive Web App）的想法不是由 Google 或 Apple 提出的，而是 Steve Jobs 在 2007 年 iPhone 推出期间首次将这一概念展示在了世界面前。当时，外部应用程序似乎可以帮助提高该设备的受欢迎程度，Jobs 希望开发人员使用标准 Web 技术来构建应用程序。你可以编写令人惊叹的 Web 2.0 和 Ajax 应用程序，它们的外观和行为与 iPhone 上的应用程序一模一样，而且这些

01

关于如何做一个“优秀网站”的清单——规范篇

前言本文翻译自Google Developers中的文章——《Progressive Web App Checklist》本文分为两篇，分别为基础级清单和规范级清单一个优秀的Web App 本文中所提到的“优秀的Web App”是指现在比较流行的概念——Progressive Web App，又称PWA。什么是Progressive Web App？字面上直译为“先进的web应用”，而维基百科中给出的解释是——PWA是一个用来表示使用了最新技术的Web应用的术语。PWA是

07

iOS APP添加桌面快捷方式

2）客户端通过OpenUrl调起Safari，再二次跳转到data url 技术实现方案是首先通过调起Safari，然后跳到一个Data URI Scheme形式下的HTML页面，而添加到主屏幕的也是这个Data URI Scheme形式下的HTML页面。 OpenUrl调起Safari的实现为： [[UIApplicationsharedApplication] openURL:[NSURL URLWithString:@"http:www.xxx.com"]]; 通过该方法即可调起Safari，让Safari访问附带的URL链接，在该功能实现中，URL链接指向一个Data URI Scheme形式下的HTML页面。如下图所示：

05

关于如何做一个“优秀网站”的清单——基础篇

前言本文翻译自Google Developers中的文章——《Progressive Web App Checklist》本文分为两篇，分别为基础级清单和规范级清单一个优秀的Web App 本文中所提到的“优秀的Web App”是指现在比较流行的概念——Progressive Web App，又称PWA。什么是Progressive Web App？字面上直译为“先进的web应用”，而维基百科中给出的解释是——PWA是一个用来表示使用了最新技术的Web应用的术语。PWA是可靠的、迅速的、吸引人的、

05

苹果拒绝支持PWA的行为对Web贻害无穷！

渐进式Web应用（Progressive Web Applications，简称 PWAs）是迄今为止在Web开发中最令人兴奋的创新技术之一。PWA 使你可以用 JavaScript 来创建一个“Service Worker”，它为你提供与原生应用相关联的各种功能，例如推送通知，离线支持和应用的加载屏幕 —— 这一切可都是基于Web的！这真是极好的。

03

从客户端Web应用程序访问Bluemix服务

Bluemix是IBM云平台可以利用100多种服务构建和托管的应用程序，例如数据库和认知服务。这些服务提供需要凭据的API。Bluemix上托管的应用程序，作为Cloud Foundry应用程序或Docker容器，可以从环境变量访问这些凭据。本文介绍如何从客户端Web应用程序调用Bluemix服务。

06

iOS APP添加桌面快捷方式

新接到一个需求，需要APP内的某些功能，能够把入口添加到桌面，点击桌面到入口可以直接跳转APP对应界面（类似于下面这张示例图），于是就做了一番调研。

04

iReport问题汇总

最近需要用到iReport报表工具，但是在启动客户端时却发现会闪退，无法正常启动。查找了资料，发现是因为iReport无法支持jdk 1.8，必须要修改配置文件，将java版本指定为1.7或之前的版本。目前官网最新的版本是5.6.0，据说有外国大神说是下个版本将会支持jdk 1.8。

01

ubuntu 安装Jenkins

Jenkins是一款开源自动化服务器，旨在自动化连续集成和交付软件所涉及的重复技术任务。 Jenkins是基于Java的，可以从Ubuntu软件包安装，也可以通过下载和运行其Web应用程序ARchive（WAR）文件进行安装 - 构成一个完整的Web应用程序的集合，该文件旨在在服务器上运行。

01

写写对于Web开发需要知道的 2017 WWDC

一年一度2017WWDC，想来对于我们Web开发者来说还是有很多可圈可点的更新需要我们学习的，特别是在Hybrid领域开发的同学们，要知道，这些知识点就是这一年里，你可能会使用到的。

03

安装KDE Plasma后，你要做的七件事

KDE Plasma用户需要在如何设置Plasma方面做几个决定。本文就是专家撰写的一篇指南文章。

00

Spring Boot保护Web应用程序

如果在类路径上添加了Spring Boot Security依赖项，则Spring Boot应用程序会自动为所有HTTP端点提供基本身份验证。端点“/”和“/home”不需要任何身份验证。所有其他端点都需要身份验证。

02

使用CDSW和运营数据库构建ML应用3:生产ML模型

在最后一部分中，我们将讨论一个演示应用程序，该应用程序使用PySpark.ML根据Cloudera的运营数据库（由Apache HBase驱动）和Apache HDFS中存储的训练数据来建立分类模型。然后，对该模型进行评分并通过简单的Web应用程序提供服务。有关更多上下文，此演示基于此博客文章如何将ML模型部署到生产中讨论的概念。

01

Kivy 中的多个窗口

在Kivy中管理和创建多个窗口相对比较特殊，因为Kivy默认是单窗口的应用框架。然而，有几种方法可以实现或模拟多窗口的效果。具体情况还是要根据自己项目实现效果寻找适合自己的。

01

什么是网络测试

Web测试是用于验证网站应用程序是否可以满足特定功能，安全性，可用性，可访问性，视觉和性能标准的过程。在将代码移交给生产之前，Web测试对于捕获关键错误的应用程序的成功至关重要。Web测试可以分为许多组件，包括但不限于：

03

Spring MVC 到 Spring BOOT的简化之路

从Servlet技术到Spring和Spring MVC，开发Web应用变得越来越简捷。但是Spring和Spring MVC的众多配置有时却让人望而却步，相信有过Spring MVC开发经验的朋友能深刻体会到这一痛苦。因为即使是开发一个Hello-World的Web应用，都需要我们在pom文件中导入各种依赖，编写web.xml、spring.xml、springmvc.xml配置文件等。

04

Spring MVC 到 Spring BOOT的简化之路

从Servlet技术到Spring和Spring MVC，开发Web应用变得越来越简捷。但是Spring和Spring MVC的众多配置有时却让人望而却步，相信有过Spring MVC开发经验的朋友能深刻体会到这一痛苦。因为即使是开发一个Hello-World的Web应用，都需要我们在pom文件中导入各种依赖，编写web.xml、spring.xml、springmvc.xml配置文件等。

02

使用Flask部署ML模型

作者 | Brian Schmidt 来源 | Medium 编辑 | 代码医生团队此博客文章中的代码可以在此github仓库中找到。 https://github.com/schmidtbri/

01

反射跨站脚本（XSS）示例

如何利用它？原来的要求如下：应用程序的回应非常清楚。用户ID为空（空）。我们没有为它指定一个值。我们有XSS。有效负载未被应用程序编码/过滤，响应的内容类型显示为HTML：获得

07

如何安装农场管理系统FarmOS

FarmOS是一个特别的Web应用程序，帮助农户管理和跟踪其农场的各个方面。FarmOS构建在Drupal的基础之上，并遵循GPL V.3协议，是一个优秀的自由软件解决方案，供所有农场研究探索。

03

下一代的web应用-pwa，它将成为你未来的核心竞争力！

PWA模型将继约20年前横空出世的Ajax与约10年前风靡移动互联网的响应式设计一样，掀起web应用模型的第三次革命技术，将web技术带进一个全新的时代

01

PWA应用的核心技术有哪些

在国内由于小程序的风生水起，PWA 应用在国内的状况一直都不是很好，PWA 和小程序有很多的相似性，但是 PWA 是由谷歌发起的技术，小程序是微信发起的技术，所以小程序在国内得到了大力的扶持，很快就在国内技术界开花结果。

03

Kali Linux Web渗透测试手册(第二版) - 9.6 - 利用HTTP参数污染

当HTTP参数在同一请求中重复多次并且服务器以不同的方式处理每个实例时，会发生HTTP参数污染（HPP）攻击，从而导致应用程序中出现异常行为。

04

浅谈web前端的发展趋势

相信web前端开发的伙伴们，在职业道路上，十有八九会受到这样的质疑或者嘲讽（大多数其实还是调侃之意）。写几个标签，懂一些HTML CSS 就是程序员？你们知道CPU、存储、网络、集群吗？你们了解过并发、业务架构、数据库、性能调优、分布式计算、集群架构、容灾、安全、运维吗

01

穿上App外衣，保持Web灵魂——PWA温故

早在2015年，设计师弗朗西斯·贝里曼和Google Chrome的工程师亚历克斯·罗素提出“PWA（渐进式网络应用程序）”概念，将网络之长与应用之长相结合，其核心目标就是提升 Web App 的性能，改善 Web App以媲美Native的流畅体验。

02

如何在Ubuntu 14.04上部署Clojure Web应用程序

人们对函数式编程的兴趣不断增加，更具体地说，是在Clojure中对Web进行编程。许多关于如何构建基本应用程序的教程经常忽略部署细节。本文将向您展示如何将Clojure Web应用程序部署到Ubuntu 14.04 CVM。

00

JavaWeb高级编程(上)

好久没更新了，发一篇以前记录学习的笔记。面向读者：已经具有丰富的Java语言和Java SE平台知识的软件开发者和软件工程师。预掌握知识：

02

想学会 Spring Boot 你必须深刻了解这些概念

Spring Boot是一个难以理解的框架。在本文中，我们将了解Spring Boot的基础知识，并帮助您了解重要的概念-starter，自动配置和Parents。希望多多关注微信公众号：Felordcn

01

如何在Ubuntu 16.04上使用Apache设置密码身份验证

在运行网站时，网站的某些部分通常会限制访问者。Web应用程序可以提供自己的身份验证和授权方法，但如果Web服务器不足或不可用，也可以使用Web服务器本身来限制访问。

05

使用YAKINDU STATECHART TOOLS的TypeScript代码生成

原文链接：https://blogs.itemis.com/en/typescript-code-generation-with-yakindu-statechart-tools

01

浏览器中存储访问令牌的最佳实践

浏览器提供了各种持久化数据的解决方案。当存储令牌时，您应该权衡存储选择与安全风险。

01

Kali Linux Web渗透测试手册(第二版) - 9.6 - 利用HTTP参数污染

当HTTP参数在同一请求中重复多次并且服务器以不同的方式处理每个实例时，会发生HTTP参数污染（HPP）攻击，从而导致应用程序中出现异常行为。

03

CleanMyMac免费mac2023最新版清理功能介绍

CleanMyMac免费mac下载版是一款简单实用的PC清洁管理工具，电脑刚装完系统的时候运行速度超级快，随着时间的推移，你会发现越来越慢，经常会反应卡顿，越来越多的垃圾文件占用了你的磁盘空间，各种过时的日志，未使用的语言和移动到回收站的文件都拖慢着你的电脑，使用CleanMyMac可完美解决这些问题，CleanMyMac快速深度扫描计算机的每一个角落并进行垃圾文件清理将碎片硬盘驱动器，垃圾文件和注册表问题降低系统性能后，加快电脑的运行及提高性能，将计算机恢复到最佳状态。并且软件也完美简化了软件卸载的过程，本次小编带来的是最新版，可设置成简体中文版，使用更加方便！

01

你的第一个渐进式网站应用（1）

01

PWA 渐进式Web应用程序

PWA是Progressive Web App的简称，是谷歌提出的新型Web技术，并由W3C及谷歌来推广这项技术，其主要目的是为了提升用户对网站原生使用体验，同时又能节省对网站的开启速度。

01

在 React 中使用 Storybook，构建强大的自定义 UI 组件

虽然像React这样的基于组件的UI库简化了web开发，但它们也引入了测试和调试等新的复杂性。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭