添加到iPhone的主屏幕时,Web应用程序的响应速度会变慢
这个Angular 2应用程序在iPhone上运行时在iPhone上的主屏幕上感觉不到反应。
我把它添加到index.html中,使它成为了web应用程序:
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="Angular NavTabs">
如果你有几分钟, 请在Github Pages上查看 。
在Safari中运行时,切换标签感觉非常敏感。 但是,从主屏幕启动应用程序时,感觉会比较滞后。
有什么我可以改变或添加到代码来解决这种行为?
注意:同样的事情发生,如果我从应用程序中删除animation。
我录制了几个GIFanimation,试图展示它们之间的差异,但除非实际上与应用程序交互,否则很难去欣赏。
您正在经历着在Safari Mobile中已经修复了一段时间的臭名昭着的“ 300ms秒延迟 ”,但是一旦您的应用程序被添加到主屏幕,仍然在这里。
使用FastClick库应该可以解决这个问题。
要在Angular应用程序中使用它,请安装npm包:
npm install --save fastclick
然后将其添加到您的main.ts
文件中:
import * as fastClick from 'fastclick'; fastClick.attach(document.body);
编辑 :
使用iOS 11,添加到家庭屏幕上的networking应用程序现在将被托pipe在WKWebView中,而不是UIWebView,这将使FastClick过时: https : //developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari /Safari_11_0/Safari_11_0.html
希望能帮助到你。
- 我用NativeScript构建了东西-第3部分
- iPhone的iOS是有可能创build一个测距仪与2激光指针和iPhone?
- 在某些angular度的连接线有尖顶而不是圆angular
- 在iOS Safari中debugging添加到主屏幕的Web应用程序
- Angular 2应用程序库与cordovaIOS的href
- 量angular器:如何访问我们的应用程序中的全局variables?
- 如何获得UITableViewCell的圆angular边缘的方式,允许用户select单元格背景颜色? (但不使用GROUPED模式)
- 苹果应用程序拒绝,因为Auth0 signUpLink在Cordova InAppBrowser中未打开,而是在系统浏览器(Safari)中打开,
- 无法接收remoteControlReceivedWithEvent – 目标c – ios