使用 HTML 和 JavaScript 自定义您的计算机屏幕

任何懂HTML的人现在都可以随心所欲地定制自己的桌面电脑体验。Topframe是一款开源工具，它允许你使用HTML/CSS/JavaScript自定义桌面屏幕。

最初它是为macdriver做的演示，但在过去一周左右的时间里，我一直在制作一个独立版本。那段时间 90% 的时间都花在了尝试制作演示的同时进行各种测试上。

这能否让个性化的MySpace页面和Geocities网站的计算机美学再次流行起来？不能？……也许可以？无论如何，我很高兴能再次分享这个工具供大家尝试。

Topframe 是一个全屏叠加层，它会显示一个从您的主目录提供的特殊网页。编辑页面源代码并保存后，您的屏幕就会神奇地更新，显示您在浏览器中可以执行的几乎所有操作。

是的，它内置了Tailwind框架，以及可靠的jQuery。不过，你可以把任何你想要的文件放到 topframe 目录下使用。或者直接链接也行，何乐而不为呢？这又不是 Web 规模的程序，它只是在你自己的电脑上。你的个人电脑。

Topframe入门指南

Topframe 目前仍处于早期阶段。整个项目用 Go 代码编写，不足400 行。目前需要一台 Mac 电脑，但 1.0 版本将实现跨平台支持。

更多详情请参阅README文件，但使用Homebrew安装非常简单：

$ brew install progrium/taps/topframe

然后你只需运行topframe它，它就会运行带有演示内容的叠加网页。抱歉。需要注意的是新的菜单栏图标🔲和菜单：

这里是实际控制 Topframe 的地方，但功能不多。您可以启用/禁用（隐藏）它，使其具有交互性（默认情况下鼠标事件会直接穿过），以及快速访问源目录。

点击“显示源代码”并index.html用你喜欢的编辑器打开文件，你就可以把我屏幕上显示的那些乱七八糟的东西全部删掉。不过，你也可以先浏览一下，看看能不能找到什么好东西，说不定里面藏着一些很棒的想法或功能。

这可以用来做什么？

正如演示所展示的，Topframe 的功能非常强大。对于像我一样在 Twitch 上直播的用户来说，你可以用它来代替 OBS 的叠加层功能。或者，只要你动动脑筋，你还可以为所有窗口制作皮肤。如果有人还记得 OS X 系统移除的 Dashboard，你也可以用它来制作一个（更好的）版本。

或者你可以制作类似90年代Dogz那样的屏幕电子宠物：

唯一的真正限制就是……你自己。

接下来会发生什么？

再次强调，这只是一个早期项目，但它主要由贡献者驱动。我将继续专注于开发用于实现类似功能的工具（包括使其跨平台），所以最终能否将其变为现实，取决于大家的共同努力。例如，它或许真的需要一个全局键盘快捷键来切换隐藏或交互状态。

如果您有任何疑问，我会关注GitHub 上的讨论，欢迎在那里发帖。另外，祝您玩得开心，也欢迎考虑赞助我的工作！