如何判断一个APP页面是否是H5页面_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
如何判断一个APP页面是否是H5页面
我有更好的答案
显示404或则错误页面的是html页面。然后可以正常显示的东西就是原生写的：把手机的网络断掉。然后点开页面判断app里面哪些是app原生写的哪些是html代码方法
采纳率：96%
来自团队：
为您推荐：
其他类似问题
您可能关注的内容
app的相关知识
等待您来回答在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我做了一个H5的页面 准备嵌套在手机App中 打开。可我发现无论是本地环境还是正式环境，我用手机无法访问我的H5页面。有什么办法解决，十分感谢。
这是index.html的头部 项目用的angularjs。
这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
就贴这么多东西怎么能看出来究竟是什么原因呢？
你先把这个页面在浏览器上调试，看看能不能打开，打不开看怎么报错，然后进行调试。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
赞同 你就贴这点东西。补充一下猜测一下，你的app没开js支持，所以你的页面不完整，或者干脆没显示。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
给出代码来，可能会更好
这个问题已经被关闭无法回答
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：如何判断一个APP页面是原生的还是H5页面
时间： 19:18:46
&&&& 阅读：5006
&&&& 评论：
&&&& 收藏：0
标签：来源：/appdesign/11851.html
Hybrid APP指的是半原生半Web的混合类App。需要下载安装，看上去类似Native App，但只有很少的UI Web View，访问的内容是 Web 。
原生是Native APP，H5就是Web App
在Hybrid 当中，如何快速的判断一个APP页面是原生的还是H5页面呢？
1、看断网的情况
把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
显示404或则错误页面的是html页面。
2、看布局边界
开发者选项-&显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的，否则为h5页面。（仅针对安卓手机试用）如下图所示：
3、看复制文章的提示，需要你通过对比才能得出结果。
比如是文章资讯页面可以长按页面试试，如果出现文字选择、粘贴功能的是H5页面，否则是native原生的页面。
有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。
这个在支付宝APP、蚂蚁聚宝都是可以判断的。
4、看加载的方式
如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。 微信里面打开我们的H5页面常见的有个绿色的&加载线条。如下图红框里面所示：
5、看app顶部 导航栏是否会有关闭的操作
如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标，那么当前的页面肯定的H5，原生的不会出现（除非设计开发者故意弄的）
美团的、大众点评的APp、微信APP当加载h5过多的时候，左上角会出现关闭2字。
6、判断页面 下拉刷新的时候（前提是要有下拉刷新的功能）
如果界面没有明显刷新现象的是原生的，如果有明显刷新现象（比如闪一下）的是H5页面（ios和android）。
比如淘宝的众筹页面。
7、下拉页面的时候显示网址提供方的一定是H5
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！今天公司的需求是做固码支付，就是收钱吧的那种不管哪个app扫码打开都可以跳转进行支付。下面是判断APP的JS
&& &script type=&text/javascript&&
&& &&& &var browser = {
&& &&& &&& &&&& versions: function () {
&& &&& &&& &&&&&&&& var u = navigator.userAgent, app = navigator.appV
&& &&& &&& &&&&&&&& return {&&&&&&&& //移动终端浏览器版本信息
&& &&& &&& &&&&&&&&&&&& trident: u.indexOf('Trident') & -1, //IE内核
&& &&& &&& &&&&&&&&&&&& presto: u.indexOf('Presto') & -1, //opera内核
&& &&& &&& &&&&&&&&&&&& webKit: u.indexOf('AppleWebKit') & -1, //苹果、谷歌内核
&& &&& &&& &&&&&&&&&&&& gecko: u.indexOf('Gecko') & -1 && u.indexOf('KHTML') == -1, //火狐内核
&& &&& &&& &&&&&&&&&&&& mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
&& &&& &&& &&&&&&&&&&&& ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
&& &&& &&& &&&&&&&&&&&& android: u.indexOf('Android') & -1 || u.indexOf('Linux') & -1, //android终端或uc浏览器
&& &&& &&& &&&&&&&&&&&& iPhone: u.indexOf('iPhone') & -1, //是否为iPhone或者QQHD浏览器
&& &&& &&& &&&&&&&&&&&& iPad: u.indexOf('iPad') & -1, //是否iPad
&& &&& &&& &&&&&&&&&&&& webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
&& &&& &&& &&&&&&&& };
&& &&& &&& &&&& }(),
&& &&& &&& &&&& language: (navigator.browserLanguage || navigator.language).toLowerCase()
&& &&& &&& &}
&& &&& &if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
&& &&&&&&&& var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
&& &&&&&&&& if (ua.match(/MicroMessenger/i) == &micromessenger&) {
&& &&&&&&&&&&&&&&&& //在微信中打开
&& &&&&&&&&&&&&&&& window.location.href=&{ctx}/&
&& &&&&&&&& }else{
&& &&&&&& &
&& &&&&&&& &&& &document.write(&请使用微信扫此二维码！&)
&& &&&&&&& &&& &
&& &&&&&&&& }
&& &&&&&& /*&& if (ua.match(/WeiBo/i) == &weibo&) {
&& &&&&&&&&&&&&&&&& //在新浪微博客户端打开
&& &&&&&&&& }
&& &&&&&&&& if (ua.match(/QQ/i) == &qq&) {
&& &&&&&&&&&&&&&&&& //在QQ空间打开
&& &&&&&&&&&&&&&&&& alert(&QQ&);
&& &&&&&&&& }
&& &&&&&&&& if(/alipay/ig.test(ua)){
&& &&&&&&& &&& &alert(&支付宝&);
&& &&&&&&&& }
&& &&&&&&&& if (browser.versions.ios) {
&& &&&&&&&&&&&&&&&& //是否在IOS浏览器打开
&& &&&&&&&& }
&& &&&&&&&& if(browser.versions.android){
&& &&&&&&&&&&&&&&&& //是否在安卓浏览器打开
&& &&&&&&&& } */
&& &} else {
&& &&&&&&&& //否则就是PC浏览器打开
&& &&&&&&& &&& &document.write(&请使用微信扫此二维码！&)
&& &/*& alert(&PC&); */&& & &
&& &&& &&/script&
本文已收录于以下专栏：
相关文章推荐
概述在移动开发中，页面和原生的混杂一般来说是难以避免的。但是如果可以做到避免，那么对于程序员们来说是一种莫大的福利。说道不可避免，尤其对于业务不甚明朗的创业型公司，更是如此，今天想测试这个思路、明天又...
原文转载自:http://www.nero.today/index.php//appswitchonwechatonios9/前言微信的普及程度相信不需要多言了，稍微回忆一下自己上...
1需要先判断页面是否在微信中打开（因为微信中无法打开跳转外部链接），如果是在微信中，提示请在浏览器（android）或者safari（ios）中打开
2这里的schema是由手机端开发人员提供的
老板要做推广，想知道推出去的网页是从哪个地方来的。    
下面是js代码：
   
        var browser = {
 &#1...
我们有个需求：
有一个WEB页面上面有用app打开的按钮，但是在APP页面内部展示的时候是不需要这个按钮的，这时候我们就需要一段判断在哪个APP打开的JS
最好是你们自己的APP可以提供一个返回
...
实现效果如下图所示，在手机浏览器中访问京东的手机版网站()，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了京东App，则直接打开，如果没有安装，则开始下载。实现方式1.为An...
今天在做前端输出的时候，需要和app的做些对接工作。就是在手机浏览器中下载某app时，能判断该用户是否安装了该应用。如果安装了该应用，就直接打开该应用；如果没有安装该应用，就下载该应用。那么下面就对在...
打开一个页面，如果装了应用，就打开该应用；没装的时候，iOS 跳 App Store 下载，Android 跳到下载 apk 包的页面
常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用...
他的最新文章
讲师：刘文志
讲师：陈伟
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)}