webview页面显示不全（webview bug）

今天给各位分享webview页面显示不全的知识，其中也会对webview bug进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、小程序webview不显示内容浏览器可以
• 2、WKWebView 底部被导航栏遮住问题，或者底部显示不全。
• 3、setUseWideViewPort webview页面显示不全，还放大
• 4、nestedscrollview嵌套webview，webview显示不全是什么情况
• 5、WebView加载不出来，显示空白页面
• 6、WKWebView 底部视图显示不全

小程序webview不显示内容浏览器可以

网络问题、服务器问题。

1、网络问题。因为网络不畅，在网络信号微弱的时候就容易发生小程序webview不显示内容浏览器的现象，可以换网络重新加载。

2、服务器问题。小程序的服务器出现问题，这时可以将小程序的服务器关闭，重新打开，就解决问题了。

WKWebView 底部被导航栏遮住问题，或者底部显示不全。

查看视图结构发现，被导航栏遮住了webview的内容。

解决方法：

navigationController?.navigationBar.isTranslucent = true

setUseWideViewPort webview页面显示不全，还放大

在浏览器浏览正常，那肯定是android webview这边的问题，排版错乱显示异常，很显然样式设置问题，又不是页面问题，那就是webview的某些设置或者样式支持上的问题，经过各方查找最终确定问题，是webview支持一个设置的问题

就是这个属性设置

现在前端html页面适配屏幕一般都会用到这个设置，可以查看官方文档

nestedscrollview嵌套webview，webview显示不全是什么情况

最近新版上线为了实现功能需求，用了CoordinatorLayout和NestedScrollView来做顶部跟随手势的显示和隐藏。当然也被新控件坑了一点点，遇到了下边几个问题。先看下效果图：

1.NestedScrollView拦截点击事件的问题

NestedScrollView只能是CoordinatorLayout的直接子View，才可以正常起作用。之前嵌套了一层Linearlayout，这样在5.0以上的版本中是没有问题的。但是在4.4以下的版本中会出现两个问题：

顶部作者栏目的点击事件被拦截

顶部下滑的时候，不能再文章中部跟随出现。

2.WebView点击a标签自动向下滑动的问题

如图中，出现问题的时候是，点击完底部标签，不仅会有页面跳转，WebView还会自动向底部滚动一段距离。后来发现在WebView的父布局中添加一句

android:descendantFocusability="blocksDescendants"

让父布局覆盖子类控件而直接获得焦点，就不会有这种情况了。

WebView加载不出来，显示空白页面

现象描述：webview加载H5链接是https，而h5中是图片地址拼接，造成加载不出来，显示空白页面。

log日志：

chromium: [INFO:CONSOLE(0)] "Mixed Content: The page at ' ' was loaded over HTTPS, but requested an insecure image ' ' . This request has been blocked; the content must be served over HTTPS., source: (0)

原因：H5链接是：https，而里边图片地址是：http；

Android webview 从Lollipop(5.0)开始webview默认不允许混合模式，https当中不能加载http资源，需要设置开启。

if (Build.VERSION.SDK_INT = Build.VERSION_CODES.LOLLIPOP) {

settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

}

WKWebView 底部视图显示不全

好早之前遇到的这个问题，用WKWebView 显示界面时，最底部的悬浮窗口少了不少像素。这是之前用UIWebView没有遇到过的。

这个问题只出现在ios10 ， ios11应该是已经修复了。（反正我没有再遇到了）

先写解决方法，再说探求过程。

这个问题是导航栏导致的。也算是苹果的bug。将导航栏设置为不透明，问题直接就解决了。

self.navigationController.navigationBar.translucent = NO;

----------------------------------------------------------华丽的分割线----------------------------------------------

下面我们来调试下ios10下的WKWebview加载网页。底部悬浮窗是消失的。于是我打印了下偏移。

发现了么。offset的Y轴偏移量是-64。刚好是底部消失的距离。然后我猜测这个距离刚好和导航栏高度有关 (有些朋友消失20像素，我还没有研究，但是我感觉是跟状态栏有关)。

想起ios的排版方式，如果导航栏带透明。frame排版是从导航栏上开始的。如果不透明则在导航栏下面开始排布。所以猜测和透明度有关。事实证明。猜对了！！！

将导航栏设为不透明之后再打印。

界面也回归正常。

本来以为这个问题遇到的人不多。

关于webview页面显示不全和webview bug的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。