Cookie 跨域解決方案(IFrame跨域)

IFrame跨域思路:假設有a.haorooms.com/text.html和b.haorooms.com/text.html兩個頁面,通過a.haorooms.com/text.html頁面去修改b.haorooms.com/text.html頁面的本地數據:

① 在a.haorooms.com/text.html頁面創建一個iframe,嵌入b.haorooms.com/text.html頁面。

② a.haorooms.com/text.html頁面通過postMessage傳遞指定格式的消息給b.haorooms.com/text.html頁面。

③ b.haorooms.com/text.html頁面解析a.haorooms.com/text.html頁面傳遞過來的消息內容,調用localStorage API 操作本地數據。

④ b.haorooms.com/text.html頁面包裝localStorage的操作結果,並通過postMessage傳遞給a.haorooms.com/text.html頁面。

⑤ a.haorooms.com/text.html頁面解析b.haorooms.com/text.html頁面傳遞回來的消息內容,得到 localStorage 的操作結果。

到此 Cookie 跨域解決方案(IFrame跨域)介紹完成。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章