html5 做app引导页怎么做

H5edu教育Html5开发为您解答：

1、制作html5引导页面。

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

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

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

方法可以用模块去实现， 也可以用api自身的openFrameGroup来实现，

api.openFrameGroup ({

name: 'group1',

background: '#fff',

scrollEnabled: true,//设置滚动

rect: {

x: 0,

y: 0,

w: 'auto',

h: 'auto'

},

index: 0,

frames: [{

name: 'guide1',

url: './html/guide1.html',

bgColor: './image/guide.png'//图片直接作为背景即可

},{

name: 'guide2',

url: './html/guide2.html',

bgColor: './image/guide.png'

}]

}, function(ret, err){

})

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

打开的guide1和guide2样式需要调一下：

html,

body {

height: 100%

background: rgba(0, 0, 0, 0)

}

1

2

3

4

5

可以在最后一页的body里添加一个按钮去开启应用。

---