善用工具：三种方法将网页打包成APP应用程序
时间：2023-07-26 04:00:01 | 来源：网站运营
时间：2023-07-26 04:00:01 来源：网站运营
善用工具：三种方法将网页打包成APP应用程序：
题图：Applications ©Pixabay
互联网公司提供了众多的服务，而且为了方便绝大部分用户的使用，通常会为不同的操作系统（比如Windows、macOS、Android、iOS等）开发对应的软件.
但不是所有公司的所有产品的应用程序（APP）都能支持所有的平台，比如Whatsapp、Flomo、Jupyper、Gmail、得到、Yahoo Finance 等等就没有支持电脑端的APP，只有网页可用。
这主要是因为在移动互联网时代，
每个人都有一部形影不离的手机，“移动为先”，开发手机APP的优先级更高，没有必要支持所有平台。其次，早期创业的公司没有足够的资源同时多线并行开发，更为可行的是采用更简单粗暴的方式实现最小可用产品（MVP），以便验证商业模式后再投入。
在这种情况下，我们使用这些网页服务的时候，就必须：
- 先打开浏览器。
- 再输入网址，或者记不住网址，就得先搜索一下，再打开网页。
- 登陆网页，开始使用这些服务。
相比起APP的一键打开立即使用（比如你要用浏览器直接打开浏览器就用），这个过程繁琐.
更为不便的是，我们常常在关闭浏览器的时候，不小心就把正在使用的网页服务一并关闭了，因为现在的浏览器都是多标签设计的，尤其在使用JupyterLab的时候，内心多少有点崩溃。
那有没有办法解决这种打开过程操作麻烦？有没有办法避免无意中关闭网页服务的情况呢？有的。
解决的办法就是：
把网页服务打包成为一个独立的应用程序（APP）。
那你自己可以实现这么复杂的操作嘛？
完全可以，非常简单。本文以 MacBook Pro 的使用为例，介绍三种将网页打包成APP应用程序的方法。
第一种方法，使用 Webcatlog 软件。
这个软件支持 macOS、Windows和Linux，而且已经预置了数千个可以打包的网页服务，安装完成后就会出现在启动台（ Launchpad）里面，可以作为独立的应用使用。
免费版可以安装 10 个网页服务独立应用。Webcatlog 的下载网站为
https://webcatalog.io/ 。
图片：Webcatlog 内置的网页打包服务
图片：Webcatlog 打包后的 Yahoo Finance 界面
第二种方法，使用 Nativefier 命令行工具。
这个工具同样支持 macOS、Windows和Linux，只是操作看起来略微复杂，事实上也并不难，只是第一次用命令行多少让人有点摸头不着脑，你只要按步骤一步一步操作即可，实在不行搜索一下。
- 打开启动台搜索「终端」或者「Terminal」；或者使用 「Command + 空格」，然后搜索「终端」或者「Terminal」，打开终端。
- 在终端中输入 “npm install -g nativefier”命令（命令行不包含双引号）并回车，安装软件包。
- 使用“nativefier -n "得到" -i dedaofavicon.ico "https://www.dedao.cn"”创建「得到」APP。其中“-n "得到””用于重命名网页默认标题为APP名字，“-i dedaofavicon.ico”用于更改APP的图标，这个图标从得到的网页图标提取而来，地址为 https://www.dedao.cn/favicon.ico ；命令行的最后一个为网址，也就是你要打包的那个网页。
- 等待终端完成网页打包成应用，耗时 5 秒钟。你的终端界面可能长得跟下图不一样，因为下图中的终端是“装修”过的，看起来稍微好看一点，不过外貌并不影响命令执行。
- 将打包完成的应用，复制到应用（ Application ）文件夹，然后打开启动台，就可以找到应用图标，点击打开它。
图片：使用命令行工具打包「得到」
图片：使用 Nativefier 打包「得到」网页后的效果
图片：在启动台显示的「得到」独立APP效果
第三种方法，使用 Microsoft Edge 浏览器。
在 Microsoft Edge 浏览器的界面，点击右上角的“…”，在弹出的菜单中选择“APPs”，在弹出的二级菜单中选择“Install this site as an app”（见下图），这样你就可以得到一个独立的APP，在启动台（ Launchpad）中可以找到。
安装完成后的效果如下：
这个方法对普通人来说最容易实现，尤其是当你的默认浏览器就是 Edge 的时候。
缺点是如果你的默认浏览器不是 Edge ，你在点击由它打包的网页服务应用时，Edge 会被同时启动。
我个人最喜欢的方法是第二种（Nativefier命令行工具），既可以打包无限制的网页，又不用依赖 Edge 浏览器。
希望以上的分享对你提升使用工具的效率有帮助。
< 全文完 >
本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。
你错过的文章
善用工具：销售数据分析用Python，轻松搞定报告不费神。
善用工具：分享「一劳永逸」的MacBook Pro 使用技巧
善用工具：推荐一个高效快捷、简单易学的输入方法，秒杀身边的绝大多数人
「优杜时间」已为你开通「评论」功能，若你对本文有什么启发、观点、问题或想要补充内容，欢迎留言评论。你的支持是我写作最大的动力，如果你阅读此文有所收获，请不吝点击文末的「分享」、「赞」或者「在看」，谢谢你！
在线咨询
