1 基於 local storage 實現的信息傳遞
相關插件 lsbridge.js https://github.com/krasimir/l... 且項目中有很是簡單易懂的示例
你須要瞭解的一些關於LocalStorage的特性:
只有相同域名的頁面才能互相讀取 LocalStorage
每一個域名 localStorage 最大存儲量爲 5Mb 左右(每一個瀏覽器不同)
LocalStorage 永久有效,除非用戶主動清理緩存
localStorage只能存String類型的字符串前端
這種方案簡單易用,且不須要後端的支持,但不管前端是使用哪一種本地存儲方式,都只能基於統一瀏覽器中使用,而且在某些數據量較大的可視化項目中這種方式其實不太適用,若是須要跨終端互動或者大數據量支持,則能夠使用websocket實現。git
2 websocketgithub
關於websocket 的資料已經不少,這裏就很少介紹。須要注意的問題就是作好用戶控制。web
已有案例: http://stage.moneplus.cn/ice/ ,手機掃描左上方二維碼進入,搖動手機模擬冰塊掉落,在pc 上面的杯子接入掉落的冰塊後端