WebビューからHTMLコンテンツを取得する方法

123

Webビューから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");

}

}
android  android-widget  webview 
— ホープフォーユー
ソース

回答:

107

実際、この質問には多くの答えがあります。ここに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インターフェースがある場合は、他のメソッドを追加してそれを調整することができます。

選択するオプションは、取得したhtmlで何をするつもりかにも依存すると思います...

— セフィー
ソース
この行を実行するとwebview.loadUrl("javascript:window.HtmlViewer.showHTML" + "('<head>'+document.getElementsByTagName('html')[0].innerHTML+'</head>');");、プログラムはfunction finish（）のように動作し、そのアクティビティを停止します。なぜ解決するのですか。
7
webview.addJavascriptInterfaceは、Jelly Beans以前のバージョンでのみ機能します。
— xtr 2013年
32
Jellybean以降の上記のコードに対する2つの重要な変更：1.「ウィンドウ」を削除します。webview.loadUrl行から-Jellybeanをターゲットにする場合、JavaScriptインターフェースの接続方法が異なります。2. @JavascriptInterfaceを「public void showHTML」の前に置きます。これは、特定のメソッドの呼び出しのみを許可しないことはセキュリティ上のリスクであるため必要です。
— karlbecker_com 2013年
1
それでも動作しません（5.1.1）。ロードされたページシステムで何かをクリックしているときにMyJavaScriptInterface（@karlbecker_comヒントを使用）を追加すると、ブラウザの選択を求められます。これを削除すると、再度質問されることはありません。
— マカレル2015年
1
ここで私はそれが認められなかった、リモートデバッグを有効にUncaught ReferenceError: HtmlViewer is not definedしたりせずに関係なく、@JavascriptInterface
— MewX
55

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

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
            }
    });

その他の例については、この回答を参照してください

— アカシュクリアンホセ
ソース
これは、ここで使用するのが最も簡単なソリューションです
— Billy
9
FYI - API 19が必要
— ジョエル・
7
これをonPageFinishedメソッドに忘れずに入れてください。
— セドリック・ポートマン
@Joel API 19以下でこれを達成する方法は？
— Pratik Saluja
1
@PratikSaluja私のコメントが間違った考えを伝えた場合は非常に残念です。ここでのほとんどの賛成投票の答えは、私自身の答えよりもはるかに古く、おそらくあなたのために働くでしょう。それ以上の意味はありませんでした。ところであなたが他のところを見て答えを見つけたことをとても嬉しく思います。
— Akash Kurian Jose
41

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

— user1842354
ソース
1
Android 4.2以降で動作します。
— Cedric Portmann、
10

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

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に渡す場合に便利です。彼らの公式ウェブサイトでもっと多く、それをチェックする価値がある。

— ヨーク
ソース
5

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

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

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

— ユーザー1756541
ソース
4

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

代わりに、表示される前に、webviewに表示されているテキストをキャッチする必要があります。他の回答のように応答ハンドラを設定したくない場合は、グーグルでこの修正を見つけました：

URL url = new URL("/programming/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();

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

また、これが取得しているURLはハードコーディングされているため、変更する必要があります。

— エドサード
ソース
1

最初に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に彼の答えを叫ぶことは可能ですか？

— カールL
ソース
HttpClientはAPIレベル22で廃止され、APIレベル23で削除されました。そのため、コードで言及されているクラスをJavaファイルにインポートすることはできません。
— Dhananjay M 2017
1

WebViewからHTMLを抽出する代わりに、URLからHTMLを抽出することをお勧めします。これは、JSoutなどのサードパーティライブラリを使用して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;
    }
— ミミニート
ソース
取得したURLにデータを投稿することで到達するとします。このメソッドは失敗します。
— Jafar Ali
また、クッキーはどうですか？
— キースアドラー
0

シンプルな実装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()"/>
これがお役に立てば幸いです。

— サジド・シェイク氏
ソース
これは& Make sure you calling callme like below in htmlどういう意味ですか。htmlファイル内のスクリプトの下にinputタグを配置するつもりですか。 Thank You
htmlタグで入力タイプのテキストのjavasriptメソッドcallme（）onblurを呼び出す必要はありません。
— Sajid Shaikh氏
次に、この入力タグを追加する場所です。このボタンは表示されますか？
このコードは、アクティビティをロードするときにWebビューにテキストボックスがあり、入力したテキストがテキストボックスに表示されるように機能します。ただし、HTMLコードをWebビューに表示します。
この問題を解決するのを手伝ってくれませんか？Thank you very much
0

デバッガに費やす時間がある場合は、Reflectionの手法を試してみることをお勧めします（申し訳ありませんが、私にはありませんでした）。

クラスのloadUrl()メソッドから始めandroid.webkit.WebViewます：

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

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

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

幸運を願っています！

— レチャックキャプテン
ソース
-1

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;
}
— クリストパーハンス
ソース
簡単な作業例を示すことができますか？私はsephyの例でコードを実装できません
— KIRAN KJ
このメソッドは、指定されたURLのHTMLソースを取得します。つまり、getHtml（google.com）; Googleメインページのソースを取得します
— Christoper Hans
そのok。はwebviewソースを取得するためのオプションがあります。THANKS
— キランKJ
これは私には少しうまくいきませんでした。「hello world」であったテストサイトからコンテンツを取得できませんでした。
— Momro 2013年
-2

上記のメソッドは、Web URLがある場合に使用しますが、ローカルHTMLがある場合は、このコードでHTMLも使用できます 

AssetManager mgr = mContext.getAssets();
             try {
InputStream in = null;              
if(condition)//you have a local html saved in assets
                            {
                            in = mgr.open(mFileName,AssetManager.ACCESS_BUFFER);
                           }
                            else if(condition)//you have an url
                            {
                            URL feedURL = new URL(sURL);
                  in = feedURL.openConnection().getInputStream();}

                            // here you will get your html
                 String sHTML = streamToString(in);
                 in.close();

                 //display this html in the browser or web view              


             } catch (IOException e) {
             // TODO Auto-generated catch block
             e.printStackTrace();
             }
        public static String streamToString(InputStream in) throws IOException {
            if(in == null) {
                return "";
            }

            Writer writer = new StringWriter();
            char[] buffer = new char[1024];

            try {
                Reader reader = new BufferedReader(new InputStreamReader(in, "UTF-8"));

                int n;
                while ((n = reader.read(buffer)) != -1) {
                    writer.write(buffer, 0, n);
                }

            } finally {

            }

            return writer.toString();
        }
— ヴィピン
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.