Android WebView:元素删除后的页面混淆

Question

我正在为一个网站开发安卓WebView。在loadUrl方法中输入10-12行元素删除后，页面看起来很混乱。是否有特定的元素删除或修改序列？

这是我的密码：

MyWebViewClient webViewClient = new MyWebViewClient();
webView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url) {

    webView.loadUrl("javascript: var ele=document.getElementById(\"nav\");\n" +
        "ele.parentNode.removeChild(ele); ele=document.getElementById(\"footer\");\n" +
        "ele.parentNode.removeChild(ele); ele=document.getElementById(\"header\");\n" +
        "ele.parentNode.removeChild(ele); ele=document.getElementById(\"main\");\n" +
        "ele.style.padding=\"0px 0px 0px 0px\"; ele=document.getElementById(\"main\");\n" +
        "document.body.style.margin=\"0px 0px 0px 0px\"; ele=document.getElementById(\"main\");\n" +
        "ele.style.margin=\"0px 0px 0px 0px\";  ele.style.padding=\"10px 15px 15px 15px\"; document.body.style.minWidth=\"350px\"; document.body.style.maxWidth=\"650px\"; " +
        "elements = document.getElementsByClassName(\"status-messages\")\n" +
        "        for (var i = 0; i < elements.length; i++) {\n" +
        "            elements[i].style.margin=\"0px 0px 0px 0px\";\n" +
        "            elements[i].style.padding=\"0px 0px 0px 0px\";\n" +
        "            elements[i].style.maxHeight=\"700px\";\n" +
        "            elements[i].style.minHeight=\"0px\";\n" +
        "            elements[i].style.maxWidth=\"650px\";\n" +
        "            elements[i].style.minWidth=\"0px\";\n" +
        "        } ele=document.getElementsByTagName(\"body\")[0];\n" +
        "ele.style.maxWidth=\"550px\";\n" +
        "ele.style.minWidth=\"0px\"; ele=document.getElementsByTagName(\"img\")[0];\n" +
        "ele.style.maxWidth=\"450px\";\n" +
        "ele.style.minWidth=\"0px\"; ele=document.getElementById(\"container\");\n" +
        "ele.style.maxWidth=\"550px\";\n" +
        "ele.style.minWidth=\"0px\"; ele=document.getElementById(\"enviroTable\");\n" +
        "ele.style.maxWidth=\"450px\"; elements = document.getElementsByClassName(\"right\");\n" +
        "    while(elements.length > 0)\n" +
        "        elements[0].parentNode.removeChild(elements[0]); ");
} });

我用onPageFinished方法编写了这段代码。这是个合适的地方吗？

Answer 1

document.readyState为我工作。

我使用它的方式如下：

 if(document.readyState === "complete") {
 /* my code */
 }

现在它看起来和Chrome控制台完全一样。