web-dev-qa-db-ja.com

WebViewからHTMLコンテンツを取得する方法は?

WebViewからHTMLコードを取得する最も簡単な方法はどれですか? stackoverflowとgoogleからいくつかのメソッドを試しましたが、正確なメソッドが見つかりません。正確な方法を教えてください。

public class htmldecoder extends Activity implements OnClickListener,TextWatcher
{
TextView txturl;
Button btgo;
WebView wvbrowser;
TextView txtcode;
ImageButton btcode;
LinearLayout llayout;
int flagbtcode;
public void onCreate(Bundle savedInstanceState)
{
            super.onCreate(savedInstanceState);
                setContentView(R.layout.htmldecoder);

    txturl=(TextView)findViewById(R.id.txturl);

    btgo=(Button)findViewById(R.id.btgo);
    btgo.setOnClickListener(this);

    wvbrowser=(WebView)findViewById(R.id.wvbrowser);
    wvbrowser.setWebViewClient(new HelloWebViewClient());
    wvbrowser.getSettings().setJavaScriptEnabled(true);
    wvbrowser.getSettings().setPluginsEnabled(true);
    wvbrowser.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    wvbrowser.addJavascriptInterface(new MyJavaScriptInterface(),"HTMLOUT");
    //wvbrowser.loadUrl("http://www.google.com");
    wvbrowser.loadUrl("javascript:window.HTMLOUT.showHTML('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>');");


    txtcode=(TextView)findViewById(R.id.txtcode);
    txtcode.addTextChangedListener(this);

    btcode=(ImageButton)findViewById(R.id.btcode);
    btcode.setOnClickListener(this);

    }

public void onClick(View v)
{
    if(btgo==v)
    {
        String url=txturl.getText().toString();
        if(!txturl.getText().toString().contains("http://"))
        {
            url="http://"+url;
        }
        wvbrowser.loadUrl(url);
        //wvbrowser.loadData("<html><head></head><body><div style='width:100px;height:100px;border:1px red solid;'></div></body></html>","text/html","utf-8");
    }
    else if(btcode==v)
    {
        ViewGroup.LayoutParams params1=wvbrowser.getLayoutParams();
        ViewGroup.LayoutParams params2=txtcode.getLayoutParams();
        if(flagbtcode==1)
        {
            params1.height=200;
            params2.height=220;
            flagbtcode=0;
            //txtcode.setText(wvbrowser.getContentDescription());
        }
        else
        {
            params1.height=420;
            params2.height=0;
            flagbtcode=1;
        }
        wvbrowser.setLayoutParams(params1);
        txtcode.setLayoutParams(params2);

    }
}

public class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {

        view.loadUrl(url);
        return true;
    }
    /*@Override
    public void onPageFinished(WebView view, String url)
    {
        // This call inject JavaScript into the page which just finished loading. 
        wvbrowser.loadUrl("javascript:window.HTMLOUT.processHTML('<head>'+document.getElementsByTagName('html')[0].innerHTML+'</head>');");
    }*/

}
class MyJavaScriptInterface
{
    @SuppressWarnings("unused")
    public void showHTML(String html)
    {

        txtcode.setText(html);
    }
}

public void afterTextChanged(Editable s) {
    // TODO Auto-generated method stub

}

public void beforeTextChanged(CharSequence s, int start, int count,
        int after) {
    // TODO Auto-generated method stub

}

public void onTextChanged(CharSequence s, int start, int before, int count) {
    wvbrowser.loadData("<html><div"+txtcode.getText().toString()+"></div></html>","text/html","utf-8");

}

}
105
user765970

実際、この質問には多くの答えがあります。それらの2つはここにあります:

  • これは最初のものとほとんど同じですが、同じチュートリアルから取得したと思います。

public class TestActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);
        final WebView webview = (WebView) findViewById(R.id.browser);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.addJavascriptInterface(new MyJavaScriptInterface(this), "HtmlViewer");

        webview.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                webview.loadUrl("javascript:window.HtmlViewer.showHTML" +
                        "('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>');");
            }
        });

        webview.loadUrl("http://Android-in-action.com/index.php?post/" +
                "Common-errors-and-bugs-and-how-to-solve-avoid-them");
    }

    class MyJavaScriptInterface {

        private Context ctx;

        MyJavaScriptInterface(Context ctx) {
            this.ctx = ctx;
        }

        public void showHTML(String html) {
            new AlertDialog.Builder(ctx).setTitle("HTML").setMessage(html)
                    .setPositiveButton(Android.R.string.ok, null).setCancelable(false).create().show();
        }

    }
}

このようにして、javascriptを介してhtmlを取得します。最もきれいな方法ではありませんが、javascriptインターフェースがある場合は、他のメソッドを追加して修正することができます。


  • 他の方法は there のようなHttpClientを使用することです。

選択するオプションも、取得したhtmlを使用して何をするかによって異なります。

