机器人 - 获取文本出来的WebView的 [英] android - get Text out of webview

问题描述

在我的应用程序，我显示了的WebView 使用 EPUBLIB 。 我的问题是，我想使用书签功能，我的EPUB阅读器。对此，我想获取从的WebView 这正显示出从我的EPUB的HTML文件页面，然后使用该文本在我的书签活动，以显示他们所喜爱的用户文本。 我怎样才能做到这一点？

In my application, I am showing epub HTML files in webview using EPUBLIB. My problem is that I want to use bookmark functionality for my epub reader. For that I want to fetch text from webview which is showing page from my epub's HTML file and then use that text in my bookmark activity to show the user what they have bookmarked. How can I achieve this?

推荐答案

获取从web视图的纯文本内容是相当困难的。基本上，Android的类不提供，但 JavaScript并的，和Android提供了一种方法JavaScript来传递信息返回到您的code。

Getting the plain text content from a webview is rather hard. Basically, the android classes don't offer it, but javascript does, and Android offers a way for javascript to pass the information back to your code.

在我详谈，千万注意，如果你的HTML结构简单，你可能会更好只是手动解析数据的。

Before I go into the details, do note that if your html structure is simple, you might be better off just parsing the data manually.

这是说，这里是你做了什么：

That said, here is what you do:

1. <一个href="http://developer.android.com/reference/android/webkit/WebSettings.html#setJavaScriptEnabled%28boolean%29">Enable JavaScript的
2. <一个href="http://developer.android.com/reference/android/webkit/WebView.html#addJavascriptInterface%28java.lang.Object,%20java.lang.String%29">Add你自己的JavaScript接口类，让JavaScript来与你的Andr​​oid code通信
3. 在注册您自己的<一href="http://developer.android.com/reference/android/webkit/WebView.html#setWebViewClient%28android.webkit.WebViewClient%29">webviewClient,重写<一href="http://developer.android.com/reference/android/webkit/WebViewClient.html#onPageFinished%28android.webkit.WebView,%20java.lang.String%29">onPageFinished插入一个位的JavaScript
4. 在JavaScript中，获得标签的 element.innerText ，并将它传递给你的JavaScript接口。

1. Enable javascript
2. Add your own javascript interface class, to allow the javascript to communicate with your Android code
3. Register your own webviewClient, overriding the onPageFinished to insert a bit of javascript
4. In the javascript, acquire the element.innerText of the tag, and pass it to your javascript interface.

要澄清一下，我会后一个工作（但很粗糙）低于code例子。它显示一个web视图上顶端，并与在底部的基于文本的内容一个TextView

To clarify, I'll post a working (but very rough) code example below. It displays a webview on the top, and a textview with the text-based contents on the bottom.

package test.android.webview;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.TextView;

public class WebviewTest2Activity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        WebView webView = (WebView) findViewById(R.id.webView);
        TextView contentView = (TextView) findViewById(R.id.contentView);

        /* An instance of this class will be registered as a JavaScript interface */ 
        class MyJavaScriptInterface 
        { 
            private TextView contentView;

            public MyJavaScriptInterface(TextView aContentView)
            {
                contentView = aContentView;
            }

            @SuppressWarnings("unused") 

            public void processContent(String aContent) 
            { 
                final String content = aContent;
                contentView.post(new Runnable() 
                {    
                    public void run() 
                    {          
                        contentView.setText(content);        
                    }     
                });
            } 
        } 

        webView.getSettings().setJavaScriptEnabled(true); 
        webView.addJavascriptInterface(new MyJavaScriptInterface(contentView), "INTERFACE"); 
        webView.setWebViewClient(new WebViewClient() { 
            @Override 
            public void onPageFinished(WebView view, String url) 
            { 
                view.loadUrl("javascript:window.INTERFACE.processContent(document.getElementsByTagName('body')[0].innerText);"); 
            } 
        }); 

        webView.loadUrl("http://shinyhammer.blogspot.com");
    }
}

使用以下main.xml中：

Using the following main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.5" />

    <TextView
        android:id="@+id/contentView"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.5" />


</LinearLayout>

这篇关于机器人 - 获取文本出来的WebView的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！