我们已经习惯了微信小程序、快应用这样轻量级 App 的存在。

它们兼顾低占用和即用即走的特点,又不失恰到好处的功能。

但面对 BAT 全家桶和无数网页时。

你可曾想过:

给淘宝安排一个快应用版?

让它的体积直接减少 98.5%!

或是刷网页像刷客户端?

以前想要实现这个目标,我们得等每年一次的系统更新或 Web 技术进步。

现在呢,只需一个 Fusion App。

Fusion App 是【一个木函】(我们之前安利过的神器)作者的另一代表作。

它的作用就是将网页转化为应用。

Fusion App 发展至今已经有不少成熟的应用,无需自己动手就能使用,大家可以直接跳转到文末下载

Fusion App 的实现原理不复杂,主要是用安卓系统的原生组件代替网页组件元素,用户可以自由定制、增删这些组件。

比如去除广告弹窗、推荐位,将二级功能统一到侧边栏等。

淘宝 Fusion App 版

让网页像真的客户端一样,简洁流畅易用。

接着我们来演示下 Fusion App 网页转应用的基本操作。

以淘宝触屏版(https://h5.m.taobao.com/)为例。

淘宝触屏版

(Fusion App 中有个 「UI 模板」概念,创键一个网页转应用等于创建一个模板)

第一步,点击加号开始创建。

因为淘宝网页版以底栏为主,所以我们选择底栏模板。

第二步,创建完应用名,接着创建一个图标。

Fusion App 自带图标库,用户也可以自定义,或从手机图库中选一张喜欢的图片。

第三步,创建完图标,会有一大堆选项,这些选项都不用管。

只在网页控制中填入淘宝网页版的网址即可。

到这里我们已经完成了简版淘宝的配置工作。

如果点击右上角的「三角形」预览的话,会是这样。(Fusion App 默认效果)

第四步,显然,我们要把项目 1、项目 2 修改为淘宝底栏的样子。

如何添加呢?

切换到组件选项卡,点击项目 1,随便命一个名字。

比如我希望我的应用开头显示淘宝主页,那就叫主页。

随便选一个图标,接着填入网址。

But,网址怎么填?

在电脑上打开淘宝触屏版网址,看到这个畸形界面不要慌。

按 F12(或 Ctrl+Shift+I),点击设备切换图标即可。

这时,点击一下首页选项,将地址栏出现的网址,填写到刚才的空缺中。

效果如图,项目 2、3、4 可依此类推。

如果你不需要那么多选项,长按项目即可删除。

第五步,到这里我们已经完成一大半工作,接着在属性栏调整下应用配色就差不多了。

最后经过一些其他修改,我们就可以将应用打包出来,安装到本地。

如你所见,将之安装到本地后,能够与官方原版共存。

一条尾巴

上述案例其实比较基础,只能起到入门作用。

限于篇幅,删除美化等进阶教程的我们放在回复中,感兴趣的机友们可以尝试。

虽然使用 Fusion App 的确要花点时间, 但我们能想到的,其他开发者也早就做到了。

比如文章开头的 Fusion App 版淘宝就是某位热心开发者的作品。

此外还有小智工具箱这种无所不能的应用

更不要说 Fusion App 贴吧、微博等等……

好啦,所有提及应用已经打包完成,咱们回复见~

微信搜索【锋潮评测室】

后台回复 300 下载安装包