як отримати HTML-вміст із веб-перегляду?


123

Який найпростіший спосіб отримати 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");

}

}

Відповіді:


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

    }
}

Таким чином ваш захоплення HTML через JavaScript. Не найкрасивіший спосіб, але коли у вас є інтерфейс javascript, ви можете додати інші методи, щоб його поправити.


  • Інший спосіб - це використання HttpClient, як там .

Опція, яку ви обрали, також, думаю, залежить від того, що ви збираєтеся зробити з отриманим html ...


при виконанні цього рядка webview.loadUrl("javascript:window.HtmlViewer.showHTML" + "('<head>'+document.getElementsByTagName('html')[0].innerHTML+'</head>');");програма діє як функція закінчення (), і зупиняє цю діяльність. Чому? як її вирішити?

7
webview.addJa JavaScriptInterface Працює лише на Jelly Beans та нижчій версії.
xtr

32
Дві важливі зміни вищевказаного коду для Jellybean та пізніших версій: 1. Видаліть "вікно". від лінії webview.loadUrl - інтерфейс javascript приєднується по-різному при націлюванні на Jellybean. 2. Поставте @Ja JavaScriptInterface перед "публічним недійсним showHTML" - це необхідно, оскільки це ризик безпеки не дозволяти викликати лише певні методи.
karlbecker_com

1
Все ще не працює для мене (5.1.1). Коли я додаю MyJavaScriptInterface (з підказками @karlbecker_com), коли я клацну щось на завантаженій сторінці, система просить мене вибрати браузер. Коли я видалю це, він більше не запитає мене.
Макалеле

1
Тут я включив віддалену налагодження, він показав Uncaught ReferenceError: HtmlViewer is not defined, незалежно від того, з чи без@JavascriptInterface
MewX

55

У KitKat і вище ви можете використовувати 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
            }
    });

Дивіться цю відповідь для отримання більше прикладів


Це, безумовно, найпростіше рішення тут використовувати
Біллі

9
FYI - Потрібен API 19.
Joel

7
Не забудьте вкласти це в метод onPageFinished.
Седрік Портманн

@Joel Як досягти цього нижче API 19?
Пратік Салуя

1
@PratikSaluja дуже шкода, якщо мій коментар передав неправильну думку. Відповідь з більшістю заявок тут набагато старша за мою власну відповідь і, ймовірно, допоможе вам. Не означало нічого, крім цього. Дуже радий, що ти знайшов відповідь, подивившись в іншому місці BTW.
Акаш Куріан Хосе


10

Android WebView - це ще один механізм візуалізації, який відображає вміст HTML, завантажений з HTTP-сервера, як Chrome або FireFox. Я не знаю, чому вам потрібно отримати відтворену сторінку (або скріншот) від WebView. У більшості ситуацій це не потрібно. Ви завжди можете отримати сирий HTML-вміст безпосередньо з сервера HTTP.

Уже розміщені відповіді, що говорять про отримання сировинного потоку за допомогою HttpUrlConnection або HttpClient. Крім того, для обробки синтаксичного розбору / процесу вмісту HTML на Android існує дуже зручна бібліотека: JSoup , він забезпечує дуже простий API для отримання HTML-вмісту у формі HTTP-сервера, а також надає абстрактне представлення HTML-документа, щоб допомогти нам керувати розбором HTML не тільки в більш стильному стилі, але також набагато легше:

// 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

Один сенсорний пункт, який я виявив, що його потрібно встановити, "прихований" у налаштуваннях Proguard. Хоча читач 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.


4

Android не дозволить вам це робити з міркувань безпеки. Злий розробник міг дуже легко вкрасти введені користувачем дані для входу.

Натомість вам потрібно зафіксувати текст, який відображається у веб-перегляді, перш ніж він відображатиметься. Якщо ви не хочете налаштувати обробник відповідей (відповідно до інших відповідей), я виявив це виправлення за допомогою деякого googling:

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

Це дуже багато коду, і ви маєте змогу його скопіювати / вставити, і в кінці він strбуде містити той самий html, який намальовано у веб-перегляді. Ця відповідь є найпростішим способом правильного завантаження HTML з веб-сторінки в рядок на Java, а також має працювати на Android. Я цього не перевіряв і сам не писав, але це може вам допомогти.

Крім того, URL-адреса, яку витягуєте, вводиться жорстко, тому вам доведеться це змінити.


1

Чому б спочатку не отримати html, а потім передати його у веб-перегляд?

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

Це приблизно повинно робити те, що ви хочете зробити. Він адаптований з " Чи можливо отримати HTML-код з WebView і кричати на https://stackoverflow.com/users/325081/aymon-fournier для його відповіді.


HttpClient був застарілий у API рівня 22 та видалений у рівні API 23, тому класи, згадані у вашому коді, не можна імпортувати у файли java.
Dhananjay M

1

Я б запропонував замість того, щоб намагатися витягнути HTML з WebView, ви витягнете HTML з URL-адреси. Під цим я маю на увазі використання бібліотеки третьої сторони, такої як JSoup, для переміщення HTML для вас. Наступний код отримає HTML із конкретної для вас URL-адреси

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-адреси досягається шляхом розміщення даних. цей спосіб не вдасться.
Джафар Алі

А як щодо куки?
Кіт Адлер

0

Його просто реалізувати Просто потрібні методи javasript у вашому html, щоб отримати значення вмісту html. Як і вище вашого коду, потрібні деякі зміни.

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

    }

}

Ваш Javascript в html

 <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>

& Переконайтеся, що ви викликаєте callme, як показано нижче в HTML

<input name="FacadeAL" id="FacadeAL" type="text" size="5" onblur="callme()"/>
Сподіваюся, що це вам допоможе.


що це означає. & Make sure you calling callme like below in htmlВи маєте на увазі розміщення вхідного тегу під сценарієм у HTML-файлі? Thank You

не чувак, вам доведеться викликати метод javasript callme () onblur тексту введення тексту в HTML тезі.
Пан Садід Шайх

то куди додати цей вхід tag.як видно цю кнопку?

цей код працює, як при завантаженні діяльності, є текстове поле у ​​веб-перегляді, а набраний текст відображається у текстовому полі. Але я хочу, щоб HTML-код у веб-перегляді.

Ви можете допомогти мені розібратися в цій проблемі? 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.Карта% 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.Карта% 29

Реалізація нативного методу повинна бути тут:

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

Бажаю тобі удачі!


-1

спробуйте використовувати 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;
}

ви можете показати простий робочий example.i не може реалізувати свій код на прикладі
sephy

цей метод отримає html-джерело даної URL-адреси. тобто getHtml ( google.com ); отримає джерело головної сторінки google
Christoper Hans

добре, є будь-який варіант отримати джерело веб-перегляду. THANKS
KIRAN KJ

Це дещо не спрацювало для мене. Я не отримав жодного контенту з тестового сайту, вміст якого був "привіт світом".
Момро

-2

Наведені вище методи призначені для, якщо у вас є веб-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();
        }
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.