1

Estoy tratando de extraer unas gráficas de una página web para mostrarlas en un webview de mi aplicación Android.

Me estoy basando en el ejemplo de este post How to display a part of the webpage on the webview android pero sigo sin lograrlo, ¿alguna idea de qué estoy haciendo mal o cómo podría solucionarlo?

Este en mi código de la app:

import android.os.AsyncTask;
import android.os.Handler;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import java.io.IOException;

public class MainActivity extends AppCompatActivity {

    WebView mWebView;
    Handler uiHandler = new Handler();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mWebView = (WebView)findViewById(R.id.activity_main_webview);
        //Activamos en JavaScript
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        //Activamos el zoom
        webSettings.setBuiltInZoomControls(true);
        mWebView.setWebViewClient(new MyWebViewClient());
        new BackgroundWorker().execute();
    }
    // load links in WebView instead of default browser

    private class MyWebViewClient extends WebViewClient {
        @RequiresApi(21)
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            view.loadUrl(request.getUrl().toString());
            return false;
        }
    }

    private class BackgroundWorker extends AsyncTask<Void, Void, Void> {
        @Override
        protected Void doInBackground(Void... arg0) {
            getGraphics();
            return null;
        }
        public void getGraphics() {
            try {
                Document htmlDocument = Jsoup.connect("http://amunet.com.mx/wordpress/index.php/graficas-de-3-tomas/").get();
                //Document htmlDocument = Jsoup.connect("http://datos.botonmedico.com/pruebaJSOUP.html").get();
                //Document htmlDocument = Jsoup.connect("http://darebee.com/").get();
                // Element element = htmlDocument.select("div#div1 > h3").first();
                Element element = htmlDocument.select("div#chart8").first();
                //Element element = htmlDocument.select("div#gkHeaderMod > div.darewod").first();
                System.out.println("Elemento: "+element);

                // replace body with selected element
                htmlDocument.body().empty().append(element.toString());
                final String html = htmlDocument.toString();
                uiHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        mWebView.loadData(html, "text/html", "UTF-8");
                    }
                });
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(event.getAction()== KeyEvent.ACTION_DOWN){
            switch(keyCode){
                case KeyEvent.KEYCODE_BACK:
                    if(mWebView.canGoBack()){
                        mWebView.goBack();
                    }
                    else {
                        finish();
                    }
                    return true;
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}
6
  • Que sucede o cual es el problema?
    – Jorgesys
    Commented el 20 dic. 2016 a las 18:48
  • Mi problema es que no me logra extraer la gráfica asi como tengo la app. La grafica esta dentro de un div, asi que realmente deberia ser bastante sencillo pero no logro extraerla, en mi app solo se ve en blanco. He probado este codigo con otra pagina como puedes ver en el codigo comentado y si funciona, pero no se por que con estas graficas no.
    – Xavi
    Commented el 20 dic. 2016 a las 20:35
  • 1
    Al cargar la url pide usuario y password...
    – Jorgesys
    Commented el 20 dic. 2016 a las 20:58
  • Cierto una disculpa, el usuario es javier y la contraseña es 000000
    – Xavi
    Commented el 20 dic. 2016 a las 21:27
  • lo primero que tiene que hacer tu aplicación es autenticarte
    – user22539
    Commented el 20 dic. 2016 a las 23:54

1 respuesta 1

1

Para desplegar el tipo de gráfica que necesitas no es suficiente tomar el <div> es necesario también tener los .js como son canvasjs.min.js y jquery-2.2.3.min.js, de hecho tendrías que habilitar la ejecución de Javascript para que la gráfica pudiera generarse sin problema.

Yo recomiendo cargues el url en el WebView pero para esto es necesario un WebViewClient y habilitar Javascript para lograr se genere la gráfica.

        String url = "http://amunet.com.mx/wordpress/index.php/graficas-de-3-tomas/";
        WebView webView = (WebView)findViewById(R.id.myWebView);
        webView.setWebViewClient(new WebViewClient());
        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        webView.loadUrl(url);

introducir la descripción de la imagen aquí

3

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.