iOS「添加到主屏幕」功能异常:403错误及奇怪行为排查求助
关于iPhone「添加到主屏幕」功能的三类异常排查求助
我正在测试iPhone的「添加到主屏幕」功能,该功能在部分网站可正常运行,但我的两个站点出现三类异常:
- 正常参考案例:在Safari打开http://memorizequran.app,点击分享选择「添加到主屏幕」,从主屏幕打开时进入类App模式,不依赖Safari且无法跳转其他页面;
- 403禁止访问错误:在Safari打开我的站点https://conferencecaptioning.com,添加到主屏幕后打开显示403 Forbidden Error;
- 异常跳转行为:在Safari打开我的站点https://app.conferencecaptioning.com,添加到主屏幕后打开会直接在Safari中打开,和普通书签无区别。
已做调试动作
- 搜索相关资料未找到有效解决方案;
- 添加并切换
<meta name="apple-mobile-web-app-capable" content="no"/>标签,问题未解决; - 对比分析了同技术栈(React)的正常站点代码,未发现关键差异,该站点的头部代码如下:
<meta charset="utf-8"> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-JWW3CSCPKC"></script> <script src="/cdn-cgi/apps/head/NCs3f5VLUUwGVXoMx2QKhksFPHk.js"></script> <script src="/cdn-cgi/apps/body/bcFDIesC64uR9Pu65gN4ni0E6wo.js"></script> <link rel="shortcut icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#000000"> <meta name="description" content="Quran Memorization - FREE Desktop & Web App in One. A Muslim Central Project."> <link rel="manifest" href="/manifest.json"> <title>Memorize Quran - Web & Desktop App</title> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f05d61"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <meta property="og:url" content="https://memorizequran.app/"> <meta property="og:type" content="website"> <meta property="og:title" content="Memorize Quran App"> <meta property="og:description" content="Quran Memorization - FREE Desktop & Web App in One. A Muslim Central Project."> <meta property="og:image" content="https://memorizequran.app/og-image.jpg"> <meta property="og:image:width" content="279"><meta property="og:image:height" content="279"> <meta property="fb:app_id" content="526260910776488"> <script defer="defer" src="/static/js/main.6acb2d6f.js"></script> <link href="/static/css/main.2e3790fe.css" rel="stylesheet"> <style data-emotion="css-global" data-s=""></style> <style data-emotion="css-global" data-s=""></style> <style data-emotion="css-global" data-s=""></style> <style data-emotion="css" data-s=""></style>
现求助排查上述异常问题的原因及解决方法。
内容的提问来源于stack exchange,提问作者Saamer
相关产品推荐
相关产品推荐