101
Sephy

Android 4.2の場合、すべてのjavascript関数に@JavascriptInterfaceを追加することを忘れないでください

40
user1842354

KitKat以降では、webviewでevaluateJavascriptメソッドを使用できます

wvbrowser.evaluateJavascript(
        "(function() { return ('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>'); })();",
         new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String html) {
                Log.d("HTML", html); 
                // code here
            }
    });

this answerを参照してください。

38

Android WebViewは、ChromeやFireFoxのように、HTTPサーバーからダウンロードされたHTMLコンテンツをレンダリングする別のレンダリングエンジンです。 WebViewからレンダリングされたページ(またはスクリーンショット)を取得する必要がある理由はわかりません。ほとんどの場合、これは必要ありません。 HTTPサーバーから生のHTMLコンテンツをいつでも直接取得できます。

HttpUrlConnectionまたはHttpClientを使用して生のストリームを取得することについて話している回答が既に投稿されています。または、AndroidでHTMLコンテンツの解析/処理を行う場合、非常に便利なライブラリがあります: JSoup 、HTTPからHTMLコンテンツを取得するための非常に簡単なAPIサーバー、HTMLドキュメントの抽象表現を提供して、HTML解析をよりOOスタイルだけでなく、はるかに簡単に管理できるようにします。

// Single line of statement to get HTML document from HTTP server.
Document doc = Jsoup.connect("http://en.wikipedia.org/").get();

たとえば、最初にHTMLドキュメントをダウンロードし、次にカスタムcssまたはjavascriptを追加してから、レンダリングのためにWebViewに渡す場合に便利です。彼らの公式ウェブサイトでもっとたくさん、それをチェックする価値がある。

9
yorkw

Proguard構成では、配置する必要があることがわかった1つのタッチポイントが「隠されています」。 HTMLリーダーはアプリのデバッグ時にjavascriptインターフェースを介して正常に起動しますが、Proguard構成ファイルでHTMLリーダー機能が宣言されていない限り、アプリがProguardを実行するとすぐに動作しなくなります。

-keepclassmembers class <your.fully.qualified.HTML.reader.classname.here> {
    public *; 
}

Android 2.3.6、4.1.1、および4.2.1でテストおよび確認済み。

5
user1756541

Androidでは、セキュリティ上の懸念からこれを行うことはできません。悪意のある開発者は、ユーザーが入力したログイン情報を非常に簡単に盗むことができます。

代わりに、ウェブビューに表示されるテキストを表示する前にキャッチする必要があります。応答ハンドラーを設定したくない場合(他の回答に従って)、私はいくつかのグーグルでこの修正を見つけました:

URL url = new URL("https://stackoverflow.com/questions/1381617");
URLConnection con = url.openConnection();
Pattern p = Pattern.compile("text/html;\\s+charset=([^\\s]+)\\s*");
Matcher m = p.matcher(con.getContentType());
/* If Content-Type doesn't match this pre-conception, choose default and 
 * hope for the best. */
String charset = m.matches() ? m.group(1) : "ISO-8859-1";
Reader r = new InputStreamReader(con.getInputStream(), charset);
StringBuilder buf = new StringBuilder();
while (true) {
  int ch = r.read();
  if (ch < 0)
    break;
  buf.append((char) ch);
}
String str = buf.toString();

これは大量のコードであり、コピー/貼り付けができるはずです。また、最後にstrにはWebビューで描画された同じhtmlが含まれます。この答えは htmlをWebページからJavaの文字列に正しくロードする最も簡単な方法 からのものであり、Androidでも動作するはずです。私はこれをテストしておらず、自分で書きませんでしたが、役に立つかもしれません。

また、これがプルするURLはハードコードされているため、変更する必要があります。

4
edthethird

最初にhtmlを取得してからWebビューに渡しませんか?

