IOUXI 首页 › 文档中心 › 界面与功能导览:分类 / 搜索 / 3D 展厅 / 收藏

界面与功能导览:分类 / 搜索 / 3D 展厅 / 收藏

发布于 2026-10-16 · 更新于 2026-10-16 · 4 分钟阅读 · IOUXI 编辑部

IOUXI 首页承载 6 大分类、24 款精选 HTML5 小游戏,配合关键词搜索、3D 展厅、收藏与 13 语切换五大入口;新用户找到并开始第一款游戏平均只需 2 分钟,无需注册、全程免费。

第一入口:首页分类导航

打开 https://iouxi.com/ ,你会看到顶部横栏按顺序排列六个分类入口:动作、街机、益智、赛车、体育、IO 多人竞技。每个分类名称下方标注了该类别当前收录的游戏数量(各 4 款)。点击任意分类进入分类主页,可以看到该类别下所有游戏的卡片式列表。

游戏卡片包含三个要素:缩略封面图、游戏名称、以及「立即开始」按钮。点击卡片或按钮跳转到游戏详情页;点击分类名称则留在分类主页,用过滤器进一步筛选。

第二入口:关键词搜索

首页横栏最右侧是搜索图标(放大镜),点击展开搜索框,支持即时补全。搜索范围覆盖:

搜索结果以卡片列表呈现,点击跳转到对应游戏详情页。空搜索时显示「试试这些分类」并列出六个分类快捷入口。

第三入口:3D 展厅

顶部导航栏右侧有「3D 展厅」入口,点击进入 https://iouxi.com/3d/ 。这是 IOUXI 的实验性展示区,用 Three.js 构建网页 3D 渲染环境,用户可以在浏览器内直接浏览 3D 交互演示,无需安装任何插件。展厅内展示的玩法与 IOUXI 主站收录的游戏共享同一套游戏规则文档。

收藏夹:记住你的游戏清单

每个游戏详情页右侧(或移动端底部)有一个收藏图标(星星/爱心)。点击后游戏被加入个人收藏夹(数据存储在浏览器 localStorage,不依赖账号体系)。收藏后:

多语言切换

首页底部左侧有一个语言切换器,当前显示「中文(简体)」。点击展开列表,共支持 13 种语言:中文、English、日本語、Español、Bahasa Indonesia、Bahasa Melayu、Deutsch、Português、العربية、한국어、Français、Italiano、Русский。切换后:

PWA 主屏幕快捷方式

IOUXI 支持 Progressive Web App(PWA)标准。在手机浏览器(Chrome 110+、Safari 16+)打开 iouxi.com 后,浏览器会提示「添加到主屏幕」。确认后:

首页布局结构一览

从顶部到底部,首页各区块依次为:

  1. 顶部导航栏:六个分类入口 + 搜索图标 + 3D 展厅 + 语言切换;
  2. 主视觉区:一行标题语(「发现值得玩的网页小游戏」)+ 置顶游戏卡片;
  3. 六大分类展示:每个分类一行,各展示该分类前 2–3 款游戏;
  4. 底部信息栏:关于 IOUXI / 联系我们 / 收录规范 / 语言切换。

常见问题

我收藏了游戏,但换了手机后发现收藏没了,这正常吗?
正常。IOUXI 的收藏数据存储在你当前设备的浏览器本地存储(localStorage)中,没有绑定账号,因此换设备或清缓存会导致收藏丢失。这是无账号设计的天然取舍。
搜索功能支持模糊匹配吗?比如输入「贪」能找到「贪吃蛇」吗?
支持。搜索框采用包含匹配,关键词出现在游戏名称任意位置均可命中。「贪」「蛇」「snake」等单字或完整词均可找到对应游戏。
3D 展厅和主站的有什么区别?游戏内容一样吗?
不一样。3D 展厅(iouxi.com/3d/)是 Three.js 实验性展示,展示交互式 3D 效果;主站收录的是独立的 HTML5 小游戏页面,包含规则、技巧、FAQ 等完整攻略。两者的游戏内容不同,但共享 IOUXI 的游戏目录数据库。

相关阅读

事实来源

返回栏目首页 · 文档中心