load a local javascript into a webview?

Question

I am trying to load a local javascript into a react native webview but it seems that these changes that I want to make on the page are not taken effect, I think that there is some issues in the syntax , could you please correct my syntax

 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}
....

msalihbindak · Accepted Answer · 2018-09-13 11:40:28Z

1

I am using webview like this and it works perfect for me. Try

...
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>
    );
  }

...

edited Sep 13, 2018 at 11:40

answered Sep 13, 2018 at 11:35

msalihbindak

6227 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

salmanaacvf Over a year ago

the problem is in the content of Injected javascript , syntax is not correct , may be single quotes is missing or .. i dont know still testing

msalihbindak Over a year ago

There are online tools for debug javascript code. Try them

Collectives™ on Stack Overflow

load a local javascript into a webview?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related