在页面加载时访问 pushState URL

Question

我正在尝试创建一个允许自定义 url 而不是带有主题标签的 url 前缀的画廊。

例如：

http://www.myportfolio.com/gallery/3

而不是

http://www.myportfolio.com/gallery#3

---

到目前为止，一切正常，如果我从 http://www.myportfolio.com/gallery 访问，我可以使用更新的 url 转到下一个和上一个图像。

我现在的主要问题是，虽然网址现在是动态的，但它仍然无法添加书签，如果我输入 http://www.myportfolio.com/gallery/4 去第四张图片它不起作用。

是否有 Javascript 方法来解决这个问题，还是需要结合 PHP 来重定向 url？

Answer 1

可以使用客户端 JavaScript 来处理这个问题，尽管您需要设置服务器以便每个 URL（不是用于图像或脚本之类的东西）加载您的 SPA 运行的引导文档.您只需要在页面加载时检查location.href，然后设置您想要的内容。

也就是说，这样做是一个非常糟糕的主意，完全忽略了首先使用 pushState 和朋友的意义。

能够拥有正常网址的两点是：

• JavaScript 失败的客户端仍会获得有用的页面
• 该 URL 的内容在初始页面加载时加载（因此可用更快）

如果你不打算利用这一点，你不妨回到 hashbangs。