Load HTML-file that is using Javascript in a WebView

Question

I'm trying to open a .html page that uses javascript in a WebView. To be explicit, I'm trying to open the demo-eBook by 1000°-ePaper.

I copied the demo-folder into my asset-folder, so there is a file called "mobile.html". This HTML-file uses some javascript and .css. It seems that it is trying to open a "mobile.html#/page/0" first.

When I load the WebView, it says: "Please activate Javascript".

My Code:

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

mWebView.loadUrl("file:///android_asset/Prospect/test/mobile.html");

So it should work, right? The confusing thing is that I can load the mobile.html, when I put all the stuff online an use the defaultBrowser.

Just wondering is the "Please Activate JavaScript" message from the WebView class or is it from the HTML/JavaScript? I haven't seen it before and I have used embedded HTML and JavaScript a few times. Generally it just works with WebView.getSettings().setJavaScriptEnabled(true); so I'd imagine it's just something small going wrong somewhere. Even of your not using them I think it helps to throw in clients too e.g WebView.setWebChromeClient(new WebChromeClient()); — Ruairi O'Brien
– Ruairi O'Brien, Commented Dec 19, 2011 at 10:25
It's a message from the HTML/JavaScript. Ok, nice to hear that it should be something small. — 10ff
– 10ff, Commented Dec 19, 2011 at 10:28

Abhinava · Accepted Answer · 2011-12-19 09:44:24Z

1

I'll suggest you to associate a webviewClient and WebChromeClient to your web view.

answered Dec 19, 2011 at 9:44

Abhinava

1,0309 silver badges19 bronze badges

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

2 Comments

10ff Over a year ago

Ok, I did it like in this tutorial, but it didn't help: giantflyingsaucer.com/blog/?p=1331 I think, that the WebChromeClient just helps to show the Progress and the Webviewclient overrides the default Browser? Or have I done it in the wrong way?

Abhinava Over a year ago

You are absolutely correct about WebViewClient where as WebChromeClient is responsible for handling Javascript messages and processes.

Jeff.H · Accepted Answer · 2018-09-24 15:55:34Z

0

 public class ViewWeb extends Activity {           
     @Override         
     public void onCreate(Bundle savedInstanceState) {         

     super.onCreate(savedInstanceState);     
     setContentView(R.layout.webview);           
     WebView mWebView;            
     mWebView = (WebView) findViewById(R.id.webView1);        
     mWebView.getSettings().setJavaScriptEnabled(true); 
     mWebView.getSettings().setSavePassword(false);    
     mWebView.getSettings().setSaveFormData(false); 
     mWebView.loadUrl("file:///android_asset/myfile.html");     
     mWebView.setWebViewClient(new MyWebViewClient()); 

 private class MyWebViewClient extends WebViewClient  {   
     @Override     
     //show the web page in webview but not in web browser   
     public boolean shouldOverrideUrlLoading(WebView view, String url) {      
         view.loadUrl (url);      
         return true;
     } 
 }
 mWebView.loadData("", "text/html", "utf-8");

edited Sep 24, 2018 at 15:55

Jeff.H

4244 silver badges14 bronze badges

answered Dec 19, 2011 at 10:17

jennifer

8,25922 gold badges71 silver badges96 bronze badges

4 Comments

10ff Over a year ago

I tried that and copied the text of the HTML-file here: mWebView.loadData("HERE I copied the text of the mobile.html", "text/html", "utf-8"); Was that your thought? Unfortunately it's just showing the clear html text and ignores css/javascript code that are linked and in separate files, so I don't have Inline Code

10ff Over a year ago

Is the "myfile.html" in your case just a helpfile to open the webClient?

Ruairi O'Brien Over a year ago

Have you tried putting in some of the stuff (JS, CSS) Inline just to see if it works? Maybe there is a linking issue?

10ff Over a year ago

Didn't try this till now, because the .js-code is too much. To be explicit, it's a ePaper-HTML-document that I buyed. It seems that the DOM isn't built fast enough, cause 1 out of 15 times the content is shown very well. Is it possible to spend the DOM enough time to be built? LogCat says: couldn't execute method getWidth() of undefined'. In the .js-file, there is: this.body.getWidth() .

Collectives™ on Stack Overflow

Load HTML-file that is using Javascript in a WebView

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related