精易论坛

标题: 云视窗——支持多端同步的Web桌面UI [打印本页]

作者: 1051496412 时间: 2021-5-17 13:28
标题: 云视窗——支持多端同步的Web桌面UI
本帖最后由 1051496412 于 2021-5-17 14:00 编辑
这是一套Web桌面系统，为了实现多端同步功能，界面主要采用HTML + 原生JS + CSS开发。
下面先放上来一些效果图。
网页端

安卓端

也可以实现PC端，易语言 + Chrome内核浏览器 + JS接口即可实现环境检测，这个项目也是近期刚做的，还没来得及写。

项目结构

代码截图

系统主要特性：
1.支持环境检测
可以有效地检测安卓端、网页端。这个原理与很多H5游戏的环境检测原理是类似的（看过很多类似的写法，他们常用一个变量控制，0表示网页1表示安卓2表示IOS等），可以作为一种启发思路。
2.窗口支持鼠标拖动与鼠标滑动两种方式调整尺寸
安卓端使用拖动方式调整尺寸，源码中附带了APK和安卓端源码，大家安装上试一下即可知道效果；
网页端使用滑动方式调整尺寸，鼠标先按一下要调整的位置（右下角同时调整XY，右侧调整X，下侧调整Y），然后滑动到指定尺寸，再按一下即可停止调整。
3.支持窗口的最大化、最小化等动画效果
点击窗口最大化、最小化按钮即可看出效果。另外，加入了一些动画执行逻辑，如果在一个窗口动画显示过程中，无法进行其它窗口的最大化等操作。可以在页面中放心操作，无论你点得多快都不会出现冲突。
4.支持界面层次管理
可以实现类似Windows系统窗口焦点的功能，最前方的窗口具有和其它窗口不一样的效果，更易区分。
5.代码本地化
页面中用到的JavaScript代码均为中文，新手也可以学习其中的原理。
没有使用外部库，但并未影响展示效果，极具学习价值。

附件：

云视窗UI.rar (1.77 MB, 下载次数: 103)

如果喜欢这份源码或者对你的学习有帮助，麻烦给个好评帮我投一下票，谢谢。

作者: 文西哥 时间: 2021-5-17 13:39
谢谢大佬分享，学习一下

作者: 皮皮驴 时间: 2021-5-17 13:40
做了这么多年前端，第一次看见这种js代码。看的我不会了

牛批

作者: vSpear 时间: 2021-5-17 13:40
感谢楼主分享，支持一下！

藏起来的小尾巴,不让你看!

作者: chhzll 时间: 2021-5-17 14:12

谢谢大佬分享，学习一下

作者: 道易有道 时间: 2021-5-17 15:07
这个必须精华，这么强！

作者: LLZWWY 时间: 2021-5-17 15:23
感谢大佬无私分享

作者: sinewtec 时间: 2021-5-17 15:44
此处应该有鼓励~

作者: junzexi 时间: 2021-5-17 16:21
支持下作者。棒棒的

作者: AI桃子 时间: 2021-5-17 16:51

作者: 784326742 时间: 2021-5-17 17:23
bug很多的比如wx你就无法拖动窗口之类有更新@我谢谢

作者: MeaningMe 时间: 2021-5-17 17:25

作者: heyi8831 时间: 2021-5-17 17:50

感谢楼主分享，支持一下！

作者: 一尘不染 时间: 2021-5-17 17:55

感谢楼主分享，支持一下！

作者: 一尘不染 时间: 2021-5-17 17:56

感谢楼主分享，支持一下！

作者: 1051496412 时间: 2021-5-17 18:23

784326742 发表于 2021-5-17 17:23
bug很多的比如wx你就无法拖动窗口之类有更新@我谢谢

不支持wx，请使用专门的app打开
本身就是希望与自己的产品进行交互的，不可能说在qq或者wx的浏览框打开还没问题，他们那些都有滚动条什么的很难去控制

作者: 784326742 时间: 2021-5-17 18:26
本帖最后由 784326742 于 2021-5-18 00:23 编辑

已解决谢谢老哥

作者: 1051496412 时间: 2021-5-17 20:26

784326742 发表于 2021-5-17 18:26
问个问题大佬比如我打开一个PHP页面我想让这个PHP直接连接我数据包或者传数据回来之类就是想让他通 ...

可以使用 WebSocket 实现
百d搜索 WebSocket HTML 源码可以找到相关例子

作者: 784326742 时间: 2021-5-17 21:04
本帖最后由 784326742 于 2021-5-18 00:23 编辑

已解决谢谢老哥

作者: LLZWWY 时间: 2021-5-17 21:21
感谢大佬无私分享

作者: 784326742 时间: 2021-5-17 23:13
本帖最后由 784326742 于 2021-5-18 00:23 编辑

已解决谢谢老哥

作者: PNut 时间: 2021-5-17 23:38
经典大草原

作者: emodiyu 时间: 2021-5-17 23:41

感谢楼主分享，支持一下！

作者: emodiyu 时间: 2021-5-17 23:42

感谢楼主分享，支持一下！

