闲暇之余，简单模拟了一个 web 版的 macOS 桌面

[nzbin]

特别声明：本项目不是一个完整的 web 桌面项目，大佬们轻喷 😅

不得不说，单纯用 CSS 模拟一套 macOS UI 确实非常困难，毛玻璃的效果不管怎么调试总感觉和原生效果有差距，还有 1px 边框、window 阴影这些调试起来真的很费精力。另外，我发现操作系统的交互效果和 web 端有很多不同之处，比如鼠标移到 button 上不是一个小手。

🕹️ 在线体验: https://acrodata.github.io/rnd-dialog/

⭐ 仓库地址: https://github.com/acrodata/rnd-dialog

[tonytonychopper]

拖动的时候有点掉帧

[bsg1992]

Safari 打不开 报错 Unexpected token '{'

[MossFox]

想到了这个
https://github.com/tjy-gitnub/win12

[nzbin]

@tonytonychopper 嗯，换 translate 属性应该会好很多

[nzbin]

@bsg1992 我这可以，估计版本太低

[nzbin]

@MossFox 哈哈，这类项目其实很多的，娱乐性大于实用性

[bsg1992]

@nzbin 版本 16.1 (18614.2.9.1.12) 用还可以吧 MacOS 13

[lizhenda]

还是有点太简陋了呀，继续完善下，多搞点 APP 吧

[guhuisec]

看看我开发的这个吧： https://www.webdesk.cc/ 挺多人用

[nzbin]

@lizhenda 我更想用 CSS 搞一套 macOS UI 😁

[interrorcode]

纯娱乐吗？还是说后续有其他计划

[nzbin]

@interrorcode 这就得看大家的反馈了，对我来说还没有实际价值，而且也不清楚这类项目会用在什么地方，更多是学习参考，UI 的价值更大一点

[kasusa]

网上同类项目非常多 https://www.google.com/search?q=online+macos

[nzbin]

@kasusa 对的，不过咋感觉都有点粗糙呢，我打开的几个项目窗口都没有 resize 功能，还有模拟 windows 的项目就更多了