React Native webView postMessage报错

weixin_33937778

于 2018-07-17 20:26:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/639136

本文介绍了一个关于 WebView 中 postMessage 方法被覆盖的问题及其解决方案。通过使用 JavaScript 的方式来重新定义 window.postMessage 方法，避免了原有方法被覆盖的情况，并提供了一段具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错如下：
Setting onMessage on a WebView overrides existing values of window.postMessage, but a previous value was defined.

IMG_2306.PNG

解决方法：

(function() {
          var originalPostMessage = window.postMessage;
        
          var patchedPostMessage = function(message, targetOrigin, transfer) { 
            originalPostMessage(message, targetOrigin, transfer);
          };
        
          patchedPostMessage.toString = function() { 
            return String(Object.hasOwnProperty).replace('hasOwnProperty', 'postMessage'); 
          };
        
          window.postMessage = patchedPostMessage;
     //业务代码  
          $("#header").hide();
          $(".consultBtn").click(function(){
            window.postMessage("gochat")
          })
        })();