是否可以将Puppeteer与React Native一起使用?

时间:2020-01-04 04:05:38

标签: reactjs react-native puppeteer

我想执行一个脚本,该脚本将从网站上通过React Native提交的表单中获取一些数据。这可能吗?

我的想法是我在iOS / Android(React Native)应用程序上提交一个链接,然后它将显示数据。我希望也可以很快地获取数据。

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找 WebView中的 onmessage 功能 https://facebook.github.io/react-native/docs/webview#onmessage

<WebView

                    source={{uri: yourUrl}}
                    onMessage={(event)=>{
                        let message  = event.nativeEvent.data;
                        console.log(message)

                    }}

                    onError={(e) => {
                        console.warn('error occured', e)
                }}/>

Web端js代码类似于

  document.getElementById("input").addEventListener("focus", function() {  
  var data = {
      type: "OnFocusEvent",
      message : "OnFocusEvent"
  };
  window.postMessage(JSON.stringify({data}),"*");
});

document.getElementById("input").addEventListener("blur", function() {  
  var data = {
      type: "OnBlurEvent",
      message : "OnBlurEvent"
  };
  window.postMessage(JSON.stringify({data}),"*");
});