WebApp快捷打包
导航栏

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

JS-SDK 引用方式:

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

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

导航栏

evalInNavbar 在导航栏中执行 js

1. 导航栏实际上是一个Web窗口,你可以在里面执行任意 js 语句,甚至可以加载自定义的网页链接; 2. 如未启用导航栏则不执行任何操作;

jsBridge.evalInNavbar("location.reload()");

evalInNavbarAction 按钮角标 - 第一个按钮数字

控制导航栏按钮角标

//在第一个按钮显示角标8
jsBridge.evalInNavbarAction("badge", {
  index: 0,
  badge: 8
});
/*
函数定义 function(actionAsString, dataAsJson);
参数说明:
actionAsString: "badge"
dataAsJson:
{
  index: //从左到右的按钮序号(从0开始),数字类型
  badge: //角标数字:大于0显示角标数字,0仅显示红点角标(不显示数字),小于0不显示角标
}
*/

evalInNavbarAction 按钮角标 - 第一个按钮清除

控制导航栏按钮角标

//清除第二个按钮的角标
jsBridge.evalInNavbarAction("badge", {
  index: 0,
  badge: -1
});

evalInNavbarAction 按钮角标 - 第二个按钮数字

控制导航栏按钮角标

//在第二个按钮显示角标12
jsBridge.evalInNavbarAction("badge", {
  index: 1,
  badge: 12
});

evalInNavbarAction 按钮角标 - 第二个按钮红点

//在第二个按钮显示红点角标
jsBridge.evalInNavbarAction("badge", {
  index: 1,
  badge: 0
});

evalInNavbarAction 按钮角标 - 第二个按钮清除

//清除第二个按钮的角标
jsBridge.evalInNavbarAction("badge", {
  index: 1,
  badge: -1
});

evalInNavbarAction 按钮高亮 - 第二个

//第二个按钮高亮显示
jsBridge.evalInNavbarAction("focus", {
  index: 1
});
/*
函数定义 function(actionAsString, dataAsJson);
参数说明:
actionAsString: "focus"
dataAsJson:
{
  index: //从左到右的按钮序号(从0开始),数字类型
}
*/

evalInNavbarAction 按钮高亮 - 第一个

//第一个按钮高亮显示
jsBridge.evalInNavbarAction("focus", {
  index: 0
});


示例截屏