amp 应用程序横幅未在 android 和 IOS 设备中正常显示

Posted 2023-02-22

技术标签:

【中文标题】amp 应用程序横幅未在 android 和 IOS 设备中正常显示【英文标题】：amp app banner does not show in android and IOS device working fine 【发布时间】：2020-06-14 10:10:42 【问题描述】：

我正在使用以下未显示 AMP 应用横幅的代码。

Here is the example.

<script async custom-element="amp-app-banner" src="https://cdn.ampproject.org/v0/amp-app-banner-0.1.js"></script>
<meta name="apple-itunes-app" content="app-id=828256236, app-argument=medium://p/9ea61abf530f">
<link rel="manifest" href="/amp-app-banner-manifest.json">


  "prefer_related_applications": true,
  "related_applications": [
    
      "platform": "play",
      "id": "com.medium.reader",
      "url": "android-app://com.medium.reader/https/medium.com/p/cb7f223fad86"
    
  ]

【问题讨论】：

你好。我现在遇到了类似的问题。你设法让它工作了吗？ "Android 清单 href 属性必须通过 https 提供。"根据 amp 应用横幅文档 (amp.dev/documentation/components/amp-app-banner) - 尝试使用绝对清单链接 【参考方案1】：

获得更多信息会很好。但根据显示的内容，我可以看到没有传递任何布局属性，这有时可能是一个问题。试试这个

https://www.nxtut.com/amp-app-banner-example/

【讨论】：

我已经提到了一个例子：playground.amp.dev/…*1tf5qvf*_ga*YW1wLTQwNW9GM3l3NXZwWkVtSC1kVFo3bEE.&mode=Galaxy+S5 链接已关闭，还有其他选择吗？【参考方案2】：

按照以下说明查看输出。

1) 打开 chrome 输入您的 amp 页面 URL

2) 打开控制台并点击 3 个点。

3) 在更多工具里面选择网络条件

4) 在网络条件下取消选中用户代理自动复选框并手动选择 firefox iPad 并重新加载页面。

【讨论】：