限制的H5技术和原生APP的技术很多类似或者实现效果很相像,不仔细去观察,大多人不会察觉两种有何不同。第九程序帮大家整理出比较容易判断的一个APP页面是原生的还是H5页面的方法。 希望可以帮到大家,以便更加容易区分H5页面和原生App页面。
一、看网页跳转情况
APP和H5页面相比,跳转速度更快。网络环境一致的情况下,APP的直接在本地加载,而H5页面加载是需要调取服务器的,所以H5页面跳转更费力,不稳定感会强一些。

二、看断网情况
把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
显示404或则错误页面的是html页面。

三、看APP顶部导航栏是否会有关闭的操作
APP顶部导航栏当中出现了关闭按钮,则当前的页面肯定的H5。原生APP的不会出现(除非设计开发者故意弄的)。
四、看布局边界
打开开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。(仅针对安卓手机试用)
五、看复制文章的提示
文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。
有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。
这个在支付宝APP、蚂蚁聚宝都是可以判断的。
六、判断页面下拉刷新情况
下拉页面的时候有显示网站提供方则为H5。

相关文章推荐
-
小程序丨【已解决】小程序 map组件显示问题
创建地图对象后能在苹果手机上显示地图。在安卓手机上无法显示的问题网友回复:林***:请给下更多信息,代码示例以及手机系统等等这么简单的几句话,我是猜不出来问题可能是什么的O***:这是代码,就是创建一个地图组件对象,然后回去位置成功后移动到当前位置,....
-
小程序丨【已解决】微信开发工具
(adsbygoogle=window.adsbygoogle||[]).push({});这个就不能扩大一点吗.......本文来自微信小程序开发http://html51.com,转载请保留。网友回复:晨***:你好,这是一个已知问题,我们会在后....
-
小程序丨【已解决】小程序开发预览二维码的有效时间
微信小程序开发过程中手机预览二维码的有效时间能加长吗?[HTML51]最新开发工具问题反馈+微信小程序教程。因为在发布前需要先给客户看,所以希望有效时间能加长本文来自微信小程序开发http://html51.com,转载请保留。网友回复:林***:半....
-
小程序丨【已解决】[BUG]请认领,CSS 3D动画可重现
(adsbygoogle=window.adsbygoogle||[]).push({});wxml:viewstyle=perspective:900px;overflow:visibleviewanimation={{testAnimate}}s....
-
小程序丨微信的电商选择,为什么不是微店而是小程序?
微信电商之心不死,最近借着小程序又加强了对电商社交支持的尝试。日前,蘑菇街上线了【蘑菇街女装特卖】小程序。和以往电商类小程序不同的是,这款小程序是由蘑菇街和微信小程序团队共同合作研发的。蘑菇街小程序项目的正式启动开发是在6月初,第一版上线时间是6月2....
-
小程序丨【已解决】新版开发工具(1.01.170913)更新后,setData问题好严重啊 ... ...
js中有data如下:{a:{...},b:{...}}wxml中:templateis=someTpldata={{...a[someName]}}/someTpl中某Viewbindtap调用js方法,只要js方法中setData(不管是否set....




