美文网首页
js和原生交互

js和原生交互

作者: Young_Jeff | 来源:发表于2020-03-05 16:08 被阅读0次
// js 原生交互代码必写
function connectWebViewJavascriptBridge(callback) {
  if (window.WebViewJavascriptBridge) {
    callback(window.WebViewJavascriptBridge);
  } else {
    document.addEventListener(
      'WebViewJavascriptBridgeReady',
      function() {
        callback(window.WebViewJavascriptBridge);
      },
      false,
    );
    if (!isAndroid) {
      if (window.WebViewJavascriptBridge) {
        return callback(window.WebViewJavascriptBridge);
      }
      if (window.WVJBCallbacks) {
        return window.WVJBCallbacks.push(callback);
      }
      window.WVJBCallbacks = [callback];
      const WVJBIframe = document.createElement('iframe');
      WVJBIframe.style.display = 'none';
      WVJBIframe.src = 'https://__bridge_loaded__';
      document.documentElement.appendChild(WVJBIframe);
      setTimeout(function() {
        document.documentElement.removeChild(WVJBIframe);
      }, 0);
    }
  }
}

// 初始化 ios
connectWebViewJavascriptBridge(function(bridge) {
  bridge.registerHandler('callRefreshAccessToken', function(data, cb) {
    //回调函数里处理自己的业务逻辑
    console.log(data, callbackAll);
  });
});
// ios 处理err
connectWebViewJavascriptBridge(function(bridge) {
  bridge.registerHandler('accessTokenError', function(data, cb) {
    console.log('报错了')
  });
});
// 初始化 android
  window.callRefreshAccessToken = function(data) {
    // 获取原生传递的token 信息
    console.log(data, callbackAll);
  };
  // android err
  window.accessTokenError = function() {
    console.log('报错了')
  };
  • 其中,callRefreshAccessTokenaccessTokenError函数名是和原生协商定的(根据自己项目的协议改)

相关文章

  • 原生JS交互(三)—— UIWebView之JavaScript

    系列原生JS交互(一)—— UIWebView拦截URL原生JS交互(二)—— WKWebView拦截URL 一、...

  • WKWebView中JS与原生方法交互

    JS与iOS原生方法交互的场景还是比较多的, 项目中用到原生加载h5界面, 然后js与原生交互. 原生端调用js端...

  • 关于WebView

    JS与Android原生交互 首先,webview应该先支持JS脚本 其次,写一个JS交互的接口,用来调用原生的方...

  • js和原生交互

    其中,callRefreshAccessToken 和 accessTokenError函数名是和原生协商定的(...

  • JS和原生交互

    现在H5和原生的交互在日常开发中经常用的,很多APP为了优化APP,更加便捷灵活的更新页面,有很多页面交给了H5来...

  • 原生与H5交互

    本文讲述使用协议进行H5和webView的交互,包含原生向JS传参和JS向原生传递参数 创建w...

  • IOS OC与JS最全交互

    现在原生端与JS交互是非常常见,项目中刚好有些详情页面需要与JS交互,同时评论在原生请求,JS端显示评论的内容。 ...

  • iOS原生与JS交互

    iOS原生与JS交互的几种方式对比

  • JS和原生的交互

    原生与js交互有两种方法:代理、JsContent 一、UIWebviewDelegate 代理交互 代理交互原理...

  • WebViewJavascriptBridge js和原生交互

网友评论

      本文标题:js和原生交互

      本文链接:https://www.haomeiwen.com/subject/cyyfrhtx.html