是否可以使用HTML5本地存儲在不同站點的頁面之間共享數據？

Question

我想在用戶端創建數據，讓其他URL的javascript也可以訪問它。 我知道相同的原始政策，但我想知道是否有可能創建一些例外。 或者，我可以使用任何技巧/功能嗎？

Answer 1

我知道的最好的技巧是使用iframe和postMessage API從外部域訪問localStorage。

這種技術很簡單：

• 在您的頁面上，您必須為要從中獲取數據的域創建iframe

• 您的數據域需要偵聽message事件：

  document.addEventListener（“message”，handler，useCapture）;

• handler將負責訪問localStorage並將其內容發布到源域

• 您的源域可以使用postMessage API調用數據域上的handler函數https://developer.mozilla.org/en-US/docs/DOM/window.postMessage

為了保護您的數據，您可以使用HTTP標頭X-Frame-Options ALLOW-FROM uri https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options?redirectlocale=en-US&redirectslug=The_X -frame-OPTIONS_response_header

希望它會有所幫助。