怎样判断一个APP页面是原生页面还是H5

最新推荐文章于 2021-11-08 15:58:38 发布
最新推荐文章于 2021-11-08 15:58:38 发布
阅读量670 收藏 6
点赞数 1
分类专栏： APP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33362684/article/details/119448309
版权

首先先了解一下原生和H5的概念：

如今最火的APP开发模式是Hybrid  APP开发（即混合模式，半原生半H5页面）。

原生是Native APP
H5就是Web App

安卓手机可以设置显示页面布局边界：设置 - 开发人员选项 - （勾选）显示布局界限

如何快速的判断一个APP页面是原生的还是H5页面呢？下面列出了几个判断方法：

区分方法 原生 H5

网络情况：

把手机的网络断掉。然后点开页面。

然后可以正常显示的东西就是原生写的；

不依赖网路

显示404或者错误页面的是html页面，

依赖网络
加载速度 运行性能低
最低0.47元/天 解锁文章
小褚丫头
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
教育网站网页版和APP版本，小程序和H5页面
03-18
设计一个优秀的教育网站要考虑以下几个方面： 1. 用户体验：简洁明了的界面设计，易于导航的菜单，快速响应的时间，以及对不同设备和浏览器的兼容性。 2. 功能性：包括课程展示、在线报名、学习资源下载、互动论坛...
如何区分APP页面是H5还是原生页面？
最新发布
NHB456789的博客
05-09 445
刚刚接触的同学，或多或少都有过这样的疑问：APP页面哪些是H5页面？哪些是原生页面?单凭肉眼，简直太难区分了！我总结了6个小技巧，希望能帮大家答疑解惑。断开网络，显示404或错误页面的，说明是一个，如果还有控件基本上就是原生的。在手机设置--开发者选项中，开启显示布局边界功能，进入应用，原生页面则可以看到页面各个控件的布局，而H5页面则显示整个页面的边界（左边是原生，右边是H5）。打开该页面时，发现顶部或底部有进度条加载标识的，该页面为H5。顶部导航栏种出现【X】关闭图标按钮，该页面为H5。
【计算机四级嵌入式】内存管理
Link Chen's Blog
09-19 257
内存管理 1.题目如下 在页式存储管理方案中，页表由若干物理页号和一些其他信息构成，页表可以形象地看作是页号的目录，而页表本身也以页面的形式存储 题目中说进程虚拟地址空间为2GB，页面大小为4KB，用4B表示物理页号大小，因此 页面数量=虚拟地址空间/页面大小=2GB/4KB=2^19 页表大小=页面数量*物理页号大小=219*4B=221B 页表占用页面数量=页表大小/页面大小=221B/4KB=29 因此最终结果为2^19=512个页面 ...
Android如何判断APP使用的是h5界面还是native界面
Mr.Left的小窝
12-15 5751
比较直接的几个方式如下： 手机设置———>开发者选项———–>开启显示布局边界,页面有布局的是native否则为h5页面; 长按页面，如果出现文字选择、粘贴功能的是H5页面，否则是native页面，我在我们自己的App里面试了一下是可以判断的。但是有一种情况，如果H5页面就是一张图片，那么是不能通过这个方法验证的。 抓包抓到url或者html的代码则肯定有 「H5」布局。 还有一些情况需要从nati
Android的开发者工具如何区分H5页面和原生页面
qq_37941471的博客
02-21 3978
1. 在手机设置或者辅助功能中找到开发者工具（下面我用的是vivo手机） 2. 找到【开发者选项】并打开 3. 往下滑，找到【绘图】里面的【显示布局边界】并打开 4. 打开后如何区分H5页面和原生（native）页面？ 4.1. 原生（native）页面 就是密密麻麻的红线，布局很规范的页面就是原生页面 4.2 H5页面 打开页面中间一大部分都没有红线，只有页面边缘有红线的布局就是H5页面...
原生H5页面模拟APP侧滑删除效果
08-29
在移动应用开发中，为了提供类似原生应用的交互体验，开发者经常会在H5页面中实现各种手势操作，其中就包括模拟APP中的侧滑删除效果。这个效果常见于列表项，用户滑动屏幕时，页面元素会展示出删除按钮或其他操作...
仿今日头条移动端H5APP页面
01-03
这是一个针对移动设备优化的Web应用程序，采用HTML5、CSS3和JavaScript技术构建，旨在提供与原生APP相似的用户体验。这样的H5页面通常用于快速开发轻量级的移动应用，无需用户下载安装，只需通过浏览器访问即可。 ...
Android APP使用WebView调用H5页面完成摄像头扫描二维码软件源码.rar
05-10
在Android应用开发中，WebView是一个非常重要的组件，它允许开发者在APP内部加载并显示网页内容。这个源码示例展示了如何在WebView中调用H5页面，并利用Android原生的摄像头功能来扫描二维码，实现二维码识别。下面...
H5页面唤醒App(安卓+ios)
12-10
在App唤醒过程中，我们可以自定义一个独特的scheme，使得H5页面点击特定链接时，操作系统能够识别这个scheme并启动相应的App。 在安卓系统上，App可以通过注册BroadcastReceiver来监听自定义scheme的URL。开发者...
如何区分手机端 APP 是原生 APP 还是 H5？H5 和原生 APP 之间的区别
zzhangsiwei的博客
03-21 3575
如何区分手机端 APP 是原生 APP 还是 H5？ 1.如果断开网络，立即显示 404 或者页面错误基本上是 H5 2.通过查看页面布局边界，操作步骤 a.手机设置，开发者选项里去开启，打开页面布局开关，b.然后进入 APP 里查看布局边界即可。(APP 能看到各个控件边界，H5 整体页面布局边界)个人觉得比较好用 3.如果长按页面出现放大镜、复制、粘贴等功能、或者手机震动等情况，基本确定是 H5 4.如果打开一个新页面， 在导航栏下有一条，显示进度加载线，这个页面基本上就是 H5 5.如果 APP 的导
判断一个APP页面是原生的还是H5页面
ios_xumin的专栏
12-20 6885
1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 显示404或则错误页面的是html页面。   2、看布局边界 可以打开  开发者选项中的显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。（仅针对安卓手机试用）如下图所示：     3、
PHP如何判断访问来源是微信小程序、公众号平台、APP
weixin_42136237的博客
11-08 2442
//判断是什么平台 function platform() { //ll($_SERVER['HTTP_USER_AGENT']); $platform='h5'; $a_strtolower = strtolower($_SERVER['HTTP_USER_AGENT']); if(strpos($a_strtolower, "micromessenger"))//公众号MicroMessenger {
h5页面和PHP页面的区别,嵌入app的h5与普通的h5有何不同？
weixin_34323587的博客
03-20 304
那里有不同？区别大不大？我要做一个H5页面嵌入到app里，但我不会写于是我就用抓包工具抓取了一个类似的页面，我想把我的程序加入进去但不知道如何去改动，好多js代码看不懂，希望有大神帮忙看下代码是做一个签到页面签到签到连续签到有更多惊喜哦.....................昨日获奖名单>...积分积分奖池...人贡献...分签到规则1.签到和签到分享可以获得积分;2.坚持每日签到和签到分...
如何判断一个 APP页面是否是H5页面
weixin_30610755的博客
08-10 1103
1、无网络断开网络，显示404或则错误页面的是H5 2、页面布局a.在手机设置、开发者选项中开启显示布局边界功能；b.进入应用查看布局边界；c.原生应用可以看到各个控件的布局边界，H5只有整个页面的一个边界 （注：开发者工具是进入<关于手机>，找到<版本号>，有的手机这个版本号是在更多信息里，连续双击<版本号>，会提示开启开发者模式，再返回通用菜单，开启开发...
如何判断一个APP页面是原生的还是H5页面
aaronli112233的博客
07-14 858
来源：http://www.25xt.com/appdesign/11851.html Hybrid APP指的是半原生半Web的混合类App。需要下载安装，看上去类似Native App，但只有很少的UI Web View，访问的内容是 Web 。 原生是Native APP，H5就是Web App 在Hybrid 当中，如何快速的判断一个APP页面是原生的还是...
ios 嵌入的 H5 页面中与原生 App 进行通信详细配置
07-15
要在 iOS App 中嵌入 H5 页面并实现与原生 App 的通信，需要进行以下详细配置步骤： 1. 创建一个 `WKWebView` 实例并将其添加到视图层级中。 ```swift import WebKit class ViewController: UIViewController { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值