敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241118.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
侧滑边栏是否已开启(已滑出)
jsBridge.sidebarIsOpen(function(yes) { alert(yes ? "已开启" : "已关闭"); });
jsBridge.sidebarOpen();
jsBridge.sidebarClose();
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 脚本 } **/
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();
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://iosmianqian.yimenapp.com/' }); alert("已设置"); jsBridge.sidebarOpen();