Android客户端修改加载的h5页面样式

为什么要修改

有的网页在你设置了WebView的WebSetting的时候,在手机端的显示会比较满意,但是部分网页以及部分手机就算你设置了WebSetting,但是在显示的时候还是会有问题,比如网页顶部的标题字体太大,当显示到手机的时候字体出现了重叠,影响用户体验效果。

如何修改

WebViewClient webViewClient = new WebViewClient(){
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        super.onPageStarted(view, url, favicon);

    }

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        if (title_name != null){
            title_name.setText(view.getTitle());
        }
        if (loadUrl.startsWith("https://account.chsi.com.cn/account")){
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                view.evaluateJavascript("document.querySelector('.logo').style.width = '70%';", new ValueCallback<String>() {
                    @Override
                    public void onReceiveValue(String value) {

                    }
                });
            }
        }
    }

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        return super.shouldOverrideUrlLoading(view, request);
    }
};

在onPageFinished函数里面去设置,evaluateJavascript();函数里面设置要进行的js操作

猜你喜欢

转载自blog.csdn.net/tiankongcheng6/article/details/82426037