首页
学习
活动
专区
工具
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中,尽可能使用这些内置图标是个好办法,因为它们对用户来说已经很熟悉了。 按预期使用系统图标。...屏幕快速行动图标 屏幕快速操作菜单中使用以下图标。 ? ? ?

3K20

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

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

1.9K50

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.3K50

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

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

3.8K50

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

4.9K30

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.6K60

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.5K00

跟着官方文档学习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 编译器要不要把所有的备用图标也编译到

4.7K41

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

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

1.4K10

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.3K10

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

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

2.8K30

最新Camtasia2023中文版本屏幕录制软件

Camtasia2023是市场上最好录像机和屏幕录制软件之一。强大软件视频编辑程序Camtasia 适用于Windows和iOS。...它支持多种流行媒体格式,并对您创建视频提供令人印象深刻控制范围。3000多万专业人士全球范围内使用Camtasia展示产品,教授课程,培训他人,以更快速度和更吸引人方式进行沟通和屏幕分享。...Camtasia专业 屏幕录制和视频剪辑软件3000多万专业人士全球范围内使用Camtasia展示产品,教授课程,培训他人,以更快速度和更吸引人方式进行沟通和屏幕分享。...,主视图中添加了试用和帐户状态散热器014.添加了增强学习选项卡体验015.添加了锚点捕捉,增加了调整任何媒体锚点能力,现在,当媒体添加到库中时,将存储添加调整锚点016.添加了 30 个新...、强调效果、标题资源、图标、字形、填充、覆盖等等

72110

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

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

41010

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%设备运行更早系统。

50020
领券