當元素進入視口時如何使用html或css（no js）發送請求

Question

我目前在我的項目中使用AMP-html，這使我無法在前端使用自己的javascript。 有內置組件，但是當某個元素滾動到視口時，沒有任何東西可以觸發請求。

我想知道是否有一個html / css hack來發射信標以進行分析。 （當url為請求url時，可能類似於延遲加載圖像）

謝謝！

Answer 1

缺少它：

據我所知，沒有JavaScript就無法可靠地進行滾動鏈接效果，延遲的圖像加載或“信標”。

---

詳細說明：

瀏覽器將出於布局和DOM的目的而預先請求圖像，即使它們不在當前視圖中也是如此。 HTML5規范說，禁用腳本時，瀏覽器可以同步或異步獲取圖像，但是如果啟用腳本，則必須立即獲取它們。 規范指出 ，只有在用戶關閉腳本，瀏覽器不支持腳本或當前文檔位於沙箱中的情況下，腳本才被視為已禁用。*

*基本上，iframe的沙盒屬性不包含allow-scripts作為值的一部分。

關於另一個StackOverflow問題的舊評論表明，還有其他方法可以嘗試防止圖像加載，例如使用background-image ，但是它們在瀏覽器中並不相同，並且不能僅通過滾動來觸發。