iOS Safari 将网页「添加到主屏幕」的图标路径设置

最新推荐文章于 2024-08-23 11:55:56 发布
最新推荐文章于 2024-08-23 11:55:56 发布
阅读量4.8k 收藏 1
点赞数
分类专栏： html 文章标签： safari iphone 手机网站 
页面<head>标签中设置：
<link rel="apple-touch-icon" href="/custom_icon.png">

不同尺寸的话： 

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina
GinaV
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iPad和iPhone的Safari“添加至主屏幕”功能如何自定义图标
编程路上的野花
04-06 1万+
最近需要做一个类似safari的“添加至主屏幕”的功能，不知道那些icon是从哪来的， 研究了一番，其实很简单，是在页面的head元素中。 如下是网易页面中的： link href="http://img1.cache.netease.com/3g/img11/3gtouch/apple-touch-icon-57x57-precomposed.png" rel="apple-touch
【IOS的safari浏览器】uniapp的H5项目 safari＜添加到主屏幕＞功能的实现（多页面、单页面）
菜菜的博客
01-09 4245
添加到主屏幕功能的实现、Uniapp的H5项目
ios添加快捷方式到桌面
11-28
ios添加快捷方式到桌面 添加一个应用类的功能到主屏幕，点击快捷方式跳转到APP指定功能
自定义iphone页面添加到主屏幕图标
dxh_0829的专栏
06-25 5561
ios将网站添加到主屏幕_将启动屏幕添加到iOS应用
weixin_26638123的博客
07-24 808
ios将网站添加到主屏幕Do we really need a launch screen? Well, I would say launch screens are a way of making a positive vibe even before a user starts to use the app. So, having simple and clean launch screen ...
ios系统通过safari添加到主屏幕后，打开子链接还会跳转到safari
热门推荐
希望能找到你的答案
04-20 15万+
我们做好了一个web的应用程序，有时候演示，需要在手机浏览器中操作，每次都需要打开手机浏览器，然后找到地址进行访问，这不算什么，最讨厌的就是还有手机浏览器自带的工具栏等，看着不舒服。 ios系统的safari有个功能：添加到主屏幕，就会在系统桌面创建一个程序图标，这样每次只要点击图标就能打开系统，也能做到如app系统那样全屏显示、操作。 但是有个问题，主页是可以全屏显示，点击子链接就会跳转到s
iOS中为网站添加图标到主屏幕
ribavnu的专栏
07-14 2099
iOS中为网站添加图标到主屏幕以及增加启动画面
Appium ios环境搭建
05-14
- 在设置页面中输入被测应用的bundle ID或应用路径（apppath）以及设备的UDID。 如果只有ipa文件而没有bundle ID，可以通过以下方式获取.app文件： 1. 将ipa文件重命名为.zip文件。 2. 解压缩后找到.app文件。 ###...
iOS 3d touch
03-09
- 快捷菜单：很多系统应用和第三方应用都会在主屏幕上的App图标上提供快捷菜单，用户可以通过重压快速执行常用操作。 - 文本编辑：在文本输入框中，用户可以通过3D Touch调出剪切、复制和粘贴的选项。 - Safari...
ios人机界面指南(2012-12-17版)
01-08
- **浏览器应用**：桌面浏览器到Safari on iOS的转变，探讨网页布局和交互设计的变化。 - **跨设备适配**：例如从iPhone到iPad的邮件应用，展示如何根据不同屏幕尺寸调整布局。 #### 七、用户体验准则 - **聚焦...
新年祝福网页源码
04-12
通过将这个源码上传到您的网站目录，您无需具备复杂的编程技能，就能快速设置一个具有新年氛围的网页。 新年祝福网页通常包含以下几个关键组成部分： 1. **设计元素**：新年祝福网页的设计应与节日氛围相符，可能...
改变网站 iOS 版 Safari 中“添加至主屏幕” 的URL地址
星空永恒
04-19 4079
   相信大家都知道怎么去改变图标，度娘上面一大堆，我就不对废话了。我主要说下在添加至屏幕的时候把地址改变了，相信大家遇到过这样的场景，在没有把网站添加到主屏幕的时候希望定时或者每次访问的时候提示用户去点击[添加至主屏幕],但是一旦用户添加后在桌面直接点击就不用出现提示了。    这个就不得不得说到H5的特性了。    HTML5新添加了两个api分别是pushState和replaceS...
iOS 指定页面添加 屏幕固定
hi_chen_xingwang的博客
05-29 1161
iOS指定页面添加 屏幕固定
html中iOS的图标问题apple-touch-icon等
weixin_35755389的博客
10-28 4920
iOS 图标 rel 参数： apple-touch-icon 图片自动处理成圆角和高光等效果。 apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图。  rel="apple-touch-icon" sizes="180x180" href="./path/to/icon.png"> 旧) / Android標準ブラウ
苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用pwa
03-23 9924
通过点击桌面上的图标，直接打开全屏页面:(这图标是我用CSDN的图标，嘻嘻，官方应该不介意吧)具体实现步骤一共三步：1.网站添加样式，2.添加到桌面图标，3.打开桌面图标。
Safari浏览器将H5网页添加到主屏幕
dabaooooq的博客
04-12 2151
添加到主屏幕——这个功能属于ios的safari浏览器的特性之一，他可以让我们的H5项目从桌面像App一样打开，其实就是支持全屏显示，可以隐藏搜索栏，并且注意，他是独立的缓存，这一点在某些需要带上特点参数的项目会有些头疼，例如需要根据特点参数才能打开某些页面，处理某些逻辑，这点需要注意一下！可以看到，这里是可以添加到主屏幕的。
safari扩展程序开发
xyc1211的博客
08-13 768
safari的extension文档不是很好，建议参考mozilla文档。
如何在没有密码的情况下解锁iPhone？
最新发布
qq_23996309的博客
08-23 593
如果您的 iPhone 被锁定，知道如何在没有密码的情况下解锁它会派上用场。有几种方法可以帮助您重新使用无价的小工具，无论您是忘记了密码，还是现在只想使用手机。这篇博客文章将讨论在 iPhone 上设置密码的价值、忘记密码的典型原因以及在没有密码的情况下解锁 iPhone 的实用方法。现在让我们开始吧，了解如何轻松回到你的iPhone中！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值