javascript - iOS 上的 Facebook 浏览器 : problems with localStorage

Question

当网站在 iOS 和 android 上的 Facebook 浏览器中打开时，我们的 webapp (react) 的 Localstorage 表现得很奇怪。我们有一个身份验证流程，它依赖于将 token 存储在本地存储中并读取它。当我们的网站在 facebook 浏览器中打开时(用户在 Facebook 上单击指向我们网站的链接)，我们看到的症状是身份验证流 第一次尝试失败登录时，但 第二次尝试 登录时。看起来本地存储是异步的。至少它的行为与 Chrome、Firefox 和 Safari 等其他浏览器不同。

我曾尝试在登录后重定向之前执行长达 700 毫秒的 setTimeout，但它仍然无法从本地存储中读取 token 。
但是我可以做 localstorage.getItem(key)紧接在 localstorage.setItem(key, value) 之后并得到预期的结果。

Answer 1

如果有人在 Fasebook 应用内浏览器中遇到 localStorage 问题，请确保将字符串设置为 localStorage 中的变量(不是数字、 bool 值等)。这是一条简单的规则，但有时当您没有出错时您会忘记它。
我的代码在 smarty Chrome 中工作，但在 Facebook 浏览器中没有按预期工作，因为 exp变量是一个数字:

window.localStorage.setItem("exp", exp);

但是这段代码在两种浏览器中都运行良好:

window.localStorage.setItem("exp", ''+exp);