private String getHtml(String url){
    HttpGet pageGet = new HttpGet(url);

    ResponseHandler<String> handler = new ResponseHandler<String>() {
        public String handleResponse(HttpResponse response) throws ClientProtocolException, IOException {
            HttpEntity entity = response.getEntity();
            String html; 

            if (entity != null) {
                html = EntityUtils.toString(entity);
                return html;
            } else {
                return null;
            }
        }
    };

    pageHTML = null;
    try {
        while (pageHTML==null){
            pageHTML = client.execute(pageGet, handler);
        }
    } catch (ClientProtocolException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    } catch (IOException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

    return pageHTML;
}

@Override
public void customizeWebView(final ServiceCommunicableActivity activity, final WebView webview, final SearchResult mRom) {
    mRom.setFileSize(getFileSize(mRom.getURLSuffix()));
    webview.getSettings().setJavaScriptEnabled(true);
    WebViewClient anchorWebViewClient = new WebViewClient()
    {

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);

            //Do what you want to with the html
            String html = getHTML(url);

            if( html!=null && !url.equals(lastLoadedURL)){
                lastLoadedURL = url;
                webview.loadDataWithBaseURL(url, html, null, "utf-8", url);
            }
}

これはあなたがしたいことを大体行うはずです。 WebViewからHTMLコードを取得することは可能ですか から適応し、 https://stackoverflow.com/users/325081/aymon-fournier に答えます。

1
Karl L

WebViewからHTMLを抽出する代わりに、URLからHTMLを抽出することをお勧めします。これにより、JSoupなどのサードパーティライブラリを使用してHTMLをトラバースします。次のコードは、特定のURLからHTMLを取得します

public static String getHtml(String url) throws ClientProtocolException, IOException {
        HttpClient httpClient = new DefaultHttpClient();
        HttpContext localContext = new BasicHttpContext();
        HttpGet httpGet = new HttpGet(url);
        HttpResponse response = httpClient.execute(httpGet, localContext);
        String result = "";

        BufferedReader reader = new BufferedReader(
            new InputStreamReader(
                response.getEntity().getContent()
            )
        );

        String line = null;
        while ((line = reader.readLine()) != null){
            result += line + "\n";
        }
        return result;
    }
1
Mimminito

実装が簡単htmlコンテンツの価値を得るには、htmlにjavasriptメソッドが必要です。上記のコードのように、いくつかの変更が必要です。

  public class htmldecoder extends Activity implements OnClickListener,TextWatcher
    {
    Button btsubmit; // this button in your xml file
    WebView wvbrowser;
    public void onCreate(Bundle savedInstanceState)
    {
                super.onCreate(savedInstanceState);
                    setContentView(R.layout.htmldecoder);



        btsubmit=(Button)findViewById(R.id.btsubmit);
        btsubmit.setOnClickListener(this);

        wvbrowser=(WebView)findViewById(R.id.wvbrowser);
        wvbrowser.setWebViewClient(new HelloWebViewClient());
        wvbrowser.getSettings().setJavaScriptEnabled(true);
        wvbrowser.getSettings().setPluginsEnabled(true);
        wvbrowser.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
        MyJavaScriptInterface myinterface=new MyJavaScriptInterface();
        wvbrowser.addJavascriptInterface(myinterface,"interface");
        webView.loadUrl("file:///Android_asset/simple.html");  //use one html file for //testing put your html file in assets. Make sure that you done JavaScript methods to get //values for html content in html file . 
   }
   public void onClick(View v)
{
    if(btsubmit==v)
    {

        webView.loadUrl("javascript:showalert()");// call javascript method.  
        //wvbr
    }
}

final class MyJavaScriptInterface {



        MyJavaScriptInterface() {

        }

        public void sendValueFromHtml(String value) {
           System.out.println("Here is the value from html::"+value);
        }

    }

}

HTMLのJavascript

 <script type="text/javascript">
    //<![CDATA[
    var n1;
    function callme(){
    n1=document.getElementById("FacadeAL").value;
    }
    function showalert(){
     window.interface.sendValueFromHtml(n1);// this method calling the method of interface which //you attached to html file in Android. // & we called this showalert javasript method on //submmit buttton click of Android. 
    }
    //]]>
    </script>

&htmlで次のようにcallmeを呼び出していることを確認してください

<input name="FacadeAL" id="FacadeAL" type="text" size="5" onblur="callme()"/>
これがお役に立てば幸いです。

0

デバッガーに費やす時間があれば、Reflectionアプローチを試してみることをお勧めします(申し訳ありませんが、私にはありませんでした)。

Android.webkit.WebViewクラスのloadUrl()メソッドから開始:

http://grepcode.com/file/repository.grepcode.com/Java/ext/com.google.Android/android/2.2_r1.1/Android/webkit/WebView.Java#WebView.loadUrl%28Java .lang.String%2Cjava.util.Map%29

nativeLoadUrl()ネイティブメソッドを呼び出すAndroid.webkit.BrowserFrameに到達する必要があります。

http://grepcode.com/file/repository.grepcode.com/Java/ext/com.google.Android/android/2.2_r1.1/Android/webkit/BrowserFrame.Java#BrowserFrame.nativeLoadUrl%28Java .lang.String%2Cjava.util.Map%29

ネイティブメソッドの実装は次のとおりです。

http://gitorious.org/0xdroid/external_webkit/blobs/a538f34148bb04aa6ccfbb89dfd5fd784a4208b1/WebKit/Android/jni/WebCoreFrameBridge.cpp

幸運を願っています!

0
lechuckcaptain

sephyが言ったようにHttpClientを使用してみてください:

public String getHtml(String url) {
    HttpClient vClient = new DefaultHttpClient();
    HttpGet vGet = new HttpGet(url);
    String response = "";    

    try {
        ResponseHandler<String> vHandler = new BasicResponseHandler();
        response = vClient.execute(vGet, vHandler);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return response;
}
0
Christoper Hans