javascript:移动设备上的插页式广告 - 您如何处理缩放？

Question

我有一个在发布者网站上运行的脚本。我想在进入网站时展示一个插页式广告。我可以访问传统广告。问题在于发布商以不同的方式对待他们的移动网站，或者根本不对待。您可以访问没有“meta name="viewport""和初始比例的站点和/或偶然发现不同的比例或缩放比例。因此，如果我有一个 320x480 的广告，它在 所有 320x480 设备上看起来都不会很好，因为我不知道缩放/缩放状态。正如我阅读的那样，即使我能分辨出比例，也几乎不可能处理它并获得 X-Browser 支持。打开一个新窗口或导航到我自己的 URL 以显示广告不在问题范围内。

你能推荐一个解决这个问题的方法吗？谢谢。

Answer 1

好的，没有人回答:(到目前为止，我想到了这个方法，很高兴听到你的想法。

通过阅读this回答和this第一，我可以在运行时修改视口(viewport)属性。这很好，让我能够在比例 1 上展示广告，而不管用户比例或缩放比例如何。

问题是，一旦广告不再显示，如何恢复到之前的比例？如何保存当前比例/缩放并在需要时将其设置回去？仅保存内容是不够的，因为用户可以在页面加载后更改缩放比例。谢谢。

编辑:

这就是我想出的:

1. 视口(viewport)的querySelector
2. 如果存在，保存“内容”数据，删除宽度(如果存在)并添加 CURRENT_WIDTH。如果不是，则创建一个仅使用 CURRENT_WIDTH 作为参数的视口(viewport)
3. 将新属性设置为“内容”，如下所示:

viewport.setAttribute('content', 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no');

1. 在需要时恢复视口(viewport)属性