使用HTML5 History API (Pushstate?)的好教程。

9 浏览
0 Comments

使用HTML5 History API (Pushstate?)的好教程。

关闭。这个问题是在寻找关于书籍、工具、软件库等的建议,不符合Stack Overflow指南。它目前不接受答案。


我们不允许寻求关于书籍、工具、软件库等的建议。您可以编辑该问题,使其能够用事实和引用来回答。

改进此问题

我在研究使用HTML5 History API来解决AJAX加载的内容的深度链接问题,但是我很难上手。有没有人知道有什么好的资源可以提供给我?

我想使用它是因为它似乎是一个很好的方法,可以让那些被发送链接的人可能没有JS打开的可能性。很多解决方案在有JS的人向没有JS的人发送链接时会失败。

我的初步研究似乎指向JS中的历史API和pushState方法。

http://html5demos.com/history

将显示一个指向\"http://html5demos.com/history\" 的链接。

admin 更改状态以发布 2023年5月22日
0
0 Comments

我从《深入理解HTML5》中受益匪浅。解释和演示更加简单明了。
历史章节 - http://diveintohtml5.info/history.html
以及历史演示 - http://diveintohtml5.info/examples/history/fer.html

0
0 Comments

对于一个很好的教程,Mozilla开发者网络页面上的这个功能是你需要的: https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

不幸的是,HTML5 History API在所有HTML5浏览器中的实现方式都不同(使其不一致且有问题),并且没有HTML4浏览器的备用选项。幸运的是,History.js为HTML5浏览器提供了跨兼容性(确保所有HTML5浏览器按预期工作),并可选地为HTML4浏览器提供哈希回退(包括维护数据、标题、pushState和replaceState功能的支持)。

你可以在这里阅读更多关于History.js的信息:
https://github.com/browserstate/history.js

关于Hashbangs VS Hashes VS HTML5 History API的文章,可以在这里查看:
https://github.com/browserstate/history.js/wiki/Intelligent-State-Handling

0