Minimap网站导航

Question

我试图建立一个网站，将其构建为＆＃34;宝藏任务＆＃34;游戏：用户将在这些书籍之间导航，就像你作为英雄的这些书籍一样，可以在页面之间跳转。

所以这只是链接问题，会导致页面或其他页面。

但我想做的是制作一个迷你地图，向用户展示下一步他可以去的地方，但最重要的是向他展示他已经采取的路径！

我在考虑使用cookie来保存被访问页面的信息，然后根据这些数据加载显示正确路径的特定SVG。

因为我之前从未使用过cookie（而且我几乎不知道Javascript），我想知道这是否是正确的解决方案，或者是否有更好的选择。

我附上了我想要实现的内容的快速绘图，以澄清这一点：

非常感谢您，我将非常感谢您的帮助！

Answer 1

使用本地存储将是可行的方法。无论何时您想保存可从整个网站访问的内容，即使您关闭浏览器也会保存，您应该使用本地存储。

一种干净的方法是将这些信息保存为JSON数组：

// Populate this array each time you visit a page
var pages = ['page1', 'page2']; 
// Store them as a stringified array
localStorage.setItem("pagesVisited", JSON.stringify(pages)); 

然后，当您需要获取该信息时，请解析它：

var pagesObject = JSON.parse(localStorage.getItem("pagesVisited"));

通过这种方式，您将始终拥有一个可以记住每个页面上的内容的对象。