首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当添加到iPhone主屏幕时,Web应用程序的响应能力降低

当添加到iPhone主屏幕时,Web应用程序的响应能力降低
EN

Stack Overflow用户
提问于 2016-10-06 17:17:18
回答 1查看 2.1K关注 0票数 4

当添加到iPhone上的主屏幕时,这个有角度的2应用程序的响应能力要比在Safari中运行时要低。

我将其添加到index.html中,使其能够使用web应用程序:

代码语言:javascript
运行
复制
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Angular NavTabs">

如果你有几分钟的话,去查一下吉特布的网页

在Safari中运行时,在选项卡之间切换感觉非常灵敏。然而,当应用程序从主屏幕上启动时,它会感到滞后。

有什么可以修改或添加到代码中来修复这种行为吗?

注意:如果我从应用程序中删除动画,也会发生同样的事情。

我录制了几个动画GIF试图显示不同之处,但这是很难欣赏的,除非你实际与该应用程序互动。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-08 19:15:00

您正在体验臭名昭著的"300毫秒延迟",它在Safari中修复了相当一段时间,但是一旦应用程序被添加到主屏幕上,它仍然在这里。

使用FastClick库应该可以解决这个问题。

若要在角应用程序中使用它,请安装npm包:

npm install --save fastclick

然后将其添加到main.ts文件中:

代码语言:javascript
运行
复制
import * as fastClick from 'fastclick';
fastClick.attach(document.body);

编辑

使用iOS 11,添加到家庭软件中的web应用程序现在将被托管在一个WKWebView中,而不是UIWebView,后者将使用FastClick过时的:0.html

希望能帮上忙。

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39902055

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档