手机qq2008触屏版_装上这个 App,让你的手机多出 91.596% 存储空间

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

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

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

你可曾想过:

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

9ee2df9f00172abc7bf4f0f88f204946.png

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

7311b0324e9a78b97f4fdd0f5479b18f.png

或是刷网页像刷客户端?

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

现在呢,只需一个 Fusion App

0def7d045dcea1b32f3e63d7b04197ae.png

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

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

c394d87f22d78072b4fbfccce03fa8a0.png

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

d59dc69c396e096cafd60938512bd04a.png

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

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

985025ab637e78bee3dd033d4bd45e3b.png

淘宝 Fusion App 版

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

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

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

47851f745aabefbeffbec0e754f16ea3.png

淘宝触屏版

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

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

8a16ebc4dfb7e1b5a71655d05580f024.png

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

b43d386db6d7ea299bf86afbc039ba7a.png

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

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

9777e7e4b522b0febcaa3676b452ca87.png

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

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

75601ddb5832a85f96af0d0ad4456182.png

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

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

6f153ec6a0ed01a4f15a2eb3a4ce71a1.png

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

如何添加呢?

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

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

a8be93f2e23d4d2d5381f4f3d4ce1426.png

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

But,网址怎么填?

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

951ffbed400efe2cfd9625b75995afb8.png

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

fee3ee65fff1a37c1cb64fa3e64187be.png

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

bd16e6ff54233aeeed0d0447ff320150.gif

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

f71bd3c378fa3fb4ab2583acc4715138.png

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

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

7641ebddbfd719070ebe72039d7815cb.png

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

e47145fb77dc3dfc57a55dacc3fba179.gif

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

72187e463c1cceac187850d5437b0771.png

一条尾巴

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

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

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

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

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

8f1f7aea8b1461e9ca47c8f38dbb3eff.png 7b387d77994156d8461d4730b78877c2.png

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

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

微信搜索【锋潮评测室】

后台回复 300 下载安装包

972ceb38142be8774a8e0bd7a8dec912.gif
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值