html5做手机app和做手机网页一样吗

html-css011

html5做手机app和做手机网页一样吗,第1张

不一样,需增加自适应标签来保持一样。

代码如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

解释:Viewport指用户网页的可视区域,content中的“width”指的是虚拟窗口宽度,上面代码意为虚拟窗口/页面宽度初始比例为1,最小比例为1,最大比例为1,用户不可扩展,页面不可缩放。

扩展资料:

HTML5的事件属性和异常处理

事件属性

HTML 5 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。

HTML 5 中的新事件属性:

onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

H5APP即是一种框架型APP开发模式(HTML5APP框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。

原生APP又称NativeApp,该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。

1、开发方面的区别(这个地方太专业啦,请教了团队的开发小伙伴)

目前ReactNative开发越来越火,微信小程序是基于ReactNative开发的,体验接近原生APP,发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件,也能顺利发布到苹果APPstore。

移动WebApp

1、因为运行在移动设备的浏览器上,所以只需要一个开发项目

2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,RubyonRails,Python)

3、这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap,SenchaTouch2以及AppceleratorTitanium等等。

原生App

1、每一种移动操作系统都需要独立的开发项目

2、每种平台都需要独立的开发语言。Java(Android),Objective-C(iOS)以及VisualC++(Windowsphone)等等

3、需要使用各自的软件开发包,开发工具以及各自的控件

2、能力方面的区别

移动WebApp

只能使用有限的移动硬件设备功能。

原生App

能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等。对于这一点感触很深刻,2016年做新年H5营销小活动的时候,就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。

3、获取方法的区别

移动WebApp

1、从移动设备上的浏览器访问

2、不需要安装额外的软件

3、软件更新只需要服务器就够了

4、因为现在没有什么商品或卖场提供这种App,不过一般都是嵌套在系统内部,或者内部系      统中使用

5、跨平台开发,用户不需要去卖场来下载安装App

6、需要过度依赖网络,没有任何缓存数据

7、任何时候都可以发布App,因为根本不需要官方卖场的审核

8、如果你已经有了一个WebApp,你可以使用responsivewebdesign来辅助改进(这也是优势?)

9、所有的用户都是用同样的版本

原生App

1、直接下载到设备

2、以独立的应用程序运行(并不需要浏览器)

3、用户必须手动去下载并安装这些原生App

4、有一些商店与卖场来帮助用户寻找你的App,appstore里面应有尽有。

5、原生型APP应用的安装包相对较大,包含UI元素、数据内容、逻辑框架

6、手机用户无法上网也可访问APP应用中以前下载的数据。

7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)

8、APP应用更新新功能,涉及到每次要向各个应用商店进行提交审核。

9、用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况

即使两者之间有很大的区别,即使H5有一大堆的坑和问题,但是仍旧不妨碍移动WEB无所不在,移动web是目前唯一的支持各种设备访问的平台,也是唯一一个可供开发者发布移动应用的平台,它将各种移动交互与PC系统任务有效的结合在一起。而原生nativeapp可以充分利用设备的特性,这一点是它得天独厚的优势。

正式因为它有复杂多变的CSS样式消耗了大量性能,它才有一个更有竞争力的优势——它带来了多样性的排版,能够细致到每一个字宽行高和风格的像素级处理,能够给你带来不一样的图文汇合的排版。

我们口中常说的开发APP都是使用编程语言开发的APP,有前后端,有代码。是需要付出大量的时间和金钱的,还需要人工维护,市场上开发一个APP的价格,根据功能不同,价格相差很大,有些模板开发可能几千块就搞定了,有些源码开发十几万。

而网站封装打包的APP其实只是给网站套一个APP的壳子,它本质还是网站,这个封装出来的APP本身是没有后台的,只有网站后台,它可以像普通APP一样安装在手机上,但打开之后是网页。

很多不想花精力开发APP的企业通常会选择使用网站封装“快速开发”一个APP,因为这样非常简单,很多开发者服务平台在这方面都提供免费服务的,自己操作一分钟不到就搞定了。

登录亥著开发者中心,大家可以用自己的手机号注册账号。

点击“封装APP”

输入自己的网址,选择需要封装的系统,可以自己做图标和启动图,也可以选择平台现有的。

根据需求选择功能插件,如果不需要可以不选。

这样就封装好了