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

您所在的位置:网站首页 appcan打包 善用工具:三种方法将网页打包成APP应用程序

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

#善用工具:三种方法将网页打包成APP应用程序| 来源: 网络整理| 查看: 265

题图: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 使用技巧

善用工具:推荐一个高效快捷、简单易学的输入方法,秒杀身边的绝大多数人

「优杜时间」已为你开通「评论」功能,若你对本文有什么启发、观点、问题或想要补充内容,欢迎留言评论。你的支持是我写作最大的动力,如果你阅读此文有所收获,请不吝点击文末的「分享」、「赞」或者「在看」,谢谢你!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3