美文网首页前端大讲堂让前端飞JavaScript 进阶营
如何判断移动端页面Native实现还是H5实现

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

作者: 前端大课堂 | 来源:发表于2019-01-13 22:01 被阅读0次

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

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

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

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

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

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

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

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

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

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

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

相关文章

网友评论

    本文标题:如何判断移动端页面Native实现还是H5实现

    本文链接:https://www.haomeiwen.com/subject/nuzhdqtx.html