敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
如果未成功启用X5内核,请进入 调试 https://debugtbs.qq.com/ 页面,点击“安装线上内核”(注意必须打包并启用X5插件,不然无法打开调试页面)。
//X5内核的 UA 里面有 TBS/123456 字符 alert(/TBS\/\d+/.test(navigator.userAgent) ? "X5内核" : "系统内核");
jsBridge.x5.getEnabledState(function(state){ //state,数字类型,启用/停用状态 //-1 未设置(使用打包平台上 x5 插件配置选项的全局启用/停用设置) // 0 停用 // 1 启用 alert(state); });
//state 参数,数字类型,启用/停用状态 //-1 未设置(使用打包平台上 x5 插件配置选项的全局启用/停用设置) // 0 停用 // 1 启用 jsBridge.x5.setEnabledState(1, function() { alert("已设置,请重启APP。"); //需要参数 true 杀掉进程的方式退出,即冷启动 jsBridge.exit(true); });
//停用 jsBridge.x5.setEnabledState(0, function() { alert("已设置,请重启APP。"); //需要参数 true 杀掉进程的方式退出,即冷启动 jsBridge.exit(true); });
//未设置,恢复为 X5 功能配置里面的全局启停状态 jsBridge.x5.setEnabledState(-1, function() { alert("已设置,请重启APP。"); //需要参数 true 杀掉进程的方式退出,即冷启动 jsBridge.exit(true); });
jsBridge.x5.videoCacheSize(function(size) { var txt = size + "字节\n"; txt += (size / 1024 / 1024.0).toFixed(2) + "MB"; alert(txt); });
jsBridge.x5.clearVideoCache(function(){ alert("视频缓存已清除"); });
jsBridge.x5.playVideo("https://player.alicdn.com/video/editor.mp4", function(succ) { if (!succ) { alert("播放失败"); } });