时间戳

首页 > 解决方案 > 将本地 javascript 加载到 webview 中？

javascript - 将本地 javascript 加载到 webview 中？

问题描述

我正在尝试将本地 javascript 加载到 react native webview 中，但是我想在页面上进行的这些更改似乎没有生效，我认为语法存在一些问题，请您更正我的语法

 let injec= "document.querySelector('.para').style.color='blue';";
  injec += "document.querySelector('#dicc').style.display='none';";
       const test = "document.querySelectorAll('label');";
      let labels = "Array.from(test) labels.forEach(function(lab) { lab.style.color = 'blue'});";
      injec += labels;

  <WebView
    onNavigationStateChange={this.onNavigationStateChange}
    style={webView}
    renderError={this.handleRenderError}
    onError={this.handleRenderError}
    injectedJavaScript= {injec}
....

标签： javascriptreact-native

解决方案

我正在使用这样的 webview，它非常适合我。尝试

...
render(){
...
 const injectJS = "My_Js_Code";

return(
      <View style={styles.container}>
        <WebView style={styles.webView}
          source={{uri: 'https://example.com/'}}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          startInLoadingState={true}
          injectedJavaScript={injectJS}
        />
      </View>
    );
  }

...

推荐阅读