infzm H5 开发文档

Appearance

⚽ 如何测试 ​

测试客户端的 H5 功能 ​

网页提供了测试页面，保证版本发布前 H5 功能是完好的。它会检查和调用：

  • 当前 webview 的 User-Agent
  • H5 接口定义、回调、和返回值，包括满足业务功能的 notifyWebViewUpdated API 和 notifyEvent API 是否被正常调用
访问测试页面 ​

打开客户端，经由文章超链接或其他方式，访问🔗 测试地址 (http://m.misaka.im/h5-api-js-demo/)

image

它会自动运行：

  • 检查🔌 客户端 API 中定义的所有接口是否被定义；
  • 获取客户端登录状态。若已登录，读取用户信息；
  • 设置页面的分享内容，使得页面可分享至社交平台；
交互功能测试 ​

如上所述，大部分功能是自动的，但涉及到业务流程，需手动完成其他测试项。

手动测试项包含：

  • 用户登录；
  • 分享至社交平台；
  • 打开原生页面，包括未知页面的兼容；

从开发者角度来看，H5 API 提供满足如下的流程的功能：

image

测试客户端的 JSBinder 功能 ​

打开客户端，通过文章超链接或其他方式，访问🔗 测试地址 (http://h5.misaka.im/webview-open-page-test.php)

image

测试客户端的 LinkedMe 功能 ​

LinkedME 服务商赐予了我们在短信、微信等场景下，一键调起客户端的能力。

在应用外访问 🔗 测试地址 (http://h5.misaka.im/webview-open-page-test.php)

image