常用网站独立客户端——每天开的网站变成桌面 APP
为什么要独立客户端
日常工作里每天打开好几次的网站,单独打包成客户端有这些好处:
| 浏览器标签页 | PakePlus 独立客户端 |
|---|---|
| 容易被其他标签页淹没 | 独立窗口,任务栏单独一个图标 |
| 关闭浏览器一起关 | 可以常驻托盘 |
| 地址栏占空间 | 没有地址栏,内容区域更大 |
| 所有网站共用一个 Cookie 罐 | 独立 APP 有独立的存储空间,互不影响 |
| 不能设快捷键唤起 | 可配置全局快捷键一键唤起 |
| 右键菜单是浏览器的 | 可以自定义 |
打包流程(通用模板)
第一步:确认网站 URL 和功能
- 网站是否需要登录?需要 → 登录状态会被打包的 WebView 保留
- 是否有反爬虫机制(比如 Cloudflare 验证)?有 → 可能影响预览和打包
- 页面是否有弹窗广告?有 → 后面加过滤元素和 JS 注入处理
第二步:创建 PakePlus 项目
软件名称:小红书
网站地址:你的目标地址
软件标识:com.personal.xiaohongshu
软件版本:1.0.0
窗口模式:桌面端
第三步:预览检查
点预览按钮,在预览窗口里看:
- 页面渲染正常吗?
- JS 报错吗?(F12 打开 Console)
- 登录能成功吗?
第四步:加过滤元素去广告
F12 打开 DevTools → 找到广告元素 → 复制 selector → 粘贴到配置页面"过滤元素"字段。
比如小红书:
.sidebar, .note-list .recommend, .top-banner-ad
第五步:加 JS 注入增强体验
// 体验增强脚本
(function() {
// 隐藏一些推荐干扰
const hideNoise = () => {
document.querySelectorAll('.sidebar, .bottom-recommend').forEach(el => {
el.style.display = 'none';
});
};
// 监听动态加载
hideNoise();
new MutationObserver(hideNoise).observe(document.body, { childList: true, subtree: true });
// 自定义快捷键
document.addEventListener('keydown', (e) => {
// Ctrl+R 刷新(PakePlus 内置的刷新可能不生效)
if (e.ctrlKey && e.key === 'r') {
e.preventDefault();
location.reload();
}
});
})();
第六步:打包 → 分发
预览确认没问题 → 云端或本地打包 → 出绿色版 zip → 解压即用。
常用网站打包注意点
YouTube
| 注意 | 说明 |
|---|---|
| 登录 | Google 账号登录后状态保留 |
| 广告 | 用过滤元素 + JS 注入处理(见去广告实战页面) |
| 全屏 | WebView 里的全屏按钮可能无效,可以用 PakePlus 窗口全屏代替 |
| 桌面端推荐 | 窗口模式设为 1280×720 或自定义 |
B 站
| 注意 | 说明 |
|---|---|
| 登录 | B 站 cookie 自动保留 |
| 视频播放 | HTML5 播放器 WebView 正常支持 |
| 弹幕 | 正常显示 |
| 会员内容 | 登录会员账号后正常播放 |
Twitter / X
| 注意 | 说明 |
|---|---|
| 登录 | Twitter 登录可能有额外验证步骤(验证码、手机确认) |
| 实时推送 | 需要持续联网 |
| 媒体预览 | 图片/视频正常加载 |
ChatGPT
| 注意 | 说明 |
|---|---|
| 登录 | OpenAI 账号或 Google/Microsoft SSO |
| 对话 | 历史记录保留在 WebView 的 localStorage |
| 桌面端体验 | 独立窗口 + 不被其他标签页干扰,体验提升明显 |
| 快捷键 | 可以配全局快捷键(PakePlus 更多配置里) |
小红书
| 注意 | 说明 |
|---|---|
| 反爬虫 | 小红书有 Cloudflare 保护,预览可能会碰到验证页 |
| 解决方案 | 在 PakePlus 预览窗口里手动过一次验证,之后 WebView 会记住 |
| 图片加载 | 正常 |
安全与合规提醒
打包第三方网站时要注意:
| 点 | 说明 |
|---|---|
| 个人使用 | ✅ 把自己常用的网站打包成独立客户端自用,完全没问题 |
| 去广告 | ⚠️ 在客户端用过滤元素隐藏网站广告属于合理的客户端定制,但不要分发带此功能的打包产物 |
| 批量分发 | ❌ 把第三方网站的打包产物批量分发,可能违反对方服务条款 |
| 会员内容 | ❌ 打包后绕过付费墙 = 盗版 |
PakePlus 的条款也明确说"打包仅限个人使用"——自用最安全。