用 576 个浏览器窗口渲染贪吃蛇游戏
来源：dev.to — 2026-07-24
📋 概述
作者利用浏览器窗口控制 API（window.open）实现了用 576 个独立窗口作为像素渲染贪吃蛇游戏的疯狂实验。每个窗口代表游戏网格中的一个单元格，通过箭头键实时移动 576 个窗口的位置来渲染蛇身和食物。这既是对浏览器能力极限的有趣探索，也是一次编程创意的极致展示。
🔑 核心要点
- 利用 window.open 和 window.moveTo API 控制多个浏览器窗口的位置和大小
- 576 个独立窗口每个代表贪吃蛇游戏网格中的一个像素单元
- 通过命名窗口实现代码中对任意窗口的精确定位和移动控制
- 仅需用户允许弹窗即可实现跨窗口通信与控制
- 项目纯属趣味实验，展示了 Web 平台被「滥用」的创意边界
- 代码已在 CodePen 上开源，支持 Chrome/Windows 平台体验
💡 金句
我意识到这是 Web 平台上少数几个我还未曾「滥用」的功能——为什么不限制自己只用两个窗口呢？
👍 0
👎 0
← 返回 Dev.to 首页