javascript - 通过外部管理员或服务器更改移动网站背景颜色

标签 javascript jquery html mobile websocket

我正在寻找一种通过外部输入更改移动网站背景的方法。假设管理员可以“实时”更改加载网页的所有其他用户的背景颜色。即管理员使用 slider 控制颜色,其他用户看到颜色变化。

enter image description here

所以我认为我需要三件事。

  • 基于管理的环境
  • 获取背景颜色值并将其推送到移动网站的服务器。
  • 移动网站加载服务器的值。

如有任何帮助,我们将不胜感激。

最佳答案

看看https://demo.crossbar.io/colorpicker/index.html (并确保同时在两个选项卡中打开它)。这基本上就是你想要的。使用的软件是开源的。 (免责声明:我是该软件团队的一员,但是嘿,它满足您的需求。)

说明: Crossbar.io ( http://crossbar.io ) 是一个消息传递路由器,它使用 WAMP 协议(protocol) ( http://wamp-proto.org ) 连接分布式应用程序中的组件。对于浏览器中的组件,默认协议(protocol)是WebSocket。 WAMP 具有多种编程语言的库,可以在应用程序中混合使用。

所有组件都可以使用两种消息传递模式进行通信:发布和订阅以及路由远程过程调用。

对于这样的用例, Controller 页面发布颜色更改事件,并且移动客户端订阅这些事件。然后,Crossbar.io 将事件分发给所有订阅的客户端。

关于javascript - 通过外部管理员或服务器更改移动网站背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42695752/

相关文章:

javascript - 显示 HTML 而不是浏览器警报

html - CSS 在悬停在网页链接(<a> 标签)上时调整背景颜色的高度

javascript - 如何在每个 PDFObject div 的顶部插入内容?

javascript - ng-click 在响应式 Angular 数据表中不起作用

javascript - 将原型(prototype)/方法添加到 jQuery val();

javascript - 如何使 <div> 仅在选择某个 <select> 下拉选项时显示? <select> 选项由 ng-repeat 指令填充

html - 如何删除 Bootstrap 行之间的空格

javascript - 在页面加载时隐藏部分,然后在点击时显示部分

javascript - 如何在 create-react-app 中创建导入快捷方式/别名?

jquery - 如何在 jQuery ajax 请求中使用 post 方法的超时属性?