限制的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。

相关文章推荐
-
小程序丨【已解决】小程序昨晚开放的链接WIFI功能报错,提示没这个方法,请问怎么解决? ... ...
(adsbygoogle=window.adsbygoogle||[]).push({});基础版本库1.7.0wx.starWifi({success:function(res){console.log(res.errMsg);}})网友回复:庭*....
-
小程序丨wx:if 下item 取不到数据,下面四张图,请高手指导,是不是obj的问题 ... ...
效果如下:网友回复:C***:你的obj是一个对象,不是数组噶。C***:这样才是数组爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验....
-
小程序丨【已解决】我们的版本提交了一个多星期了,还没人审核
appid:wxab0b8413a26e53cf网友回复:B***:你好,最新提交版本已通过审核,请留意审核结果;B***:你好,请重新提交一次代码审核爱盈利-运营小咖秀(www.aiyingli.com)始终坚持研究分享移动互联网App运营推广经验....
-
小程序丨【已解决】web-view业务域名配置问题
配置web-view业务域名时报错,提示“校验文件验证失败...”,但是:1域名已备案超过24h;2校验文件已上传到服务器根目录,并且可以正常访问,见下图。请问是是什么原因导致配置不成功的?访问截图:报错截图:网友回复:大***:设置ip白名单没有从....
-
小程序丨请麻烦工作人员快速审核一下,急
上次审核没有通过,及时做了修改调整,麻烦工作人员快速审核一下谢谢非常急。appID:wx47cd2cd524110955网友回复:e***:系统记录爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动....
-
小程序丨【已解决】小程序跳转,自定义编译extraData的内容在开发环境中无法解析 ... ...
开发者工具版本171019,自定义编译条件,选择1037:从小程序进入,设置extraData写的是:{test:5}在程序中,用下面方式取值:varappInstance=getApp();console.log(appInstance.globa....




