web 多屏互动显示方案

1 基于 local storage 实现的信息传递
相关插件 lsbridge.js https://github.com/krasimir/l… 且项目中有非常简单易懂的示例
你需要了解的一些关于LocalStorage的特性:
只有相同域名的页面才能互相读取 LocalStorage
每个域名 localStorage 最大存储量为 5Mb 左右(每个浏览器不一样)
LocalStorage 永久有效,除非用户主动清理缓存
localStorage只能存String类型的字符串

这种方案简单易用,且不需要后端的支持,但无论前端是使用哪种本地存储方式,都只能基于统一浏览器中使用,并且在某些数据量较大的可视化项目中这种方式其实不太适用,如果需要跨终端互动或者大数据量支持,则可以使用websocket实现。

2 websocket

关于websocket 的资料已经很多,这里就不多介绍。需要注意的问题就是做好用户控制。

已有案例: http://stage.moneplus.cn/ice/ ,手机扫描左上方二维码进入,摇动手机模拟冰块掉落,在pc 上面的杯子接入掉落的冰块

    原文作者:大侯
    原文地址: https://segmentfault.com/a/1190000017153604
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