如何快速加载下一个上一篇文章

时间:2013-12-28 00:04:24

标签: javascript jquery ajax

查看http://9gag.com/gag/a3YGLY1http://www.memecenter.com/fun/134512/Comma或任何Facebook照片库

他们有此功能,您可以使用箭头键浏览帖子。我设法用javascript做了这个,但是我不明白他们如何快速加载这些新页面!

他们使用的是AJAX吗?预呈现页面? 这个功能有官方名称吗?我试过搜索但找不到任何东西。

1 个答案:

答案 0 :(得分:0)

他们都预装了下一张图片(或者有几张,例如来自Facebook工程师的this post,2011年表示他们提前预装了5张,后退了1张。

您可以通过加载您提到的其中一个网站,在Chrome中打开开发者工具,点击“网络”标签,然后选择仅在底部查看“图片”来查看它。

每次加载新页面时,您都会看到其中一个未来图像被加载(在memecenter上特别明显,其中所有图像都有正确的名称!)

您只需要找到后续图片的网址,然后就可以轻松创建DOM元素(例如this SO answer有多种选项)