javascript - 移动网络浏览器和移动网络应用程序是否共享相同的 localStorage

Question

我正在为移动设备开发一个网站。该网站可以通过普通的网络浏览器访问，也可以通过一个应用程序访问，该应用程序只是一个浏览器外壳，可以调出移动网站。为了加快移动网站的加载速度，我们减少了请求，使用了数据 URI 等。最近我们开始使用 localStorage 将样式和 JavaScript 数据保存到设备。

为什么你会问？在我们的测试中，移动浏览器会在整个 session 期间以及浏览器关闭和重新打开时保持缓存。该应用在使用期间一直保持其缓存，但当它关闭并重新打开时，它会重新请求所有内容，从而减慢初始加载速度。

问题是，如果您在浏览器或应用程序中进行一些小操作，我们有特定的样式和 JavaScript。我们已经看到一些事情打破了这些细微的差异，我最好的理论是 localStorage 在浏览器和应用程序之间共享。如果 localStorage 由一个用户设置而另一个用户需要其他东西，那么同时使用网站和应用程序的用户可能会遇到问题。

我找不到任何文档来证实这个理论，如果没有创建一个应用程序来测试这个，我想我会问是否有人有任何想法？

Answer 1

如果你相信Apple ...

Like cookies, storage objects are a shared resource common to web content served from the same domain. All pages from the same domain share the same local storage object. Frames and inline frames whose contents are from the same origin also share the same session storage object because they descend from the same window.

Because the storage resource is shared, scripts running in multiple page contexts can potentially modify the data stored in a storage object that is actively being scrutinized or modified by a script running on a different page. If your scripts do not notice these changes, you may not get the results you expect.

如果您使用与 Web 应用程序相同位置的数据填充您的应用程序，我会怀疑有一些键被另一个修改了。我知道如果 Web 应用程序和离线应用程序从同一域加载数据，使用 sessionStorage.clear() 会清除 key 。