精华内容
下载资源
问答
  • 原生页面和H5页面

    千次阅读 2018-08-23 15:42:11
    原生应用”占统治地位  当我们为移动设备开发应用程序时,程序员通常都会选择开发“原生应用”,“原生应用”是一种用户必须通过手机应用商店购买下载并安装在手机存储器内的应用程序。“原生应用”现已成为新增...

    “原生应用”占统治地位

      当我们为移动设备开发应用程序时,程序员通常都会选择开发“原生应用”,“原生应用”是一种用户必须通过手机应用商店购买下载并安装在手机存储器内的应用程序。“原生应用”现已成为新增手机功能的首选业界标准。

      因此,大多数的程序员都认为跟浏览器应用相比,不论是渲染效果,还是执行能力,“原生应用”都拥有明显的优势。大部分的用户都会尽量避免使用手机浏览器,因为浏览器使用并不方便,尤其是需要输入数据的时候。

      “原生应用”比浏览器应用更容易预见。因为“原生应用”是在手机内存中运行的,它们不会遭遇不可预知和易见等在浏览器应用常发生的问题。

      此外,“原生应用”对网络的依赖性更少。“原生应用”大部分的数据都是存储在手机内,它们不需要连接网络才能获取数据。但浏览器应用则是典型的依赖云端服务器的应用程序,它们必 须得连接网络才能获得内容。如果网络连接不稳定或很弱,浏览器应用的表现性能将会遭受非常大的打击。

      “原生应用”很麻烦

      长期以来,程序员都是在有限的资源的情况下开发Apple的iOS设备和Android设备开发的应用程序,因为这么做可以让他们的手机应用进入最大的移动市场。

      但这种理由已经开始失去 说服力,部分原因是程序员要在手机应用商店销售“原生应用”并不容易。以iOS应用为例,就连通过官方的审核也不容易。不过,Apple公司要求每一个提交申请审核的手机应用都必须遵从它的标准,程序员说如果Apple不喜欢那个手机应用,无论是什么理由,它都会拒绝审核。

      尽管要在Android市场通过应用审核并不难,但却通过审核后却很容易被埋没在茫茫的Andorid应用海洋里,并且大部分Android应用都是低质量的。

      手机程序员面对的另一个 问题是他们还必须针对不同的手机操作系统(iOS、Android或者其他)开发不同版本的手机应用,并且同一个操作系统还会有几个版本的应用。因此,手 机程序员需要投入大量的时间和金钱给他们的应用程序“定版本号”,而提高产品质量和开发新产品的时间却所剩无几。

      迷失在“超级”市场

      如前面提到的,一个“原生应用”要在应用商店上架开售并获得成功的希望是十分渺茫的。随着应用商店的扩大,假冒伪劣的应用将会越来越多,而获得有用的手机应用将变得越来越困难。 WildTangent公司的副总裁Matt Shea表示大型手机应用商店的应用程序都是一站式购物,他们看起来很笨拙,而且应用程序的分类和组织均是显而易见的失败。因此,应用买主就更难物色到他 心目中的理想手机应用,就算这个应用真的就藏在应用商店内,他也难以从中找出。这也是手机程序员面对的最大问题。

      Shea还说,大型手机应用商店的糟糕分类让像WildTangent这样的专业商店觅得了商机。WildTangent是一个专业的手机游戏分类网站,他们会对游戏进行严格的分类和审查,这样访客就能更容易获取到他们的理想应用。

      HTML5是答案吗?

      许多移动社区的用户相信 开发者可以避免这样的烦恼——是否选用Html5技术开发基于浏览器的应用。HTML5技术是1999年推出的超本文语言的一次大升级。尽管外界消息指在 2014年到来前,W3C不会出台HTML5技术标准,但现在,许多现代的手机浏览器已经提前支持这种技术,许多Web程序员已经开始设计HTML5网站。

      简单说,HTML5会让浏览器、桌面应用和移动设备展现更多酷炫的功能,例如坐标定位、无插件的视频和音频播放等。同步功能也会更完善,你将可以在工作时观赏一部分电影,然后在家的电脑继续观看余下的片段。

      或许HTML5技术最大的潜在优势就是它可以让应用程序员将精力集中在一个版本的应用上,而这个应用却在多个浏览器流畅运行,将程序员从多平台多版本的束缚中解放出来,让他们有更多的精力和资金进行推广营销。

      网络是一个关键因素。如果4G网络出来到来,网速将会得到更大幅度的提高,用户从互联网获取内容时将会更加迅速和可靠,浏览器应用也将因此迎来生机。

      至于宣传方式,基于浏览器的手机应用将大大减少程序员或开发商对手机应用商店的依赖。为了让“原生应用”成功,程序员需要更多的推广投入,而基于浏览器的应用(只需一个链接地址)会让程序员更容易通过社交媒体(如Twitter、Google+)等进行推广。

      留下还是离开?

      尽管大多数程序员相信HTML5技术的水平正在提高,“原生应用”的运行速度和真实用例依然比浏览器应用要好。

      造成它们差役的一大原因就是“原生应用”可以访问手机设备的硬件功能,而浏览器应用却无法做到。许多程序员表示HTML5的应用目前还没能控制和充分利用智能手机各种各样的硬件功能,如智能手机的CPU和重力加速器,而“原生应用”却能充分利用这些硬件资源。

      虽然如此,但围绕HTML5技术的争论依然非常的多,HTML5技术究竟需要多长的时间才能像“原生应用”那样操控智能手机的硬件设备呢?

      “Java的连接辅助让类似移动定位这样的功能也已经可以在大多数的手机浏览器中调用,” QualcommCDMA公司的产品经理SyChoudhury说,“未来半年,我们将会看到更丰富的定位功能,同时浏览器还会有WebGL这样的访问GPU的功能,更轻松地访问照相机和摄像机,浏览器对声音控制也会比现在更为出色。”

      Choudhury跟他的团队目前主要从事浏览器的性能优化和开发针对高通Snapdragon处理器的手机操作系统。

      “几个月以前,浏览器厂商开始放出越来越多的例子高调展示浏览器应用可以达到的水平,包括重力加速器、方向仪、GPS定位和集成照相等功能,”Mozilla手机浏览器产品经理Thomas Arend指出,Mozilla开发者网站的Dashboard 就是一个非常好的HTML5技术例子。

      保证一致的用户体验也是HTML5技术需要解决的另一问题。HTML5浏览器应用在不同的手机设备的不同浏览器上运行,部分程序员表示,由于不统一性,难以让所有的消费者都喜欢他们设备上的HTML5浏览器应用的表现效果。

      但采用基于浏览器的方法开发应用不一定就是毫无优势,Arend说。“选择Web技术作为平台技术是最有前途的,对于跨平台的应用(PC和移动设备),Web技术无疑会用户更一致的用户体验,一款优秀的浏览器应用的表现效果绝对及得上‘原生应用’。”

      任何一种新技术的采用, 都会先经历钟形曲线的模式。早期的技术领头人已经开始行动了。Pandora宣布将采用HTML5技术开发应用程序,而云存储公司Box.NET也表示会 开始采用HTML5技术。同时也有传言Amazon很快将推出一款基于HTML5浏览器技术的Kindle应用。

      不存在“二选一”

      在对“原生应用”和浏览器应用的大量热讨后,许多程序员已经不再需要面对一个“二选一”的抉择,事实上,两种技术是可以共存的。

      举个例,一名游戏开发者开发了不仅开发了一款手机“原生”游戏“lite”,他还开发了这款游戏的Web版本,潜在买家可以先在Web浏览器上试玩这个应用,Arend指出,如果他们认为这款游戏值得购买时,他们可能会在手机应用商店购买下载游戏的完整版进行安装。

      此外,程序员开发“原生应用”的方式十分类似于开发浏览器应用——同样的开发工具,只是最后需要给“原生应用”再额外添加一个包装而已。因此,“原生应用”和浏览器应用有时候可能跟人们想象的会有点出入。

      最后,程序员可能会决定开发一款融合“原生”和浏览器特色的应用程序。程序员必定会疑问发布到应用商店和通过社交媒体放置在开放互联网上,哪一种方式才是吸引用户的最佳方式呢?

      对于许多人而言,智能手 机这个概念的诞生也同时伴随着应用下载的到来。当智能手机首次进入市场时,“原生应用”就是最好的方式用以完成设备的任务。但随着HTML5技术的到来, 这又开始了变化:随着浏览器的成长,带宽的增加,HTML5的技术标准成熟,许多无线社区的用户就会开始怀疑“原生应用”是否是手机设备的最佳的搭档。

      当HTML5技术全面袭来时,手机浏览器将会变得更好,至少它会改头换面。

    原生app和h5页面的比较:

    1,原生应用页面体验效果会更好的;速度快

    2,原生可以脱机使用,运行更快,h5可以动态更新不更新app

    3,页面跳转更加费力,不稳定感更强

    4,原生app 排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)

    5,h5 交互动态效果收到限制,影响一些页面场景、逻辑的理解。复杂的逻辑和动画做不了

    6,纯粹的HTML5应用很少,甚至只有一个view是用WebView/UIWebView的方式越来越常见了。

    基本上只要对那个view长按,然后看是不是有反应,比如手机震动(Android)、或者出现文字选择粘贴(Android/iOS),那么就是WebView!(长按有气泡的)

    展开全文
  • 原生页面H5页面区别

    万次阅读 2017-05-25 09:50:48
    不仔细去观察,一般人都不会察觉...如今最火的APP开发模式是Hybrid APP开发(即混合模式,半原生H5页面)。 原生是Native APP H5就是Web App   在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5

    不仔细去观察,一般人都不会察觉出来的,再加上现在的H5技术和原生应用的技术很多类似,或者说实现的效果很相像。

     

    我们再来回顾一下:

    如今最火的APP开发模式是Hybrid  APP开发(即混合模式,半原生半H5页面)。

    原生是Native APP           H5就是Web App

     

    在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢?25学堂总和网友的答案汇总整理了一下。如果你们还有更好的判断方法也可以告知学堂君。

    1、看断网的情况

    把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。

    显示404或则错误页面的是html页面。

     

    2、看布局边界

    可以打开  开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。(仅针对安卓手机试用)如下图所示:

    教你判断一个APP页面是原生的还是H5页面

     

     

    3、看复制文章的提示,需要你通过对比才能得出结果。

    比如是文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。

    有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

    这个在支付宝APP、蚂蚁聚宝都是可以判断的。

     

    4、看加载的方式

    如果在打开新页面导航栏下面有一条加载的线的话,这个页面就是H5页面,如果没有就是原生的。 微信里面打开我们的H5页面常见的有个绿色的 加载线条。如下图红框里面所示:

    美团app

     

    5、看app顶部 导航栏是否会有关闭的操作

    如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)

    美团的、大众点评的APp、微信APP当加载h5过多的时候,左上角会出现关闭2字。

     

    6、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)

    如果界面没有明显刷新现象的是原生的,如果有明显刷新现象(比如闪一下)的是H5页面(ios和android)。

    比如淘宝的众筹页面。

     

    7、下拉页面的时候显示网址提供方的一定是H5。如下图所示:

    淘宝

     

    待补充。。。。。。

    展开全文
  • 如今最火的APP开发模式是Hybrid APP开发(即混合模式,半原生H5页面)。 原生是Native APP H5就是Web App 在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢?25学堂总和网友的答案汇总整理了...

    转载http://www.25xt.com/appdesign/11851.html


    如今最火的APP开发模式是Hybrid APP开发(即混合模式,半原生半H5页面)。
    原生是Native APP H5就是Web App

    在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢?25学堂总和网友的答案汇总整理了一下。如果你们还有更好的判断方法也可以告知学堂君。
    1、看断网的情况
    把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
    显示404或则错误页面的是html页面。

    2、看布局边界
    可以打开 开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。(仅针对安卓手机试用)如下图所示:
    教你判断一个APP页面是原生的还是H5页面

    3、看复制文章的提示,需要你通过对比才能得出结果。
    比如是文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。
    有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。
    这个在支付宝APP、蚂蚁聚宝都是可以判断的。

    4、看加载的方式
    如果在打开新页面导航栏下面有一条加载的线的话,这个页面就是H5页面,如果没有就是原生的。 微信里面打开我们的H5页面常见的有个绿色的 加载线条。如下图红框里面所示:
    美团app

    5、看app顶部 导航栏是否会有关闭的操作
    如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)
    美团的、大众点评的APp、微信APP当加载h5过多的时候,左上角会出现关闭2字。

    6、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)
    如果界面没有明显刷新现象的是原生的,如果有明显刷新现象(比如闪一下)的是H5页面(ios和android)。
    比如淘宝的众筹页面。

    7、下拉页面的时候显示网址提供方的一定是H5。如下图所示:
    淘宝

    以上7点也是目前25学堂的帮大家整理出来的比较容易判断的一个APP页面是原生的还是H5页面的方法。
    希望可以帮到大家,以便更加容易区分原生APP页面和H5页面。

    展开全文
  • 如果下拉刷新页面的时候,页面有明显的刷新现象(比如闪一下),就证明是H5页面。 2、通过查看加载线(IOS安卓) 打开页面时,页面有一条加载的线话,就证明是H5页面。见下图: 3、通过查看布局边界(安卓) ...

    1、通过下拉刷新(IOS和安卓)

    如果下拉刷新页面的时候,页面有明显的刷新现象(比如闪一下),就证明是H5页面。

    2、通过查看加载线(IOS和安卓)

    打开页面时,页面有一条加载的线话,就证明是H5页面。见下图:

    3、通过查看布局边界(安卓)

    如果页面没有刷新功能,可以通过在手机中设置开发者选项,打开【显示布局边界】,就能看到所以控件的布局了,如果页面中包含图片、文字等信息,但是这个区域只有一个边框,就证明是H5页面(头部和底部一般是原生,所以只看中间部分即可)。

    下图就是h5页面:

    4、下拉页面的时候显示网址的一定是H5页面

    有的h5页面,下拉的时候不一定显示,所以我一般不用这个判断

    5、断网时,不正常显示的页面是h5页面

    有的h5页面,如果做了判断,下拉的时候也不一定显示不正确,,所以我一般也不用这个判断

    6、h5页面一般长按文字会出现复制选项

    h5页面如果设置了,也是不能复制的。原生的设置了也可以复制,所以我一般也不用这个判断

    展开全文
  • Hybrid APP指的是半原生半Web的...在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢? 1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 显示404或则错误...
  • android集成cordova 并调用h5页面 有两个H5页面
  • h5页面与Android原生页面交互

    千次阅读 2016-12-12 19:51:30
    在Android原生页面和h5页面的取舍上那些不是本文的重点。重点是,如此多的页面用网页来写,那么必定涉及到网页与原生的交互,俗称js交互。目标:h5页面点击按钮Android端接收到网页传给的json数据。实现网页端 ...
  • 各位朋友大家好,之前我们发了一篇关于手机APP原生开发、H5开发与混合开发的区别的文章,相信大家都已经对这三者有基本的认知了。...如果可以正常显示内容的则是原生页面;显示404或错误的则是H5页面。 ...
  • 在Android原生页面和h5页面的取舍上那些不是本文的重点。重点是,如此多的页面用网页来写,那么必定涉及到网页与原生的交互,俗称js交互。目标:h5页面点击按钮Android端接收到网页传给的json数据。实现网页端 网页...
  • 4. 打开后如何区分H5页面和原生(native)页面? 4.1. 原生(native)页面 就是密密麻麻的红线,布局很规范的页面就是原生页面 4.2 H5页面 打开页面中间一大部分都没有红线,只有页面边缘有红线的布局就是H5页面...
  • Android 原生页面H5交互

    千次阅读 2017-03-13 16:31:05
    android 开发中难免要与H5(js)打交道,而且目前这种混合开发方式越来越普遍,是时候来一发了。
  • 如今最火的APP开发模式是Hybrid APP开发(即混合模式,半原生H5页面)。  原生是Native APP  H5就是Web App 在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢? 二、五种方法 1.看...
  • 原文:http://www.25xt.com/appdesign/11851.html 刚好是周末,无意之间... 于是,25学堂为了帮大家解答这样的问题,特地花了不少时间研究了一下APP里面的原生页面和H5页面到底有哪些不一样。 不仔细去观察,一般人
  • 简单的 原生调取本地 H5页面
  • H5页面原生页面的区别

    千次阅读 2020-09-01 15:23:26
    1.H5,即是html5,超文本标记语言,用于描述网页内容结构的语言,网页编程中由它有负责描述页面数据信息 2.JS,即是JavaScript,广泛用于web应用开发中的脚本语言,负责响应用户的操作,为网页添加动态功能 3....
  • 判断一个APP页面是原生的还是H5页面

    千次阅读 2017-05-03 14:38:32
    如今最火的APP开发模式是Hybrid APP开发(即混合模式,半原生H5页面)。 原生是Native APP H5就是Web App 1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 ...
  • 1.打开手机开发人员选项—“显示布局边界” 2.点击想要检查的页面页面元素没有小框边界时就说明直接使用原生方式去定位元素不可行了

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 21,907
精华内容 8,762
关键字:

内容页原生页面和h5页面