Question

我在主题中使用引导标签。我正在将当前标签号存入localstorage。执行我的功能后，我正在重新加载页面并从tab#获取localstorage。它使用chrome工作正常但Firefox无法正常工作。以下是我的代码：

$("ul.nav-tabs > li > a").on("shown.bs.tab", function(e){
   var id = $(e.target).attr("href").substr(1);
   window.location.hash = id;
   localStorage.setItem('tab',id);
});

我从存储中获取：

localStorage.getItem('tab');

E.g。在Chrome中，它提供了#tab3，但在Firefox中，它提供了htab3。用#替换h。我怎样才能解决这个问题？

Answer 1

我不知道哪个版本的Firefox可以做到这一点，因为59.0.2似乎工作正常。

如果您遇到特殊字符问题，尽管使用base64可能是一种解决方法。

var myStorage = {
    getItem: function _get(key) {
        return atob(localStorage.getItem(key));
    },
    setItem: function _set(key, val) {
        return localStorage.setItem(key, btoa(val));
    }
}


//Testing it
myStorage.setItem('tabs', '#four');
console.info(myStorage.getItem('tabs'));

Localstorage在Firefox中无法正常运行？

1 个答案: