第1节：h5js

[toc]

测试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内容

• [x] 1、方法名、参数、参数说明，输入框化，以支持任意桥接方法

  • 字符串转方法

• [x] 2、输入框内容，json化

  • json数据，先内嵌在html中。因为先只支持一个，所以直接更新到文本框中（内容：方法名、参数、参数说明）

• [x] 3、输入框内容，支持从url中获取单个示例的数据（因为只有一个，所以直接通过dataJson传入输入框中的各个参数）

  • [x] 网页副标题增加数据来源标识，以区分数据是html本身内嵌的数据，还是从url中获取

  • [x] 因为参数是从url中获取的，所以需要考虑编码问题。(虽然放在系统浏览器中可以通过)

    • 参数值支持非中文的字符串，可以不用编码
    • 参数值支持中文，需编码
    • 参数值支持json对象，需编码
  • 直接将从url中获取到的参数值，更新到文本框中，以可直接执行
  • app中将输入框中的各个参数组成json，提供给h5。提供方式为将各参数添加到url中(每个url的参数，都需要先编码，否则当参数中含中文，或者是非字符串对象的时候，解析的时候会有问题，虽然放在系统浏览器中可以通过)
  • app中提供json数据，并列表化。app选中对应项，将所选项对应的json数据传递给url的参数。
  • json数据支持section形式，以区分不同类型的示例。

• [x] 4、输入框内容，通过之前支持的json，提供各种demo数据功能

  • json数据，先内嵌在html中。根据json数据，展示可选操作。
  • 选中任意可选操作，更新文本框内容：方法名、参数、参数说明

• [x] 5、输入框内容，支持从url中获取多个示例的数据（因为要支持多个，所以是通过fileUrl传入json文件路径）

  • [x] 网页副标题增加数据来源标识，以区分数据是html本身内嵌的数据，还是从url中获取。如果是url中获取的，那来源是单个示例使用的dataJson各参数，还是多个示例使用的fileUrl参数。

  • [x] 根据json数据，展示示例列表。（若只有一个数据，不显示列表，直接使用；若有多个，默认将第一个更新到文本框中）

• 6、网页html支持跳转到demo示例
• 7、增加h5调用app后，app返回给h5的回传值显示及示例。