WebApp快捷打包
多屏异显

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240326.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

♦ 本 js API 为多屏幕安卓设备提供支持;

♦ 可以独立控制各屏幕显示的 URL 链接内容;

♦ 目前仅支持安卓(Android)系统;

多屏异显 - 多个屏幕显示不同界面

getDisplays 获取所有显示屏幕

获取所有显示屏幕,以 JSON 数组格式返回。

jsBridge.displays.getDisplays(function(ds) {
    alert("找到 " + ds.length + "个屏幕");
    alert(JSON.stringify(ds));
});
/*
[
  {
    displayId   : //屏幕的唯一标识ID,数字类型
    displayName : //屏幕名称,字符串类型
    isValid     : //屏幕是否有效,布尔类型
    state       : //屏幕状态,数字类型
    stateString : //屏幕状态的文本表示,字符串类型
  }
]
*/

show 打开链接显示在指定屏幕

打开链接显示在屏幕 0

jsBridge.displays.show({
  url      : "https://discuz.yimenapp.com/doc/demo_net.cshtml",
  displayId: 0  //用 getDisplays 获取的屏幕ID
}, function(succ) {
  console.log(succ ? "成功" : "失败");
});

show 打开链接显示在指定屏幕

打开链接显示在屏幕 1

jsBridge.displays.show({
  url      : "https://discuz.yimenapp.com/doc/demo_displays.cshtml",
  displayId: 1  //用 getDisplays 获取的屏幕ID
}, function(succ) {
  console.log(succ ? "成功" : "失败");
});

dismiss 关闭指定屏幕显示的内容

关闭屏幕 0 显示的内容

//参数 displayId
jsBridge.displays.dismiss(0);

dismiss 关闭指定屏幕显示的内容

关闭屏幕 1 显示的内容

//参数 displayId
jsBridge.displays.dismiss(1);