测试app内的h5调用app的网页
一、测试h5调用app的网页
1、测试h5调用app的网页1(硬编码,不推荐使用)
网页地址及内容:请点击test_h5js_demo.html查看
支持的功能:
- 点击对应按钮,让h5调用app提供的方法,并传递对应的参数。
2、测试h5调用app的网页2(自动编码,推荐使用,能够根据json文件自动化布局)
网页地址及内容:请点击dvlp_h5js_demo.html查看。
demo使用的json数据dvlp_h5js_demo.json
新增支持内容如下:根据json数据,自动布局html内容
1、方法名、参数、参数说明,输入框化,以支持任意桥接方法
- 字符串转方法
2、输入框内容,json化
- json数据,先内嵌在html中。因为先只支持一个,所以直接更新到文本框中(内容:方法名、参数、参数说明)
3、输入框内容,支持从url中获取单个示例的数据(因为只有一个,所以直接通过dataJson传入输入框中的各个参数)
网页副标题增加数据来源标识,以区分数据是html本身内嵌的数据,还是从url中获取
因为参数是从url中获取的,所以需要考虑编码问题。(虽然放在系统浏览器中可以通过)
- 参数值支持非中文的字符串,可以不用编码
- 参数值支持中文,需编码
- 参数值支持json对象,需编码
直接将从url中获取到的参数值,更新到文本框中,以可直接执行
app中将输入框中的各个参数组成json,提供给h5。提供方式为将各参数添加到url中(每个url的参数,都需要先编码,否则当参数中含中文,或者是非字符串对象的时候,解析的时候会有问题,虽然放在系统浏览器中可以通过)
app中提供json数据,并列表化。app选中对应项,将所选项对应的json数据传递给url的参数。
json数据支持section形式,以区分不同类型的示例。
4、输入框内容,通过之前支持的json,提供各种demo数据功能
- json数据,先内嵌在html中。根据json数据,展示可选操作。
- 选中任意可选操作,更新文本框内容:方法名、参数、参数说明
5、输入框内容,支持从url中获取多个示例的数据(因为要支持多个,所以是通过fileUrl传入json文件路径)
网页副标题增加数据来源标识,以区分数据是html本身内嵌的数据,还是从url中获取。如果是url中获取的,那来源是单个示例使用的dataJson各参数,还是多个示例使用的fileUrl参数。
根据json数据,展示示例列表。(若只有一个数据,不显示列表,直接使用;若有多个,默认将第一个更新到文本框中)
6、网页html支持跳转到demo示例
7、增加h5调用app后,app返回给h5的回传值显示及示例。