首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

“添加到主屏幕”图标在带有HTTPS的iOS 13上不起作用

添加到主屏幕图标在带有HTTPS的iOS 13上不起作用的问题可能是由于以下原因导致的:

  1. 安全策略限制:iOS 13引入了更严格的安全策略,要求网站使用HTTPS协议进行通信。如果网站没有正确配置HTTPS,浏览器会阻止添加到主屏幕图标的功能。
  2. 缓存问题:iOS 13中的Safari浏览器可能会缓存旧的网页数据,导致添加到主屏幕图标的功能无法正常工作。清除浏览器缓存可以尝试解决该问题。
  3. 网站图标问题:添加到主屏幕图标需要网站提供一个合适的图标文件,通常是一个正方形的PNG图像。如果网站没有正确配置图标文件或者图标文件不符合要求,添加到主屏幕图标的功能可能无法正常工作。

解决该问题的方法包括:

  1. 配置HTTPS:确保网站使用HTTPS协议进行通信,可以通过购买SSL证书并正确配置服务器来实现。腾讯云提供了SSL证书服务,可以参考腾讯云SSL证书产品介绍(https://cloud.tencent.com/product/ssl)。
  2. 清除浏览器缓存:在Safari浏览器中,可以通过进入“设置”->“Safari”->“清除历史记录和网站数据”来清除缓存。
  3. 配置网站图标:确保网站提供一个合适的图标文件,并在网页的头部添加以下代码来指定图标文件:
代码语言:txt
复制
<link rel="apple-touch-icon" href="/path/to/icon.png">

其中,/path/to/icon.png应替换为实际的图标文件路径。图标文件应为正方形的PNG图像,推荐尺寸为180x180像素。

请注意,以上解决方法仅供参考,具体解决方案可能因实际情况而异。如果问题仍然存在,建议咨询相关技术支持或开发人员以获取更详细的帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

最新iOS设计规范八|3大图标和图像规范(Icons and Images)

二、应用图标(App Icon) 每个应用程序都需要一个美丽而令人难忘的图标,该图标在App Store中引起人们的注意,并在主屏幕上脱颖而出。您的图标是交流您的应用目的的第一时间。...为了确保备用图标在整个系统中统一显示,避免让用户在主屏幕上看到一个版本的图标,又在设置中的看到完全不同的版本的图标 - 例如:提供与主应用程序图标相同尺寸的图标(App Store图标除外)。...三、系统图标(System Icons)iOS12及更早版本 在iOS 13或更高版本中,更习惯使用SF符号来表示APP中的任务和模式。...导航栏和工具栏图标 标签栏图标 主屏幕快速操作图标 在运行iOS12及更早版本的APP中,尽可能使用这些内置图标是个好办法,因为它们对用户来说已经很熟悉了。 按预期使用系统图标。...主屏幕快速行动图标 在主屏幕快速操作菜单中使用以下图标。 ? ? ?

3.1K20
  • 网页图标(Icon)那些事

    主屏幕图标:移动设备将网页添加到主屏幕时显示。 PWA(渐进式网页应用):作为应用图标使用。 比如这样 在浏览器标签页展示图标。 在书签栏显示图标。...甚至在安卓手机 上,使用chrome浏览器的将网页添加到主屏幕功能。可以显示icon图标。 如何设置 设置icon 最简单的方式是在 网页的 中添加 一行。...64x64:高分辨率屏幕图标。 180x180:iOS 设备主屏幕图标。 192x192 和 512x512:PWA 图标。 所以我们在一些网站上会看到设置多个icon 的现象。...比如 Hugo官网 [2] 现代浏览器都支持根据不同的场景,屏幕的PPI 选择不同尺寸的图标,尽量做到所有场景下都达到最好的显示效果。...感兴趣的朋友可以继续深挖。 引用链接 [1]涛叔的博客: https://taoshu.in/ [2]Hugo官网 : https://gohugo.io/

    7610

    自定义地址栏与收藏夹中的图标

    如果网站上传了这个图标文件,用户使用浏览器(仅限于支持这个功能的浏览器)浏览时,就可以把图标显示在浏览器的地址栏中(有时也会显示在历史记录中),如果添加了收藏则收藏夹中也可以看到图标。...主要使用在 Internet Explorer 的收藏夹中,如果网站被添加到收藏夹中,那么在地址栏中也会被显示出来。...与IE中限制了存放位置和文件类型不同,标准仅是规定了应当使用一个带有 rel 属性的链接元素在 head 区域指定favicon的文件和类型。...的苹果(Apple)设备,以及部分安卓(Android)设备,可以使用 添加到主屏幕 Add to Home Screen(Web Clip) 功能在手机的主屏幕上添加一个自定义的图标。...许多浏览器都会将 favicons 显示在浏览器地址栏的左边,而这里经常是用来显示在 HTTPS 网站的证书是否可信,通过使用一个类似的图片来欺骗用户让用户认为这是一个可信站点。

    2K50

    iOS APP添加桌面快捷方式

    前言 最近在地图项目中测试了一个iOS地图添加到桌面快捷方式的功能,实现的功能是这样的:你可以把经常搜索或导航的历史记录或收藏点如你的家以快捷方式添加到桌面,这样无论在哪儿,你只需要在手机桌面直接点击家的快捷方式图标...由于iOS目前还没有这个功能的开放API,通常都是借助于Safari浏览器来实现,在Safari浏览器中有一个子功能-添加到主屏幕,通过这个入口可以实现这个功能。 2....2.1 APP添加到桌面快捷方式 实现方案为:APP内部执行添加到桌面操作时调起Safari,让Safari访问一个指定页面,此时再利用Safari的“添加至主屏幕”功能,生成桌面快捷方式图标。...3) Safari中点添加到主屏幕,生成桌面快捷方式图标 ? 点击添加到主屏幕,跳转页面可以看到data url格式的内容。...添加到主屏幕,就是将编码好的网页内容和图标保存到桌面。 2.2 点击桌面快捷方式图标唤起APP 当点击桌面图标的时候,会先跳转到一个中间页面,然后执行JS文件跳转到App对应的功能。

    7.4K50

    移动Web 开发中的一些前端知识收集汇总

    私有meta标签,它表示:允许全屏模式浏览,在ios上,用户将网页添加到主屏后,再从主屏幕打开这个网页,可以隐藏浏览器的地址栏和下面的toolbar; 第二个meta标签表示:强制让文档的宽度与设备的宽度保持...--不让android识别邮箱--> 自定义主屏上的图标 用户添加到主屏后,如果网站没有图标,则默认主屏上的图标为当前网页的截图,你可以通过下面的代码指定在普通和retina屏幕上的icon: <link...添加初始化图片 用户点击你桌面上的webapp的图标后,打开会加载浏览器(实际上是webkit webview模块),然后下载、解析、渲染,在这个过程中,ios允许我们使用一个初始化图片来替代白色的浏览器屏幕...关闭iOS中键盘自动大写、自动更正、自动完成 在iOS中,当虚拟键盘弹出时,默认情况下键盘是开启首字母大写的功能的,根据某些业务场景,可能我们需要关闭这个功能,移动版本webkit为input元素提供了...事件在短按屏幕时会有明显延迟(相对用户手离开屏幕那一刻大约300ms),因此建议采用 touchstart 事件。

    3.9K50

    【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

    中配置视图之间的切换关系; -- 图示 :  (3) 工具图标 界面设计文件的 工具图标 :  -- 缩小 : 多个视图控制器在同一个窗口, 缩小界面可以同时查看所有的 视图控制器; -- 恢复 :...IOS 图片规格 (1) Retina 视网膜屏 Retina 屏幕简介 :  -- 像素 : 高清晰度的视网膜屏幕, 这种屏幕的分辨率是普通非 Retina 屏幕的 2 倍; -- 市场状况 : 目前...IOS 已经下架了所有的 非 Retina 屏幕的设备, 目前在售的所有设备都是 Retina 设备, 但是之前卖出的许多设备有些不是 Retina 屏幕的; -- 支持 Retina 屏幕的设备 :...现在在售的所有设备, iphone4 ~ 6S, ipod4, ipad 2 之后的新设备; -- 不支持 Retina 屏幕设备 : 之前出售的低端 IOS 设备大都是非 Retina 屏幕的, ipod...IOS 图标设置 IOS 图片设置 : 直接从文件目录将图片拖动到 Xcode 相应的设置中. -- 设置图标 : 在项目文件视图中, 点击 Images.xcassets, 选中左侧的 AppIcon

    5K30

    iOS 9人机界面指南(三):iOS 技术 (上)

    3.1.2 主屏幕快捷操作(Home Screen Quick Actions) 主屏幕快捷操作可以在主屏幕给用户呈现方便的、有用的、应用特定的操作。 Camara的主屏幕快捷操作 ?...主屏幕快捷操作: 当用户在主屏幕采用比点击且长按更重的按压,按压在应用图片上时,出现屏幕快捷操作 它会显示一个你提供的短标题,一个图标和可选的副标题 它不支持其他定制的内容 它可以随着你应用的更新,更新显示的信息...更多关于图标尺寸、内边距和定位的详细引导信息,可以下载主屏快速操图标模板 https://developer.apple.com/design/downloads/Quick-Action-Guides.zip...你不能预料到哪些用户将会查看你的票据的设备,因此你不想使用可能在一个特别设备上不起作用的语言。比如,文字告诉用户“滑动去查看”内容,当这个发生在Apple Watch上将会不起作用。...3.6.5 自定义输入法(Custom Keyboards) 人们在整个系统中使用带有自定义输入法的输入法扩展来替换iOS的自带输入法。

    1.7K60

    DarkMode(1):产品应用深色模式分析

    在 macOS 的深色模式中,基底色并不是纯黑,而是带有一定灰度的黑色。 在 iOS 上,苹果设计 Dark Mode 的基底色就是纯黑,这样一方面来可以省电,另一方面也与「刘海」的衔接更加自然。...论是浅色还是深色外观下,我们都应该在界面层级中,让离用户在逻辑关系上更近的颜色更亮一些。 再让我们看一看实际 iOS 13 版本中 Dark Mode 的效果。...引入字体化图标 在 iOS 13 中,苹果还为了 Dark Mode 引入了多达 1500 余个字体化图标 SF Symbols。...你可以在这里下载苹果官方提供的    iOS 13设计模板的 Sketch 文件,其中包含了 iOS 13 的最新范式、内置语义色彩、材质等元素。...Dark Mode 在 iOS 13    上的呈现感不错,但距离完美还有一定距离。这其中既有客观因素,也有系统的主观原因。

    1.8K20

    为 vue 项目添加 PWA 支持

    vue & PWA 如果您的目的不是为现有的 vue 项目添加 PWA 支持,那么更推荐尝试 Lavas 注:PWA 应用要求必须全程 https,且在已安装的 PWA 应用中无法发送 http 请求...Workbox Cache Expiration iconPaths 该设置项可以自定义在页面中添加的一些图标的或中指定的文件路径 public/icons中有安装插件时生成的默认图标...这一事件,并在自己需要的时候触发 例如我们可以在项目的根 vue 实例中(以下示例省略了挂载及渲染等操作) 复制1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18...然后就可以像这样自由地在任何 template 中使用了 复制1添加到主屏幕... 手动添加方式 iOS ≥ 11.3 可以在 Safari 中打开,点击浏览器底部的分享按钮,选择“添加到主屏幕” PC 与 Android 的 Chrome 可通过右上角菜单添加(此处以

    3.7K00

    跟着官方文档学习3D Touch

    在app外,用户按压主屏幕图标就可以立即访问应用程序所提供的功能。 在app内,用户按压视图就可以预览额外的新内容,体验快速访问的特性。...在支持3DTouch的设备上,在app外,人们可以在主屏幕上按压app图标来快速选择app可执行的某个具体的操作。...苹果的3D Touch分为两类,一类是app外,在主屏幕上按压app的图标,可以在app图标旁边弹出一个带有快捷操作项的菜单。...我们可以用这个数组字典为我们的app指定静态快捷操作项。当用户在支持3D Touch的设备上按压主屏幕上的app图标时候,显示在主屏幕上的快捷操作项的个数是由系统决定的。...图标应该是正方形,35 * 35点的(注意:iOS开发中讲究的是点,而不是像素,在非retina屏幕上,1点 == 1像素,但是在retina屏幕上就不一定)。

    6.4K50

    Xcode 配置多套 App 图标的方法 --- AppStore 图标 AB Test 实践

    但是苹果文档并没有给出详细的教程,怎么在 Xcode 中集成多套图标呢?这就是本文要讲解的内容,适合 iOS 技术开发同学阅读。...当该设置被禁用时,Xcode 包括主 app 图标,以及在新设置“备用 app 图标集”中指定的图标。资产目录编译器将适当的内容插入到构建产品的 Info.plist 中。...二、正文 在 Xcode 13 之前,如果要实现 iOS App 动态切换图标,需要在 Info.plist 中添加 CFBundleAlternatelcons 相关字段来声明对应的备用图标。...[Xcode13-Alternatelcons-1.jpg] 跟添加 App 图标一样,把所有需要的图标集都添加到 Assets.xcassets 中就可以。...[Xcode13-Alternatelcons-2.jpg] 选项 Include all app icon assets 配置的作用是打包时决定 Asset Catalogs 编译器要不要把所有的备用图标也编译到

    5.5K41

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

    对于 PWA 来说,应用商店在推广方面不再发挥很大的作用,而 PWA 的安装逻辑嵌入到了浏览器当中。 2022 年,应用商店的模式是多余的。...iOS 上的安装提示 在 iOS 上安装 PWA 需要向用户显示自定义指令 目前在 iOS 上安装 PWA 需要打开共享面板,然后点击“添加到主屏幕”按钮,这样基本上就可以了,但仍然不像安装原生 iOS...如果 Safari 支持 beforeInstallPrompt 事件,那么安装体验将会得到简化,或者苹果至少可以改变“添加到主屏幕以安装应用程序”的措辞——安卓几年前就已经这么做了。...例如,开发者无法区分实际的 Safari(有“添加到主屏幕”按钮)和 SFSafariViewController View(没有这个按钮)。...更好的安装后 Manifest 更新 如果开发者能够在安装 App 后更新 Manifest 的关键细节(图标、名称、启动画面等),那么 PWA 也会变得更具竞争力。

    1.5K10

    苹果进入下一个十年!抛弃英特尔,WWDC官宣将Mac迁移至自研芯片,首批年底上市

    在功能上,库克很大方地给大家展示了iOS 14的最新更新版本,新版本给iOS系统主屏幕带来的最大变化就是:小部件(widgets)。...虽然具有不同大小的小部件在你现在的手机上也能通过“今日”(Today)访问,但是在iOS14中,小部件能够添加到主屏幕,和应用程序一起生活。...iOS14还将拥有新的“应用程序库”(App Library)视图,可以自动将应用程序组织为组和列表,该视图也允许用户在主屏幕上隐藏应用程序。...当用户激活Siri后,Siri不会占满整个屏幕,只是在屏幕下方的图标显示底部有一个小的覆盖,而且,Siri如今不仅可以发送命令消息,还可以发送音频消息了。...至于大家都关注的发布时间,库克表示,大家多等等,七月就会为所有的iOS用户提供公开Beta版,iOS 14支持在iPhone 6S及更高版本的iPhone上运行,这与iOS13支持的设备相同。

    2.8K30

    iOS支持展开折叠的弹出菜单(水平方向弹出菜单视图)

    :https://download.csdn.net/download/u011018979/20537947 疑问解答,请关注公众号:iOS逆向 1.支持展开折叠的弹出菜单的实现思路: 1.1将弹出视图添加到...keyWindow,蒙版也添加到主窗口(主要原因是点击屏幕的空白处,需要隐藏弹出视图) 1.2展示的时候,动画从右上角往左下脚延伸;隐藏的时候,动画从左下脚往右上角收回 (展示的时候,从上往下,即x,y...I、 支持展开折叠的弹出菜单的实现思路 1.1将弹出视图添加到keyWindow,蒙版也添加到主窗口(主要原因是点击屏幕的空白处,需要隐藏弹出视图) #define kWindow [UIApplication.../download/u011018979/20537947疑问解答,请关注公众号:iOS逆向 1.支持展开折叠的弹出菜单的实现思路: 1.1将弹出视图添加到keyWindow,蒙版也添加到主窗口(主要原因是点击屏幕的空白处...【点击导航条标题,下拉选择分类】iOS导航条的标题按钮的左侧是分类名称,右边的下拉图标 https://blog.csdn.net/z929118967/article/details/104315227

    2.5K10

    如何通过苹果快捷指令查看手机电池健康和充电次数

    一、打开快捷指令应用 首先,在iPhone的主屏幕上找到“快捷指令”应用,并点击打开。 二、创建新的快捷指令 在快捷指令应用中,点击右上角的“+”按钮,开始创建新的快捷指令。...例如,在主屏幕上创建一个快捷方式,或者将其添加到Siri语音命令中。要使用快捷指令,只需点击它的图标或说出相应的Siri命令即可。执行快捷指令时,它会按照用户设置的顺序自动执行一系列操作。...二、添加快捷指令   打开“快捷指令”应用:在iPhone主屏幕上找到“快捷指令”应用的图标,并点击进入。   创建新的快捷指令:点击右上角的“+”按钮,开始创建一个新的快捷指令。   ...将快捷指令添加到主屏幕:在“快捷指令”应用中长按所需的快捷指令,选择“添加到主屏幕”,然后您就可以直接从主屏幕点击图标来运行指定的快捷指令了。   ...虽然这个快捷指令的名字是「iOS 13 电池寿命」,但经过实际测试 iOS 14 系统也可以使用。

    6.9K10

    iOS 15 要来了!UI 焕然一新,分屏显示,iPhone 7以下机型不支持

    我们知道,iOS 7之前的系统,图标都是拟物风格。 iOS 14的图标是扁平化风格,到了iOS15图标将再次回到「拟物风格」。...在最近的系统更新中,Apple Music for Artists应用除了修复一些BUG,提升稳定性外,图标的设计风格也发生了改变。...可以看出,重新设计的图标风格又回到了以前的拟物化,整体看起来会更加简约和立体。 还有App Store Connect 应用的图标也是如此,都预示着这次iOS 15的更新重新回归拟物化。...在全新的控制中心中,WiFi、蓝牙、AirDrop将会在一个控制块当中,勿扰、屏幕镜像、声音、显示器则各自单独有着自己的区块。 在iOS 14上,苹果为其加入了画中画功能,有一种「多任务」感觉。...根据市场调研机构MixPanel统计的数据,iOS 14推送7个月后,现在已经超过90%的设备安装了最新的系统,其余还有5%的设备运行iOS 13,5%的设备运行更早的系统。

    54020
    领券