立即加载URL导航

Question

一段时间以来所知道的是，“快速导航”可以轻松地用于http://example.com/#1 - ＆gt; http://example.com/#2

然而，有一种新技术。它可以在http://example.com/1 - ＆gt;之间快速导航。 http://example.com/2

示例：http://rageslide.com/

正如您在示例中所看到的，http://rageslide.com/1和http://rageslide.com/2等之间的导航通过显式滑动不会强制整个网站重新加载。
我想为我的网站做同样的事，但我不知道如何做到这一点。我网站提供的所有页面都是动态的（通过PHP和MYSQL）。

我有这个想法：

• 将生成的页面输出（http://example.com/2）缓存60秒。
• 当用户通过Javascript http://example.com/1预加载（http://example.com/2）时。
• 用户从http://example.com/1导航到http://example.com/2。由于内容已预先加载和缓存，因此内容将立即提供给用户。

不同的想法：

• 不知何故，http://example.com/1通过.htaccess被解释为http://example.com/content.php#1。但我不知道这是否可能。

这会有用吗？或者解决这个问题的最佳方法是什么？

Answer 1

不，您看到的网址不会用于加载其他网页。网站中包含的javascript代码中有AJAX请求，用于加载新内容以显示和更新URL栏。

您可以在this article以及过去提出的以下问题中了解更多相关信息：

Modify the URL without reloading the page

Updating address bar with new URL without hash or reloading the page

Answer 2

我可以想到你可以尝试的两件事。

首先只是使用iframe来加载每个页面的下一页和上一页，当有人滑动到下一页时，将下一页加载到新的iframe或带有ajax的div或任何其他html元素。< / p>

另一个是使用rel属性，这里有一个explanation。

希望这可以帮助你

Answer 3

通过让浏览器缓存预期的导航点资源，您可以在不编写任何脚本或降级网站的情况下非常接近

用于缓存图像，将假人放在身体末端 <img .... height="0" width="0">

和页面 <link rel=”prefetch” href=”url” />幻灯片查看器类型页面的下一个和上一个还有一个rel属性

注意：网址可以是javascript资源

注意2：转换可能比从javascript中动态填充更不干净，特别是在较大的复杂页面上，但仍然可以使用noscript或javascript关闭，所以可能是一个很好的回退