TypeScript游戏站

freecell solitaire chrome extension — TypeScript 游戏站模板

作者 pkdnet

开源FreeCell纸牌游戏Chrome扩展，TypeScript+CRXJS构建，一键新标签页打开游戏。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

freecell solitaire chrome extension · 桌面端首页

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

一键从工具栏打开FreeCell游戏，不占用新标签页，无需注册或追踪

扩展仅作为包装器，不请求任何浏览器权限，不触碰其他标签页或网站

游戏支持三种难度、撤销、提示和计时器，功能完整

离线时显示简短消息和重试按钮，而非空白页面

开发环境支持本地游戏源配置，便于调试

提供完整的测试套件，包括单元测试和端到端测试

模板详细介绍

这是一个将FreeCell纸牌游戏封装为Chrome扩展的开源项目，核心是提供一个工具栏按钮，点击后在新标签页中打开游戏。扩展本身不包含游戏代码，而是通过iframe加载在线游戏站点，因此体积很小，且无需更新扩展即可获得游戏的最新版本。项目使用TypeScript和Vite构建，基于Manifest V3规范，并采用CRXJS插件打包。

可直接运行网页游戏

适合你的项目吗？

适用场景

想为现有网页游戏创建轻量级浏览器扩展的开发者
需要参考Manifest V3扩展项目结构及CRXJS构建流程的团队
希望快速在Chrome工具栏集成游戏入口的个人用户
对在线游戏站点进行二次封装并想保持扩展更新成本低的场景

适合人群

熟悉TypeScript和Chrome扩展开发的前端工程师
需要一个小巧、无权限的扩展作为产品入口的团队
希望学习如何用iframe嵌入外部游戏并处理离线状态的开发者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
开发环境要求Node.js >=22和pnpm。
2
克隆后运行pnpm install，复制.env.example为.env（如需指向本地游戏源），然后使用pnpm dev进行开发。
3
加载未打包扩展时，在chrome://extensions开启开发者模式，选择dist文件夹。
4
生产构建使用pnpm build，打包发布用pnpm build:zip。
5
注意：扩展依赖在线游戏站点，若该站点不可用，扩展将无法正常游戏。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中包含上述版权声明和本许可声明

额外费用与待核对事项

README中引用的截图等演示素材的授权范围未在许可证中明确说明

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文