wap和html5手机网站有哪些区别?
(1)WAP(wireless application protocol)是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。
(2)html5是W3C制定的超文本标记语言(html)的第五次修改,通过html5制作的网站可以灵活运行于PC,平板,手机等各种媒体。
(3)wap网站只能运行于手机端,多以文字图片为主,无特效和逻辑功能;html5的新特性可以让网站运行各种媒介(PC、平板、手机),并可以根据媒介的不同响应调节网站结构,与js/css3,可以构造出炫酷的特效效果。
怎么在手机上玩网页游戏?
基于Flash的游戏是基本上没办法原生在手机上运行的。因为现在大多数移动平台都放弃Flash了。但不是基于Flash的游戏也不基于某些特殊插件(Unity)的话,手机是可以运行的。比如传统的HTML+JS的游戏(其实本质上就是一个普通的网页)手机上当然就可以完美运行。基于HTML5的当然也没问题,不过可能性能会受到影响。虽然很多游戏没有适配手机,但运行是没问题的。
HTML5手机端页面缩放问题应该如何解决?
做一个h5移动端项目首先要做好适配
一般在h5头部声明一下。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
上面的意思就是宽度为屏幕的宽度,缩放比例是1,不允许调整缩放比例,最小缩放比例是1,最大缩放比例是1.
然后配合rem来适配各种手机的类型。
1.利用rem跟vw来做适配
2.利用rem跟根元素的font-size适配
我选择的是第二种,动态计算html根元素的font-size然后配合rem使用。可以兼容各种手机。
怎么快速将网站打包为app?
1.首先,你得有一个网站,或者已经准备在本地的html5手机页面,然后我们就可以去下载HBuilder,这是一款开发工具,打包算是附属的功能,现在我们要做的是尽量快速的打包。
2.打开HBuilder,界面如下,解决方法就是点击注册就好了,注册完毕自然就是登陆进去,然后就可以看到功能复杂的主面板。
3.左上角点击-文件-新建-移动app,然后按你的要求设置名称,还有文件的路径,选择模板那里,如果是快速打包,自然是选择空模板,因为那些控件对于不会编程的人来说基本不需要,最后点击完成,新项目就出来了。
4.点击我们的项目,一条文件就出来了,其它都是多余的,现在直接双击manifest.json,这时候,就可以进行设置了。
5.页面入口,填写网站手机版的地址,如果是本地源码,确保放在app所在的路径里面,这样才可以成功制作出简单app,比如我现在只是一个例子,然后就是设置启动图和图标了。
6.就在页面下方,找到“图标配置”,点击后出现如下界面,剩下我就不多说,这里就是自己设计,而我也就不设置了,直接选择默认的,然后基本就完工了,直接右键你的项目,找到发行-发行为原生安装包。
7.然后就是最后一步了,全部默认就好,然后点击打包,完成之后就可以给你提供下载链接,教程到这里结束,如果需要给app添加更多功能,和人家的高端app一样,你就得自己学编程了。

