Android webview中的无限滚动

我有一些本地 html 文件，我想用无限滚动方法显示它们。

NOTE：我无法更改 html 内容，所以请不要建议向其中添加 javascript。我必须在运行时执行此操作。

所以，我发现我可以执行javascript在运行时通过loadUrl("javascript: ....").

我覆盖了onOverScrolled()的方法webView找出用户何时到达 webView 的末尾。 （它行事小心，所以问题不在这里）

问题是有时新内容成功附加，有时则未附加。

在日志中我可以看到页面结束方法被触发，检索新的html正文被调用，执行javascript代码被调用，但它没有影响。

这是我的代码，可能出了问题，我看不到它：

@Override
protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY)
{
    super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
    if(clampedY & reloadFlag) //for first time realodFlag is false, when the WebViewClient.onPageFinished() get called it turn to ture
    {
        if (!(isVerticalScrollPossible(SCROLL_DOWN)))
        {
            reloadFlag = false; 
            currUri = nextResource(currUri); //findout next page
            appendNextPage();
        }

    }
}

private final int SCROLL_DOWN = 1;
private final int SCROLL_UP = -1;

private boolean isVerticalScrollPossible(int direction)
{
    final int offset = computeVerticalScrollOffset();
    final int range = computeVerticalScrollRange() - computeVerticalScrollExtent();
    if (range == 0) return false;
    if (direction < 0) {
        return offset > 0;
    } else {
        return offset < range - 1;
    }
}

public String getNextPageJS(Uri currPage)
{
    String body = getNextPageBody(currPage);
    //Log.d("myTAG", body);
    String jsResult = "javascript:(function() { document.body.innerHTML += '<div id=\"separator\" style=\"height:10px; margin-top:10px; margin-bottom:10px; background-color:#000000;\"></div>" + body + "';})()";
    return jsResult;
}

private void appendNextPage()
{
    reloadFlag = false;
    Thread appendThread = new Thread(null, doAppend, "backgroundAppend");
    appendThread.start();
    Log.i("appendNextPage", "get called");
}

public String rs = "";
private Runnable doAppend = new Runnable()
{
    @Override
    public void run() 
    {
        Log.i("doAppend", "get called + currUri: " + currUri);
        rs = getNextPageJS(currUri);
        //loadUrl(rs);
        appendHandler.sendEmptyMessage(0);
    }       
};

private Handler appendHandler = new Handler()
{
    public void handleMessage(Message msg)
    {
        loadUrl(rs);
        reloadFlag = true;
        Log.i("appendHandler", "get called");       
    }
};

NOTE：有时我会在模拟器日志中得到这个（不是在真实设备中）：

I/chromium(1339): [INFO:CONSOLE(1)] "Uncaught SyntaxError: An invalid or illegal string was specified.", source: http://localhost:1025/OEBPS/Text/Section0042.xhtml (1)

页数有时会有所不同，可能是因为 JavaScript 代码不好，我不知道。

hints:

1）我不是javascript编码员，所以可能javascript代码不好

2）或者可能多次调用javascript代码会导致此问题

3）我知道javascript代码必须在页面完全加载后执行，所以也许代码调用得太早，问题是onPageFinished（）仅在第一页被调用，并且当通过javascript代码附加新内容时它不会被调用，我尝试使用线程解决这个问题，并且我认为它有效。

UPDATE:我发现当 html body 较小时，这段代码可以正常工作，但是当我尝试附加较大的 body 时，它不起作用。是loadUrl()方法有字符限制吗？或任何其他想法？

好的，我发现了问题，如果有人想知道的话。

问题是loadUri()（至少在我的情况下）无法一次加载太多的html标签（在我编写的javascript代码中）

所以，解决办法很简单，一一加载标签即可。

这是我使用的代码：

public ArrayList<String> getNextPageBody(Uri currAddress)
{
    String html = getHtml(currAddress); // this is the all html tags in the next file

    //get body elements as arrayList, using jsoup
    Document doc = Jsoup.parse(html);
    Elements elements = doc.select("body").first().children();
    ArrayList<String> chuncks = new ArrayList<String>();
    for (org.jsoup.nodes.Element el : elements)
    {
        chuncks.add(el.toString());
    }

    return chuncks;
}

public void loadBodyChunk(ArrayList<String> bodyChunks)
{    
    //show a separator for each page
    bodyChunks.add(0, "javascript:(function() { document.body.innerHTML += '<div id=\"separator\" style=\"height:10px; margin-top:10px; margin-bottom:10px; background-color:#000000;\"></div>';}())");
    loadUrl(bodyChunks.get(0));

    for(int i = 1; i < bodyChunks.size(); i++)
    {   
        String jsResult = "javascript:(function() { document.body.innerHTML += '" +  bodyChunks.get(i) + "';}())";
        loadUrl(jsResult);
    }

    reloadFlag = true;
}

EDIT:

还： 首先是'String 中的 s 应替换为\' :

body = body.replace("'", "\\'");

那么所有换行符都应该被消除：

body = body.replaceAll(System.getProperty("line.separator"), " ");

所有问题都解决了。