javascript - 当元素进入视口(viewport)时如何使用 html 或 css(无 js)发送请求

Question

我目前在我的元素中使用 AMP-html，这让我无法在前端使用我自己的 javascript。有内置组件，但当某个元素滚动到视口(viewport)中时，没有任何东西可以触发请求。

我想知道是否存在 html/css hack 以便为分析目的发射信标。 (可能类似于延迟加载图像，当 url 是请求 url 时)

谢谢!

Answer 1

简而言之:

据我所知，没有 JavaScript 就无法可靠地实现滚动链接效果、延迟图像加载或“信标”。

---

详细解释:

浏览器会出于布局和 DOM 目的预先请求图像，即使它们在当前 View 之外。 The HTML5 spec表示当禁用脚本时，浏览器可能同步或异步获取图像，但如果启用脚本，则必须立即获取图像。规范 indicates只有当用户将其关闭、浏览器不支持它或当前文档在沙箱中时，脚本才会被视为已禁用。*

* 基本上带有 sandbox attribute 的 iframe不包含 allow-scripts 作为值的一部分。

An old comment on another StackOverflow question表示还有其他方法可以尝试阻止图像加载，例如使用 background-image，但它们在浏览器之间并不相同，不能单独通过滚动触发。