php - 立即加载 URL 导航

Question

一段时间以来，众所周知，“快速导航”可以轻松用于http://example.com/#1 --> http://example.com/#2。

但是，那里有一种新技术。它可以在http://example.com/1 --> 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

不，您在那里看到的 url 不用于加载另一个页面。网站中包含的 javascript 代码中有 AJAX 请求，它们加载新内容以显示和更新 URL 栏。

您可以在本文以及过去提出的以下问题中了解更多信息：

在不重新加载页面的情况下修改 URL

使用新 URL 更新地址栏而不使用哈希或重新加载页面

Answer 2

我可以想到两种可能的方法，您可以尝试一下。

首先是简单地使用 iframe 加载每个页面的下一页和上一页，当有人滑动到下一页时，将下一页加载到新的 iframe 或带有 ajax 或任何其他 html 元素的 div 中。

另一种是使用rel属性，这里是关于它的解释。

希望这可以帮助你

Answer 3

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

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

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

注意：url 可以是 javascript 资源

注意 2：过渡可能比从 javascript 动态填充稍微不干净，尤其是在较大的复杂页面上，但仍然可以在 noscript 或 javascript 关闭的情况下工作，所以可能是一个很好的后备