Javascript 使用各种Chrome站点数据存储选项？

我第一次在Chrome中查看我存储的cookies，是通过查看chrome://settings/siteData. 除了Cookie，我还注意到其他各种存储类型—缓存存储、数据库存储、本地存储、服务人员等。例如：

我熟悉Cookie和本地存储，以及如何从JavaScript存储到它们，但不熟悉其他内容。我的问题是:

其他人来自哪里，例如，他们是如何从JavaScript中读取/写入/删除的

本地存储选项的具体优势是什么？例如，有些选项设计得更适合安全地存储信息吗

以下哪项最适合存储用户UI首选项？（我从2011年起就知道了。）

其中哪些是“标准”的，哪些是特定于铬的

谷歌在其开发者网站上有一个网站，可以回答其中一些问题。特别是，它通过指出当前的浏览器支持（截至2019年6月20日）来回答问题（4）：

File system     52%
Local Storage   93%
Session Storage 93%
Cookies        100%
WebSQL          77%
Cache           60%
IndexedDB       83%
cloud storage  100%