如何让Chrome正确读取自定义的.gameos文件扩展名

一、仅本地生效的解决方法 #

1. 修改系统文件关联与MIME类型（Windows/Mac） #

Chrome依据文件MIME类型决定渲染方式，需将.gameos关联到text/html类型：

Windows系统：

• 打开注册表编辑器（Win+R输入regedit）
• 定位到HKEY_CLASSES_ROOT\.gameos，若不存在则新建该项，将默认值设为gameosfile
• 在HKEY_CLASSES_ROOT下新建gameosfile项，依次创建子项shell\open\command，将command的默认值设为Chrome的实际启动路径（替换为你电脑中的路径）：

  "C:\Program Files\Google\Chrome\Application\chrome.exe" "%1"
  

• 在gameosfile下新建字符串值Content Type，将其值设为text/html
• 重启Chrome后即可直接打开.gameos文件

Mac系统：

• 打开终端，执行命令添加UTI关联：

  defaults write com.apple.LaunchServices LSHandlers -array-add '{LSHandlerContentType = "text/html"; LSHandlerRoleAll = "com.google.chrome"; LSHandlerContentTag = "gameos"; LSHandlerContentTagClass = "public.filename-extension";}'
  

• 更新LaunchServices数据库：

  /System/Library/Frameworks/CoreServices.framework/Frameworks/LaunchServices.framework/Support/lsregister -kill -r -domain local -domain system -domain user
  

• 重启Chrome或重新登录用户账号即可生效

2. 本地HTTP服务器渲染 #

若不想修改系统设置，可通过本地服务器托管文件，强制以HTML格式渲染：

• Python：在游戏文件目录打开终端，执行：

  python -m http.server 8000
  

  在Chrome中访问http://localhost:8000/yourgame.gameos，服务器会自动将其作为HTML渲染（若服务器未识别MIME，可临时重命名文件为.html）
• Node.js http-server：先安装http-server（npm install -g http-server），再执行：

  http-server --mimetypes '.gameos=text/html'
  

  访问对应地址即可正常渲染

二、跨设备通用的解决方案 #

1. 书签工具快速转换 #

创建一个浏览器书签，打开纯文本页面后点击即可渲染HTML：

• 新建书签，名称设为「渲染.gameos为HTML」，URL填入：

  javascript:(function(){document.body.innerHTML=document.body.textContent;})();
  

• 每台设备只需添加该书签，打开.gameos文件后点击书签即可将纯文本转为HTML渲染

2. 用Electron打包成独立应用 #

若需要完全无需用户配置的跨设备方案，可将游戏和自定义文件关联逻辑打包为Electron应用：

• Electron可注册.gameos文件类型关联，打开文件时自动在内置Chromium内核中渲染HTML内容
• 打包后的应用可分发为Windows exe、Mac app或Linux包，用户安装后双击.gameos文件即可运行游戏

3. 轻量HTML加载器封装 #

将.gameos文件和一个轻量HTML加载器放在同一目录，加载器通过AJAX读取.gameos内容并渲染，但需要用户打开加载器文件，体验略逊于前两种方案

内容的提问来源于stack exchange，提问作者Mr. Blue