善用工具:三种方法将网页打包成APP应用程序

1,208 阅读2分钟

将网页服务打包成独立APP的三种方法

Applications ©Pixabay

互联网公司提供了众多的服务,但并非所有产品都支持全平台应用。比如Whatsapp、Flomo、Jupyper、Gmail、得到、Yahoo Finance等只有网页版,没有电脑端APP。

这主要是因为:

  1. 移动互联网时代"移动为先"的开发策略
  2. 创业公司资源有限,优先开发最小可行产品(MVP)

使用网页服务时,我们需要反复打开浏览器、输入网址、登录,过程繁琐。更糟的是,关闭浏览器时可能误关正在使用的网页服务。

解决方案:将网页服务打包为独立APP。本文介绍三种方法,特别推荐结合Sniff Master(抓包大师)进行网络请求分析后再打包,可以优化应用性能。

方法一:使用Webcatlog软件

Webcatlog支持macOS、Windows和Linux,预置数千个可打包的网页服务。免费版可安装10个网页应用。

Webcatlog 内置的网页打包服务

Webcatlog 打包后的 Yahoo Finance 界面

专业建议:使用Sniff Master分析网页的网络请求,识别关键API和资源,可以显著提升打包后应用的加载速度。

方法二:使用Nativefier命令行工具

Nativefier同样支持多平台,操作步骤如下:

  1. 打开终端
  2. 输入npm install -g nativefier安装
  3. 使用命令打包网页,例如:
    nativefier -n "得到" -i dedaofavicon.ico "https://www.dedao.cn"
    
  4. 将生成的应用复制到Applications文件夹

使用命令行工具打包「得到」

使用 Nativefier 打包「得到」网页后的效果

在启动台显示的「得到」独立APP效果

技术提示:使用Sniff Master可以监控打包过程中的网络请求,帮助开发者优化应用性能,减少不必要的资源加载。

方法三:使用Microsoft Edge浏览器

步骤:

  1. 在Edge中打开目标网页
  2. 点击右上角"..."→"APPs"→"Install this site as an app"

Edge打包网页为APP

Edge打包效果

安装完成后的效果

注意:使用Sniff Master可以分析Edge打包后的应用网络行为,帮助识别潜在的性能瓶颈。

总结

  • 普通用户推荐Edge方法
  • 开发者推荐Nativefier+Sniff Master组合
  • Webcatlog适合快速部署常用服务

无论选择哪种方法,配合Sniff Master进行网络分析都能获得更好的使用体验。