html5 做app引导页怎么做

html-css020

html5 做app引导页怎么做,第1张

H5edu教育Html5开发为您解答:

1、制作html5引导页面。

2、把做好的页面放入Android工程中assets文件夹下。

3、利用WebView加载asset文件夹下的html文件。

4、在引导页最后一页的按钮上捕捉点击事件,结束引导页,进入程序。

html5+javascript,可以借助appscan、apicloud这种跨平台开发工具,可以同时开发多端。

使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上,而移动App的文件存放在手机本地,编写移动App的html、js、css文件被打包到ipa或apk等原生安装包,在手机客户端运行。

用个更形象的列子,web app仍然是b/s结构,而移动App是c/s结构甚至是完全脱线的单机应用。

这或许有点超过一些人的想象,他们认为HTML就是web、就是b/s,事实上javascript早已可通过nodejs等技术运行在服务器侧,而在HBuilder的移动App里,HTML、JS等文件也可以被打包成原生安装包。

当然这些移动App里某些页面也可以继续从服务器端以网页方式下行,就像任何原生应用(如微信)都可以内嵌网页一样。

所以mobile web,在HBuilder里新建项目时,属于web项目。不要放置到移动App项目下。mobile web项目也不能真机联调和打包。

智游教育:举几个例子说明mobile web和移动App的区别。

例1:把一个mobile web项目,打包成移动App。

1. 在HBuilder里新建一个web项目,把mobile web代码放进去。

2. 在HBuilder里新建移动App

3. 在新建的移动App下找到manifest.json,将其中的入口页面配置为mobile web的网络地址。

4. 然后点发行打包,就得到一个移动App的安装包。除了有个安装包和桌面有个快捷方式外,与浏览器的体验不会有其他区别。

5. 不过注意,这样的移动App体验很差,它在页面跳转时会像浏览器那样切换并且白屏,它完全无法脱线使用,没有网络时点开这个app只能看到一片白板。这样的app在Apple的Appstore审核时是无法通过的,其他大的安卓市场也不会允许发行。

例子2:正规的移动App

1. 在HBuilder里新建移动App项目

2. 在移动App里编写html、Js、css文件,本地js通过ajax方式请求服务器数据,通过plus.net对象避开跨域限制

3. 移动App里的js可以通过plus对象调用手机原生能力

4. 编写好的移动App点打包变成安装包,这才是一个体验良好的、可上线的移动App。

你说的这个主要制作思路是使用响应式设计,结合html5和css的一些特性制作(主要是css3的媒体检查,根据不同视口载入不同样式),但制作出来的东西能否被称为手机app,这个还要看功能,如果你制作出来的东西能完成某些功能或者某种任务,这能被叫做webapp,如果不能就不要叫什么app,最多算是一种手机展示方式。

至于安卓和ios版本的问题,考虑主要是图片分辨率的问题,区别不大。