如何判断移动端页面Native实现还是H5实现

阿里云-轻量应用服务器

如何判断app里面的页面是native实现还是H5实现? 

举个例子: 微信小程序的页面是native还是h5实现的呢? 

1. 第一种方式是抓包, 看看请求中是否有请求html资源的信息。 

    具体抓包方式可以参考文章《Charles 上 PC 和移动手机 Http / Https 抓包

2. 是利用android手机的设置-显示布局边界, 如下图,打开之后可以看到原生开发的组件的边界。 

以今日头条为例, 可以看到头条列表页都是Native做的,

打开头条详情页, 可以看到是Hybrid模式,顶栏和底部是Native实现,中间是H5实现,

那我们看看微信小程序是怎么实现的呢? 一开始大家都在猜测微信小程序是Native实现的,

可以看到在列表页,微信小程序是Native的,再看列表页,

可以看到,顶部和底部是Native实现,中间小程序内容是H5实现的,包括广告组件也是H5实现的。 

另外附上我以前做的小程序,大家可以体验看看。


关注微信公众号

码中人 微信公众号