作者: zhyl8888 时间: 2021-5-18 10:39
<img src="https://tva3.sinaimg.cn/large/7a6a15d5gy1fcmq68293hj205k063js0.jpg"/>

作者: cosset 时间: 2021-5-18 11:57
感谢发布原创作品，精易因你更精彩！

作者: 阿汤哥 时间: 2021-5-18 17:25
感谢分享~~~~~~~

作者: 网络注册会员 时间: 2021-5-18 22:14
哇卡卡，半透明的哦

作者: 网络注册会员 时间: 2021-5-18 22:14
感谢分享~~~~~~~

作者: xiaohexueha 时间: 2021-5-19 13:33
很优秀哦，支持一下

作者: 文西哥 时间: 2021-5-19 13:58
经典大草原

作者: gp8655 时间: 2021-5-19 16:36
厉害哦，我的歌

作者: hmyroot 时间: 2021-5-19 18:54
这都能开发出来，太牛逼了！

作者: 天涯阿肯 时间: 2021-5-21 00:14
感谢分享~~~

作者: lex921 时间: 2021-5-21 11:29
感谢楼主分享，支持一下！

作者: yes123 时间: 2021-5-25 10:30
感谢楼主分享，支持一下！

作者: gaoqing 时间: 2021-5-26 20:38
谢谢分享!

作者: qq305360007 时间: 2021-5-27 16:41
下载了，希望项目能继续，然后能支持可视化最好。

作者: y2j423633 时间: 2021-5-30 15:04
这个项目也是近期刚做的，还没来得及写。

作者: xtavoxing 时间: 2021-6-5 12:48
好大........

作者: hmyroot 时间: 2021-6-15 23:32
不错的远程桌面

作者: 王东林 时间: 2021-7-3 14:11
感谢分享

作者: 王东林 时间: 2021-7-3 14:11
谢谢楼主发币

作者: 王东林 时间: 2021-7-14 17:18
谢谢分享

作者: 王东林 时间: 2021-7-14 17:19

作者: 3020520003 时间: 2021-7-19 16:10
支持

作者: hiangell 时间: 2021-9-4 01:35
还是很好看的！

作者: hiangell 时间: 2021-9-4 01:35

作者: 王东林 时间: 2021-9-22 11:04
谢谢分享

作者: 王东林 时间: 2021-9-22 11:04
向大佬学习

作者: Dhs过客 时间: 2021-10-28 13:50
支持一下，谢谢分享

作者: Dhs过客 时间: 2021-10-28 13:52
感谢楼主精币

作者: 唐山小哥 时间: 2021-11-2 09:22

作者: yxl2008 时间: 2021-12-15 00:24
支持开源~！感谢分享!

作者: DAA 时间: 2022-2-4 13:42

作者: yiyi111122 时间: 2022-5-4 08:16
谢谢分享

作者: 小白弟弟 时间: 2022-8-24 10:49
支持开源~！感谢分享

作者: 小白弟弟 时间: 2022-8-24 10:50
支持一下，谢谢分享

作者: renhairui3 时间: 2022-9-28 17:56
我想问下，这个跟易语言有关系么

作者: 陽陽陽 时间: 2022-11-2 04:17
这个厉害！！！

作者: 陽陽陽 时间: 2022-11-2 04:17
怎么做到的高仿桌面啊

作者: 陽陽陽 时间: 2022-11-2 04:18

下载学习一下

作者: 陽陽陽 时间: 2022-11-2 04:18
半透明的很好看！！！！

作者: 网络注册会员 时间: 2022-11-15 14:04
支持楼主

作者: cunanhai 时间: 2022-11-29 18:29
感谢分享

作者: sixmon 时间: 2022-12-15 10:34
非常有用的代码，下载看看

作者: sixmon 时间: 2022-12-15 10:35
非常有用的代码，谢谢

作者: 夜色ii 时间: 2023-5-4 23:21
6666666好看炫酷

作者: 缥缈星云 时间: 2023-5-14 20:49
支持开源，谢谢分享

作者: QQEat 时间: 2023-10-13 12:24
支持一下！

作者: QQEat 时间: 2023-10-13 12:24
再支持一下！！

作者: 爱易经精 时间: 2024-10-14 22:10
支持一下，辛苦你了

作者: lxn2wyf 时间: 2025-5-16 17:16
标题人啊确实L和JS多端同步确实挺方便的。不过用HTML和JS做桌面UI会不会卡顿呢？等下来看效果~

作者: tonc 时间: 2025-5-17 21:49
这I啊，多方便爽啊，多端同步确实方便，不过兼容性得好好测测呢。

作者: eklove 时间: 2025-5-27 02:25
这I的，不过清爽的，不过跨端同步这块儿得好好优化啊，不然容易翻车呢~

作者: lassgo 时间: 2025-6-3 10:56
看着过手机上不过手机上能流畅跑不？

作者: xkAnd 时间: 2025-6-5 04:01
这I啊，多方便爽啊，多端同步确实方便，不过兼容性得好好测测呢

作者: ruanmeizi6 时间: 5 天前

欢迎光临精易论坛 (https://125.confly.eu.org/)