如何将网站的下一页预加载到浏览器中

时间:2018-08-27 21:13:12

标签: javascript html preload static-files

我希望为我的网站实现特殊功能,其中加载具有多个其他连续页面(例如搜索结果)的页面会将下一页预加载到浏览器中,可通过“前进”按钮进行访问。这种功能可以在MSN News网站上找到;请参见以下屏幕截图。

A screenshot of a webpage with the next page preloaded.

我希望在静态部署中通过JavaScript实现此功能,例如,服务器将只发送客户端所有内容。这是可能吗?我在哪里可以找到有关此类事情的文档?我已经尝试在其他地方搜索此查询的答案,但无济于事。预先感谢。

1 个答案:

答案 0 :(得分:0)

我要避免将前进按钮用作其主要目标,而应该像下一个按钮一样预加载页面上的链接,而应该通过称为InstaClick的操作来实现。如果您要专门针对前进按钮本身,那么最好的浏览位置是History API,但特定于浏览器。我已经在此附加了Mozillas文档。

https://developer.mozilla.org/en-US/docs/Web/API/History_API

http://instantclick.io/

https://github.com/dieulot/instantclick