WebApp快捷打包
侧边栏
转到模块插件

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

♦ JS-SDK 引用方式：

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

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

侧滑边栏

sidebarIsOpen 获取开关状态

侧滑边栏是否已开启（已滑出）

jsBridge.sidebarIsOpen(function(yes) {
  alert(yes ? "已开启" : "已关闭");
});

sidebarOpen 打开（滑出）边栏

jsBridge.sidebarOpen();

sidebarClose 关闭边栏

jsBridge.sidebarClose();

sidebarHeader 头部设置（A）

jsBridge.sidebarHeader({
  background: '#DD3333',
  textColor : '#FFFFFF',
  icon      : 'https://i.cdn.yimenapp.com/sys/avatar.png',
  text      : '显示在图标下面的文字',
  action    : 'javascript:alert("你点击了头部")'
});
alert("已设置");
jsBridge.sidebarOpen();

/**
{
  background: //背景色或背景图片，背景色用 #RRBBGG 格式，背景图用图片链接
  textColor : //文字颜色
  icon      : //图标链接
  text      : //显示在图标下面的文字
  action    : //点击头部需要执行的操作，一个合法的 uri 或者一段 js 脚本
}
**/

sidebarHeader 头部设置（B）

jsBridge.sidebarHeader({
  background: 'https://i.cdn.yimenapp.com/sys/sm6.jpg',
  textColor : '#FFFFFF',
  icon      : 'https://i.cdn.yimenapp.com/sys/avatar2.png',
  text      : '请登录',
  action    : 'javascript:alert("你点击了头部")'
});
alert("已设置");
jsBridge.sidebarOpen();

sidebarHeader 头部设置（C）

jsBridge.sidebarHeader({
  background: 'https://i.cdn.yimenapp.com/sys/sm3.jpg',
  textColor : '#FF0000',
  icon      : 'https://i.cdn.yimenapp.com/sys/avatar.png',
  text      : '相见恨晚',
  action    : 'https://www.yimenexe.com/'
});
alert("已设置");
jsBridge.sidebarOpen();


注意:

全部示例
Copyright © 2025 WebApp快捷打包