如何在WebView Android上显示网页的一部分 [英] How to display a part of the webpage on the webview android

问题描述

我正在尝试从网页中提取一小部分并加载到webview中 我已经尝试按照链接中给出的解决方案进行操作，但这没有用

I am trying to extract small portion from webpage and load into webview I have tried following solution given in the link,But it did not work

显示部分webview android上的网页

使用getElementsByClass("darewod")提取数据

htmlDocument = Jsoup.connect(htmlPageUrl).get();
element = htmlDocument.getElementsByClass("darewod");  

String html = element.toString();
String mime = "text/html";
String encoding = "utf-8";

我尝试了以下两种方法来加载到webview，但似乎不起作用，它只是在UI上打印HTML

I have tried the following two methods to load to webview but it seems not working,Its just printing HTML on UI

  wv1.loadDataWithBaseURL(null, html, "text/html", "utf-8", null);

  wv1.loadData(html, "text/html", null);

您能告诉我我是否在这里遗漏了什么吗?

Can you please tell me if i am missing anything here?

推荐答案

您正在加载HTML代码，但没有正确的

Your are loading your html code without the proper structure (so all definitions in head are lost, like CSS references) and without the initial document (or loading with base url) all relative paths are broken.

<div class="darewod"> <a title="Workout of the Day" href="/workouts/lower-abs-workout.html" rel="alternate"><img src="/images/grid/wod/2016/wod_nov8.jpg" alt="Workout of the Day"></a> </div>

您可以做什么:用选定的元素替换文档的主体，然后保留有关基础的结构和信息:

What you could do: replace the body of your document with your selected element, therby preserving the structure and information regarding base:

示例代码

WebView wv;
Handler uiHandler = new Handler();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    wv = (WebView)findViewById(R.id.webView);
    wv.setWebViewClient(new MyWebViewClient());

    new BackgroundWorker().execute();

}

// load links in WebView instead of default browser
private class MyWebViewClient extends WebViewClient {

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return false;
    }

    @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) {
        getDarewod();
        return null;
    }

    public void getDarewod(){

        try {
            Document htmlDocument = Jsoup.connect("http://darebee.com/").get();
            Element element = htmlDocument.select("#gkHeaderMod > div.darewod").first();

            // replace body with selected element
            htmlDocument.body().empty().append(element.toString());
            final String html = htmlDocument.toString();

            uiHandler.post(new Runnable() {
                @Override
                public void run() {
                    wv.loadData(html, "text/html", "UTF-8");
                }
            });
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

}

这篇关于如何在WebView Android上显示网页的一部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！