web-dev-qa-db-ja.com

WebViewからWebページのコンテンツを取得するにはどうすればよいですか？

Androidには、ページを表示しているWebViewがあります。

ページを再度リクエストせずにページソースを取得するにはどうすればよいですか？

WebViewには、文字列を返す何らかの種類のgetPageSource()メソッドが必要ですが、残念ながらそうではありません。

JavaScriptを有効にした場合、コンテンツを取得するためにこの呼び出しに入れる適切なJavaScriptは何ですか？

webview.loadUrl("javascript:(function() { " +  
    "document.getElementsByTagName('body')[0].style.color = 'red'; " +  
    "})()");
androidandroid-webview
80
gregm

私はこれが遅い答えであることを知っていますが、私は同じ問題を抱えていたのでこの質問を見つけました。 lexandera.comの この投稿 で答えを見つけたと思います。以下のコードは、基本的にサイトからのカットアンドペーストです。トリックをしているようです。

final Context myApp = this;

/* An instance of this class will be registered as a JavaScript interface */
class MyJavaScriptInterface
{
    @JavascriptInterface
    @SuppressWarnings("unused")
    public void processHTML(String html)
    {
        // process the html as needed by the app
    }
}

final WebView browser = (WebView)findViewById(R.id.browser);
/* JavaScript must be enabled if you want it to work, obviously */
browser.getSettings().setJavaScriptEnabled(true);

/* Register a new JavaScript interface called HTMLOUT */
browser.addJavascriptInterface(new MyJavaScriptInterface(), "HTMLOUT");

/* WebViewClient must be set BEFORE calling loadUrl! */
browser.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url)
    {
        /* This call inject JavaScript into the page which just finished loading. */
        browser.loadUrl("javascript:window.HTMLOUT.processHTML('<head>'+document.getElementsByTagName('html')[0].innerHTML+'</head>');");
    }
});

/* load a web page */
browser.loadUrl("http://lexandera.com/files/jsexamples/gethtml.html");
148
jluckyiv

issue 12987 ごとに、Blundellの回答がクラッシュします（少なくとも私の2.3 VMでは）。代わりに、特別なプレフィックスを使用してconsole.logの呼び出しをインターセプトします。

// intercept calls to console.log
web.setWebChromeClient(new WebChromeClient() {
    public boolean onConsoleMessage(ConsoleMessage cmsg)
    {
        // check secret prefix
        if (cmsg.message().startsWith("MAGIC"))
        {
            String msg = cmsg.message().substring(5); // strip off prefix

            /* process HTML */

            return true;
        }

        return false;
    }
});

// inject the JavaScript on page load
web.setWebViewClient(new WebViewClient() {
    public void onPageFinished(WebView view, String address)
    {
        // have the page spill its guts, with a secret prefix
        view.loadUrl("javascript:console.log('MAGIC'+document.getElementsByTagName('html')[0].innerHTML);");
    }
});

web.loadUrl("http://www.google.com");
32
durka42

これは jluckyiv's に基づく答えですが、Javascriptを次のように変更する方がより簡単で簡単だと思います。

browser.loadUrl("javascript:HTMLOUT.processHTML(document.documentElement.outerHTML);");
17
nagoya0

HTMLを個別に取得し、それをWebビューに読み込むことを検討しましたか？

String fetchContent(WebView view, String url) throws IOException {
    HttpClient httpClient = new DefaultHttpClient();
    HttpGet get = new HttpGet(url);
    HttpResponse response = httpClient.execute(get);
    StatusLine statusLine = response.getStatusLine();
    int statusCode = statusLine.getStatusCode();
    HttpEntity entity = response.getEntity();
    String html = EntityUtils.toString(entity); // assume html for simplicity
    view.loadDataWithBaseURL(url, html, "text/html", "utf-8", url); // todo: get mime, charset from entity
    if (statusCode != 200) {
        // handle fail
    }
    return html;
}
6
larham1

@jluckyivの回答のコードを使用してこれを機能させることができましたが、MyJavaScriptInterfaceのprocessHTMLメソッドに@JavascriptInterfaceアノテーションを追加する必要がありました。

class MyJavaScriptInterface
{
    @SuppressWarnings("unused")
    @JavascriptInterface
    public void processHTML(String html)
    {
        // process the html as needed by the app
    }
}
4
dr_sulli

また、targetSdkVersionが17以上の場合、@ JavascriptInterfaceでメソッドに注釈を付ける必要があります。これは、SDK 17に新しいセキュリティ要件があるためです。つまり、すべてのjavascriptメソッドに@JavascriptInterfaceで注釈を付ける必要があります。それ以外の場合、次のようなエラーが表示されます：Uncaught TypeError：Object [object Object] has no method 'processHTML' at null：1

1
javauser71

KitKat以上で作業している場合は、chromeリモートデバッグツールを使用して、Webビューに出入りするすべての要求と応答、およびページのhtmlソースコードを見つけることができます。見た。

https://developer.chrome.com/devtools/docs/remote-debugging

0
onusopus