敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251019.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("播放失败");
  }
});