Local Storage代码在Opera中完美工作，但在Safari中只有一半

Question

我已经编码PWA已有大约一个星期了，我需要一些帮助，以了解为什么代码在Opera中完全有效，而在Safari中不起作用。

如何复制我的问题：

1. 打开我的项目（ link> link ） ）和Opera（或Chrome或其他任何）
2. 单击左侧的第三个按钮，
3. 一旦做饭，就做饭（随机做一些随机的东西），然后注意切换打开并打开它。
4. 重新加载页面，看看餐点仍然显示出来，但切换不会显示Safari。
5. 由于某种原因，它在Safari中不起作用，

我是在使用Safari中不允许的代码吗？我如何解决这个问题？

我还通过firebase 在这里

Answer 1

在对不和谐进行了一些调试之后，我们发现在 script.js 中，这些行引起了问题：

if (mealTargetted) {
      userData.mealInformation.find(a => a.name == e.target.parentNode.parentNode.innerText).addedToShoppingList = false;
      localStorage.setItem('data', JSON.stringify(userData));
} else {
      userData.mealInformation.find(a => a.name == e.target.parentNode.parentNode.innerText).addedToShoppingList = true;
      localStorage.setItem('data', JSON.stringify(userData));
}

https://github.com/rohilpatel1/calebra/blob/78b13a86859c90d1897a6d9865e37124db636db636d58/script.jscript.jspript.js#l77

“ Safari， e.target.parentnode.parentnode.innertext 与已保存的LocalStorage相比，有一个尾随空间：

console.log（userdata.mealInformation，e.target.parentnode.parentnode.innertext）

这意味着 a.name == e.target.parentnode.parentnode.innode.innertext.innertext.trim（）永远不会满足，因此 userdata.mealInformation.find（a =＆gt; a.name ==== e.target.parentnode.parentnode.innertext）返回未定义，扔 undefined不是对象错误，导致切换似乎不更改。

解决方案

是什么意思是我们必须修剪 e.target.parentnode.parentnode.innertext ：

if (mealTargetted) {
      userData.mealInformation.find(a => a.name == e.target.parentNode.parentNode.innerText.trim()).addedToShoppingList = false;
      localStorage.setItem('data', JSON.stringify(userData));
} else {
      userData.mealInformation.find(a => a.name == e.target.parentNode.parentNode.innerText.trim()).addedToShoppingList = true;
      localStorage.setItem('data', JSON.stringify(userData));
}

所以这不是局部通讯问题，只是代码问题