如何在android webview中仅显示网站的特定部分

Question

我希望只显示URL的login-page元素。我目前的方法是不起作用的：

web.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url)
            {
                view.loadUrl("javascript:document.getElementByClassName('login-page')");
            }
        });
        web.loadUrl("https://www.reddit.com/reddits/login");

Answer 1

对于移动屏幕，您应该开发单独的屏幕并嵌入它。

另一种方法是，如果您的网页支持p/#标签(即

https://developer.android.com/guide/components/fundamentals.html#Components

https://www.reddit.com/reddits#login这将直接将页面导航到登录表单

无论如何，我更喜欢你应该为移动屏幕开发页面。

Answer 2

您的方法已接近成功，但您应该修改现有页面，而不是尝试将现有页面的子集加载为新页面。

下面的代码用SectionToRemove类隐藏元素，您可以将所有元素都隐藏起来，只显示所需的区域：

@Override 
public void onPageFinished(final WebView view, String url) {
    super.onPageFinished(view, url);
    view.loadUrl("javascript:$('.SectionToRemove').hide();");
}

也就是说，Reddit有extensive APIs，如果可能的话，这种方法可能会违反服务条款。