Javascript does not work in Webview

Question

Javascript does not work in Webview

Asked 6 years, 5 months ago

Viewed 781 times

0

I have this simple search engine, works on all browsers, even on android Chrome, but does not work on Webviews, any suggestion of what might be and if there is any other compatible code that can replace this, target and action for example, and how to enable this for webview??

<form align="center" method="GET">
        <input type="text" placeholder="Digite Sua Pergunta Aqui" autofocus name="query" size="50">
        <input  type="submit" onclick="myFunction()" value="Buscar">
    </form>
        
    <script>
    function myFunction() {
      var query = document.getElementsByName('query')[0];
      window.open("endereco_site" + query.value);
    }
    </script>

1

You are enabling Javascript in Webview?

– Valdeir Psr

2018/04/18 at 18:31
What behavior do you expect? I mean, where will this window open? will exit the app and go to the browser?

– David Schrammel

2018/04/18 at 18:50
@Valdeirpsr in the case is the user who will have to enable this?

– Miguel Silva

2018/04/18 at 18:51
@Miguelsilva No, you are the developer. For Javascript to work, the developer must assign the value true in the method webView.setJavaScriptEnabled (in the case of Android). And how you are using popup, maybe there is also why (I did not test something like).

– Valdeir Psr

2018/04/18 at 18:54
@Davidschrammel is an app that opens a page using webview, when the user types the question and clicks to search it opens another page with the search result, only webview instead of appearing the text field and Submit appear two fields followed by java script code like this: function myFunction() {
 var query = document.getElementsByName('query')[0];
 window.open("endereco_site" + query.value);
 }

– Miguel Silva

2018/04/18 at 18:55
@Valdeirpsr got it right

– Miguel Silva

2018/04/18 at 18:59
You can do this without javascript?

– Miguel Silva

2018/04/18 at 19:00
@Miguelsilva Using modal

– Valdeir Psr

2018/04/18 at 19:13

Show 3 more comments

1 answer

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.

by Guilherme Nascimento • **98,651** points · Answer 1 · 2018-04-18T19:08:08+00:00

I believe that to enable Javascript you have to define the WebChromeClient:

webView.setWebChromeClient(new WebChromeClient());

And then enable Javascript

webView.getSettings().setJavaScriptEnabled(true);

Example:

package foo.bar.baz; //nome do seu pacote, isso é apenas um exemplo

import android.webkit.WebChromeClient;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity
{
    private WebView meuWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        meuWebView = (WebView) findViewById(R.id.webView); //Busca o seu webView (se estiver layout)
        meuWebView.getSettings().setJavaScriptEnabled(true);
        meuWebView.setWebChromeClient(new WebChromeClient());
    }
}

As an additional, you asked:

You can do this without javascript?

There is, using the target= and action= in the form, for example:

<form action="http://endereço" align="center" method="GET">
    <input type="text" placeholder="Digite Sua Pergunta Aqui" autofocus name="query" size="50">
    <input  type="submit" value="Buscar">
</form>