博客

在 Windows 上把网站做成应用

打包应用 · · 约 6 分钟

在 Windows 上把网站做成应用,可以直接用 Microsoft Edge,打开网站后依次选 Settings and more …、More tools、Apps、Install this site as an app,网站就会有自己的窗口。想自己定窗口大小和图标,决定关窗口后应用怎么处理,或者把好几个网页应用放进一个可以编辑的列表,就改用 Pake。

用 Edge 安装网站

在 Microsoft Edge 里打开网站,选 Settings and more …、More tools、Apps,再选 Install this site as an app,网站本身是渐进式 Web 应用的话,Edge 可能会直接提示安装。装好的应用列在 edge://apps 里,点卡片上的 Open 在独立窗口里启动,点 Details 可以看到 Pin to taskbar、Pin to Start、Create Desktop shortcut 和 Auto-start on device login 开关,Uninstall 也在这里,卸载时可以选择是否一并删除应用的历史记录和数据(见微软的说明)。

Chrome 也有类似的路径,在 More › Cast, save, and share › Install page as app... 里,移除也在同一个 More 菜单中(见 Google 的说明)。想把应用固定在任务栏上,任务栏教程讲了 Edge、Chrome 和 Pake 各自怎么固定。

这样装的应用仍然属于浏览器。微软写明它们用的是 Edge 的网页引擎、设置和扩展,用 Microsoft 账户登录 Edge 后会在设备之间同步,卸载 Edge 以后就不能用了(见微软的说明)。这样已经够用的话就到此为止,不需要再装别的工具。

Pake 应用在底层有什么不同

Windows 上的 Pake 应用是放在自己文件夹 %LOCALAPPDATA%\Programs\Pake Apps\<应用名> 里的一个独立小程序,开始菜单里有它的快捷方式(见安装页)。它用 Microsoft Edge WebView2 运行时这个基于 Chromium 的引擎来显示网站,而不是用 Edge 浏览器本身。微软不允许正式发布的 WebView2 应用依赖浏览器,因为不是每台设备上都有 Edge,运行时也会自己更新(见 WebView2 分发说明)。所以 Pake 应用不需要 Edge 浏览器,也不会共用 Edge 的设置和扩展。

Windows 11 自带这个运行时。微软说明绝大多数 Windows 10 设备已经装了,少数没有,缺失时 Pake 会显示 Pake 生成的应用需要 Microsoft Edge WebView2 运行时,旁边的获取 WebView2 链接指向微软的下载页。

还有一点实用的差别,微软写明新版本的运行时要等应用下次启动才会用上,所以一个整周不关的应用会一直用旧版本,重启一次才会换。

安装 Pake 并创建应用

Windows 版 Pake 要求 Windows 10 2004 版(build 19041)或更高,x64 或 ARM64,不需要 Node.js、Rust 或 Visual Studio。它的 Setup.exe 只为当前用户安装,不要管理员权限。装好以后按下面做。

  1. 打开创建页,点搜索应用或粘贴网址,输入网站地址后按回车,页面会打开,名称和图标已经按网站填好。
  2. 检查应用名称、网站地址和应用图标。应用名称就是开始菜单里显示的名字,想换图标就点选择…,或者把图片拖到应用图标这一行。
  3. 把默认尺寸设成能同时看到导航和内容的大小,默认是 1200 × 780,第一次构建先不要动高级里的选项。
  4. 点创建应用,出现制作完成后点打开,也可以点在文件资源管理器中显示看文件。
  5. 在开始菜单里找到应用,试一个正常的操作,包括登录和你要用的下载功能。

网站在精选里的话,Pake 会打开调好的页面并填上你的网址,找不到这一项就粘贴这个地址。

决定关窗口时发生什么

常驻后台在 Windows 上默认是关的。开启后关闭窗口,应用会继续留在托盘里运行,Pake 也会替你打开托盘图标,关掉这个开关的话,点关闭就会直接结束这个应用。每天只打开一次的看板,大概完全关掉更合适,聊天或音乐网站则更适合继续在后台运行。

同一个开关也解释了一条你可能见到的提示。移除一个没有响应关闭的应用时,Pake 会提供结束应用选项,选了就会结束应用,里面没保存的内容会丢失(见管理应用)。

深色窗口只让标题栏和窗口边框变深,页面仍然使用网站自己的颜色,网站有深色主题的话要在网站里开。无痕浏览每次启动都是干净状态,不保留登录,想保持登录就别开它。所有选项的说明在创建应用。

之后修改或移除

打开我的应用,点编辑,改好后点保存修改,编辑会原地重装同一个应用并保留登录状态。要用同一个网站的第二个账号,从应用的 ⋯ 菜单选添加另一个账号(见多账号教程)。

移除有两条路径,结果不同。在 Pake 里用 ⋯ › 移除,登录状态等数据会保留,除非勾上同时删除登录状态等数据。从设置 › 应用里移除,数据同样保留。

出问题时怎么查

  • 应用里登录失败。Google 等服务商会拦截内嵌网页视图里的登录,开启新窗口在应用内打开能帮到弹窗式登录页,服务商仍然拒绝的话就在浏览器里用那个网站(见登录排查)。
  • 网站提示浏览器不受支持,可以试试高级里的 User agent,什么时候有用见 User Agent 教程。
  • Pake 提示缺少运行时,点获取 WebView2,装好常规的 Evergreen 运行时再试。
  • 应用卡在托盘里,检查常驻后台,移除它时可以用结束应用。

Edge 还是 Pake

你想要用什么
给一个网站在开始菜单放个入口,并且要 Edge 的扩展和同步Edge 的 Install this site as an app
自己选大小、图标和关闭行为Pake
不依赖浏览器的应用Pake
Linux,或者在终端里构建Pake CLI

常见问题

Pake 应用需要装 Edge 吗

不需要。它需要的是 WebView2 运行时,Windows 11 自带,和 Edge 浏览器是分开的。

不登录 Microsoft 账户也能用吗

可以。你在应用里登录各个网站就行。Edge 通过 Microsoft 账户同步它装的应用,Pake 的应用则是靠导出的配置文件在电脑之间搬运(见换电脑迁移)。

在哪里卸载

在 Pake 的我的应用里,或者 Windows 设置 › 应用里。