如何通过界面图标启动web应用

最新推荐文章于 2022-03-15 17:18:03 发布
最新推荐文章于 2022-03-15 17:18:03 发布
阅读量156 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML5 Mobile Web 文章标签： html5 界面图标启动web应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_4180/article/details/82641505
本文介绍如何为网站配置iOS设备主屏幕快捷方式图标，包括所需的不同尺寸图片资源及HTML头部链接代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、准备好图片资源


 

2、在界面中添加一下代码

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="icons/apple-touch-icon-precomposed.png">

<link rel="shortcut icon" href="icons/apple-touch-icon.png">

3、用Safari或者Chrome打开网站，按菜单中的添加到主屏幕即可

 

基于AI的智能开发环境—Trae在Web开发中的应用实战与性能评估【Trae项目实战】
一键难忘的博客
02-21 2万+
Trae 是一款与 AI 深度集成的开发工具，提供智能问答、代码自动补全和基于 Agent 的 AI 自动编程能力，极大提升开发效率。它具备完备的 IDE 功能，如代码编写、项目管理和源代码管理等，同时还具备强大的 AI 助手，能够提供智能问答、实时代码建议、代码片段生成等服务。开发者可以通过自然语言与 AI 协作，从 0 到 1 开发项目，AI 会根据需求自动生成代码或创建文件。
Safari配置WebApp----添加启动图和桌面图标让你的WebApp在ios设备上体验如原生一样...
weixin_34344677的博客
01-27 3020
现在很多开发者的Web应用程序的设计样式和交互类似本机应用程序，例如，它的缩放比例适合iOS上的整个屏幕。当用户将其添加到主屏幕时，您可以通过使其看起来像本机应用程序一样，在iOS上为您的Web应用程序定制Safari。您可以使用其他平台忽略的iOS设置来执行此操作。 例如，您可以为添加到iOS主屏幕时用于表示Web应用程序的图标指定图标...
Web应用程序精美小图标
06-30
Web应用程序精美小图标 Web应用程序精美小图标
HTML5移动Web开发（七）——通过界面图标启动Web应用
weixin_34198762的博客
10-06 257
　　现在我们要使用手机上某个应用时，通过点击屏幕上的图标就可以运行。但是对基于HTML的Web应用来说，运行起来就比较麻烦了，用户必须先打开浏览器，然后访问想使用的应用程序站点。现在我们想把一个指定的Web应用绑定到界面上的一个图标，用户通过点击界面上的图标就可以启动对应的Web应用了。　　但是不同浏览器对于触碰图标的反应是不一致的。在这里，我们将探索不同浏览器对于点击图标启动的不同反应，从而使点...
网站发布时候，建个桌面图标让用户可以双击打开
01-14
设置浏览器、连接地址，使用本程序打开网页。
web页面中如何唤起打开APP
热门推荐
zzhongcy的专栏
03-15 1万+
网上看到这篇文章，写的很清楚，这里转载记录一下。H5唤起APP指南 | 拾壹小筑 1.前言 前一段时间在做电流App H5页面，需求中落地页占比较大，落地页承担的职责就是引流。引流有两种形式，同时也是我们对唤端的定义：引导已下载用户打开APP，引导未下载用户下载APP。 引导已下载用户打开APP，从数据上说用户停留在APP中的时间更多了，是在提高用户粘性；从体验上说，APP体验是要比H5好的。引导未下载用户下载APP，可以增加我们的用户量。 上面其实分...
IOS 通过界面图标启动Web应用 + 全屏应用 + 添加到主屏幕
dicha7140的博客
01-10 833
请注意！！！使用了【全屏模式之后】。页面的顶部会空出一大块。而且这并不属于margin,padding，或者定位。就是单纯的空出来非常难调试。其实坑就是这里 在 iPhone「添加到主屏幕」时显示自定义图标 测试资源下载：https://github.com/dragon8github/mobile-boilerplate/tree/master/img/touch &l...
基于Python的简洁记事本Web应用设计源码
10-08
基于Python的简洁记事本Web应用设计源码的知识点涵盖了Web应用开发的多个方面，包括前端与后端的交互、数据存储、用户界面设计和网络通信。以下是根据文件信息提炼出的知识点： 1. **Python编程语言的使用**：作为...
渐进式 Web 应用 （PWA） 概述
最新发布
10-10
另一个关键点是Web应用清单（Manifest），这是一份JSON格式的文件，可以定义应用的名称、图标、启动屏幕颜色、主题颜色以及显示模式等。通过清单文件，PWA能够被添加到主屏幕，并且可以自定义在用户设备上启动时的...
基于Java核心技术的全栈Web应用设计源码
10-03
Spring Boot简化了基于Spring的应用开发，它集成了大量常见的框架配置，并提供了可运行的默认配置，这使得开发者能够更快速地启动和开发Web应用。利用Spring Boot的“约定优于配置”的理念，开发者可以更专注于业务...
JS创建桌面网址快捷方式
05-03
纯JS代码创建桌面网址快捷方式，web开发人员应该经常用到！
生成网页快捷方式到桌面
07-11
生成网页快捷方式保存到桌面上，便于用户访问
如何为javaWeb项目的网址生成一个桌面快捷方式
坤健的博客
02-15 1万+
今天刚接到客户的需求，说是没有域名，每次都输入ip和端口号打开网站，很麻烦，能不能做成一个桌面快捷方式，双击这个图标，立刻调用浏览器打开网站。。。感觉客户永远是最懒的，各种奇葩的需求，没办法，只能利用java写了一个主函数调用浏览器打开特定网站，这个很好写，几分钟的事，把这些程序做成exe文件，也不难，难的是一直提示没有JVM环境，仔细想想也是，总不能喊用户自己装jdk，jre吧，所以卡在这里了，
java web工程如何做成桌面版
吴超沉思录
07-28 576
    大体分为以下几个步骤，一步步讲：       1，首先把正常的web工程打包成war包，使用eclipse的到处功能即可；       2，建立一个普通的java工程，建立一个含有main方法的启动类，使用嵌入式jetty启动war包工程；       启动类内容如下：     public static void main(String[] args) throws E...
打包1阶段-WEB应用打包成桌面应用
weixin_42910765的博客
03-14 2051
最近公司让我接触了一些WEB应用打包成桌面应用方面的内容，下面就是我整理的内容： 一、首先我先介绍一下 node-webkit node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。 按我自己的简单理解 就是去掉了游览器上面的栏了，然后node-webkit这个是个框，把你...
史上最简单打包java web项目成exe方法!
叶叶叶叶大爷的博客
01-30 9688
史上最简单打包java web项目成exe方法!
把一个java web应用包装成桌面应用的简单做法(网摘)
笨小孩的乐园
06-21 1124
昨天玩h2的时候想起来的， 这年头把在线应用报装成桌面应用是越来越流行了，几年前做过类似的事情，简单介绍一下。 1. 选择一个嵌入的web 服务器和 数据库。 web服务器我选择的是jetty，虽然tomcat也有类似的嵌入版本，但是体积和性能都还是有点差距。 如果你的应用使用了大量的ajax效果，建议选择6的版本，对并发支持更好。 数据库方面我原来用的是hsql，现在可以选择h2. 两者的s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值