在桌面浏览器上测试 Apple Smart App Banner答案

【问题标题】：Testing Apple Smart App Banner on desktop browser在桌面浏览器上测试 Apple Smart App Banner
【发布时间】：2013-10-11 04:15:10
【问题描述】：

有没有办法通过欺骗用户代理的方式在桌面浏览器中测试 Apple Smart App Banners，或者这个功能是否是 Mobile Safari 特有的，我只能在 iDevice 上测试它？

我知道仅仅在桌面浏览器中欺骗用户代理并不能显示智能应用横幅，但也许我可以在桌面 Safari 浏览器中执行其他操作来测试横幅？

我不是 iOS 开发人员，但如果有帮助，我可以访问同事 Mac 上的 iOS 模拟器。

【问题讨论】：

【解决方案1】：

很遗憾，Smart App Banner 仅在 iOS Safari 上显示在真实设备上。 iOS Simulator 和桌面 Safari 无法显示智能应用横幅。

这很糟糕，尤其是因为在智能应用横幅被关闭后重置它们是huge pain。

【讨论】：

【解决方案2】：

在 chrome 开发工具中，单击引导您进入更高级设置的 sprocket，选中“覆盖”复选框，然后选择移动用户代理（IOS、Android）。

请记住，chrome 提供的屏幕尺寸并不总是准确的，可能需要进行一些调整。

要获得更准确的屏幕尺寸，您可能需要使用 Mozilla 和 Firebug（基本上具有相同的功能）

【讨论】：

【解决方案3】：

您只需点击 chrome 检查器内的切换设备工具栏，智能应用横幅就会被识别，因为此切换更改为移动用户代理。

查看示例结果：

【讨论】：