3步把网页做成小于5MB的桌面应用:PakePlus打包工具完整使用指南
【免费下载链接】PakePlusTurn any webpage/HTML/Vue/React and so on into desktop and mobile app under 5M with easy in few minutes. 轻松将任意网站/HTML/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟. https://ppofficial.netlify.app项目地址: https://gitcode.com/GitHub_Trending/pa/PakePlus
对没有开发背景的用户来说,PakePlus 是一个基于 Tauri2 的在线网页打包工具,可以把任意网站、HTML 文件或 Vue/React 的 dist 产物构建成 Windows、macOS、Linux 三端桌面应用(也支持 Android/iOS 原生打包)。整个过程在浏览器里完成,产出的安装包一般小于 5MB,本地打包一次大约 30 秒,云端构建几分钟内出包。
先看看打包出来是什么效果
一个典型用法:把小红书网页版做成独立桌面应用,窗口固定成手机比例,用元素过滤规则去掉推荐位和广告位,再通过注入脚本绑定快捷键。做完之后你拿到的就是一个独立图标、独立窗口的应用,打开后加载 https://www.xiaohongshu.com,行为和浏览器里的网页一致,但没有地址栏和标签页。
仓库里也放了各平台的成品安装包可供参考:
为什么它不需要本地环境
传统方式要先装 Node.js、Rust,再配置 Tauri 项目并手动跑构建;PakePlus 把这一整套环境挪到了云端——它底层是 Rust + Tauri2 写的,你的项目在 GitHub Actions 上完成编译,本机只保留一个约 10MB 的工具本体。如果不想用 GitHub Token,也可以走本地打包,一次约 30 秒,同样不装任何依赖。速度快主要就来自这两点:编译不在本机做,产物用 Rust 框架所以体积小。
上手流程:创建、配置、发布
第 1 步:新建项目
- 做什么:在首页点右上角的
+按钮,输入项目名称后确认。 - 确认什么:项目名只能包含字母、数字、下划线和连字符,不能以数字开头,不能有空格和中文,且不能与已有项目重名(应用名倒是支持中文)。规则详见 创建项目文档。
第 2 步:填四项必填参数
- 做什么:依次填写应用名称(可中文、不能有空格)、网站 URL(
http://或https://开头,也可指向本地 HTML 文件)、应用 ID(全局唯一,习惯上用反向域名格式)、版本号。 - 确认什么:本地文件单个不超过 10MB;应用 ID 不能与其他项目重复。完整字段说明见 基础配置文档。
第 3 步:预览后发布
- 做什么:点"预览"在独立窗口中查看实际加载效果,无误后点"发布"。
- 确认什么:各平台安装包会在发布页生成——Windows 是 .exe 安装程序,macOS 是 .dmg,Linux 是 .deb,格式见 bundle 产物目录。
进阶定制速查
| 定制项 | 填在哪里 | 作用 |
|---|---|---|
| 窗口持久化 | 基础设置 | 再次启动时恢复上次关闭的尺寸与位置 |
| 单实例模式 | 基础设置 | 阻止同一应用被重复打开多个窗口 |
| 窗口模式 | 窗口模式 | 在 Desktop / iPhone / iPad / Android / 自定义布局间切换 |
| 元素过滤 | CSS 选择器 | 按选择器隐藏广告、侧边栏等页面元素 |
| 脚本注入 | 自定义 JS | 启动时执行自己的 JS,能力接近浏览器插件且无插件限制 |
| 调试开关 | 预览前勾选 | 预览窗口右下角出现调试按钮,用于现场排查 |
| 高级 JSON 配置 | 右上角 | 直接覆盖 Tauri2 窗口参数,适合有经验的用户 |
脚本写法可参考仓库内的示例文件:注入脚本示例、完整配置样例。
避坑指南
1. 提示 URL 不合法
- 现象:填完配置后无法预览或发布。
- 原因:URL 没有以
http://或https://开头,或本地文件路径写法不对。 - 处理:补全协议头;本地文件用绝对路径,超过 10MB 的资源改外链或先压缩。
2. macOS 安装后提示"应用已损坏"
- 现象:双击 .dmg 装完后打开被系统拦截。
- 原因:应用未购买官方签名(签名年费 99 美元),触发系统隔离机制。
- 处理:取消弹窗后在终端执行
sudo xattr -r -d com.apple.quarantine /Applications/应用名.app,再重新打开。
3. 一天内只能发布一次
- 现象:连续创建项目或重复发布被拒绝。
- 原因:云端编译占用 GitHub 服务器资源,官方限制了每天 1 个项目、1 次 release,说明见 限制说明。
- 处理:把当天要改的内容一次改完再发布;紧急改动可走本地打包通道。
4. 页面里元素隐藏不生效
- 现象:填了过滤选择器但广告仍在。
- 原因:选择器写错,或元素是动态加载的,加载时页面结构还没生成。
- 处理:先开调试模式检查实际 DOM 再复制选择器;脚本里可加延时等待页面渲染完成。
5. 2025 年前的旧版本构建异常
- 现象:老版本项目报错或行为不符。
- 原因:2025 年项目从 Tauri v1 升级到 v2,旧版本不兼容。
- 处理:先更新到最新版客户端再构建,仍有问题再按 调试指南 反馈。
资源索引
- 官方文档总览:docs/guide/index.md
- 基础配置字段说明:docs/guide/config.md
- 脚本开发与注入能力:docs/guide/script.md
- 调试模式用法:docs/question/debug.md
- 平台限制说明:docs/question/limit.md
PakePlus 本质上把 Tauri 的跨平台打包流程收敛成了几个表单字段,适合把网页、静态项目变成独立分发的客户端应用;能填完四项必填参数,基本就能拿到第一个可用的安装包。
【免费下载链接】PakePlusTurn any webpage/HTML/Vue/React and so on into desktop and mobile app under 5M with easy in few minutes. 轻松将任意网站/HTML/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟. https://ppofficial.netlify.app项目地址: https://gitcode.com/GitHub_Trending/pa/PakePlus
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考