wkwebview html5页面,WKWebView h5 页面显示不全问题

WKWebView h5 页面显示不全问题

首先先来看一下效果图如下所示:

ab7653affab982b574eb7acc55df2e04.gif

1.png

ab7653affab982b574eb7acc55df2e04.gif

2.png

图 1 下面的分享按钮只显示出一点, 当时想出现这样的 bug 无外乎两点 1.h5 那边设备兼容问题 2.ios 这边显示问题, 问了 h5, 说是直接加载底部的 CSS 样式, 安卓那边显示 OK, 最后看了 h5 的代码也没发现问题, 最后决定尝试自己试着解决一下, 最后发现原因就是没有正确设置 UIScrollView 的高度没有设置正确导致 wkwebView 内容显示不完整, 加上下面这句一般就可以解决问题:

self.edgesForExtendedLayout = UIRectEdgeNone;

究其原因详细如下:

在 IOS7 以后 ViewController 开始使用全屏布局的, 而且是默认设置属性 edgesForExtendedLayout(它是一个类型为

UIExtendedEdge 的属性, 指定边缘要延伸的方向) 是 UIRectEdgeAll, 四周边缘均延伸, 就是说,

如果即使视图中上有 navigationBar, 下有 tabBar, 那么视图仍会延伸覆盖到四周的区域.

因为一般为了不让 tableView 不延伸到 navigationBar 下面, 属性设置为 UIRectEdgeNone 即可

同时如果导航栏有其他杂色只需要设置导航栏的透明度即可 self.navigationController.navigationBar.translucent = NO;

来源: http://www.jianshu.com/p/e376f352e282

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/44929.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html玩游戏显示不全,客户端登录界面显示不全解决办法

《新天堂II》客户端登录界面显示不全解决办法 在登录《新天堂II》游戏过程正,如果您出现客户端TCLS 界面显示不完全问题,请按照以下步骤设置,进行解决。 双击游戏图标后,出现登录界面显示不完全,如下图,玩家…

layUI的页面显示不全解决方法

在做项目时页面显示不全 可以在layui的css中直接改属性 layui-tab-item 找到这个属性&#xff0c;直接修改高度&#xff0c;如果是谷歌浏览器的话记得清缓存。 还有就是在嵌入时修改属性 <iframe scrolling"no" frameborder"0" src" " wid…

昆仑万维CEO方汉:AIGC以低成本达到80分水平,腰部工作者将大概率被淘汰 | 中国AIGC产业峰会...

丰色 发自 凹非寺量子位 | 公众号 QbitAI “如果人类的水平达不到80分&#xff0c;就会被AI淘汰。” 在中国AIGC产业峰会现场&#xff0c;昆仑万维CEO方汉抛出这样一个大胆预测。 在他看来&#xff0c;目前AIGC对存量知识的理解与表达已经达到80分的水平&#xff0c;行业从业者…

《扬帆优配》交易拥挤度达历史极值 当前A股TMT板块性价比几何?

上周&#xff0c;A股商场企稳&#xff0c;但盘面风格分歧再度加深&#xff1a;很多资金涌入以ChatGPT、数字经济为代表的TMT板块&#xff0c;而新能源以及前期强势的“中字头”种类都呈现了回调。兴业证券计算显现&#xff0c;3月24日&#xff0c;TMT及电子板块的商场成交金额占…

当初急吼吼冲进来的老王们,已经撤了……撤了……

* * * 原创&#xff1a;刘教链 * * * 号外&#xff1a;今天在“刘教链Pro”发表了《内参&#xff1a;为何要在31k对15k后悔莫及&#xff1f;》&#xff0c;欢迎关注公众号“刘教链Pro”并阅读。 * * * 坊间消息&#xff0c;几个月前高调带资5000万美刀入场、“all in” AI的王…

vx小程序下载使用

首先我们要知道他是干什么用的&#xff0c;首先如果你要学习一个东西就要知道它是干什么的&#xff0c;为什么要学习&#xff0c;自己能收获到什么&#xff01;好久没发帖子了&#xff0c;今天我们来学习一下微信小程序。 这是它的官网&#xff1a;微信开放文档&#xff0c; …

盲盒小程序,微擎小程序通用安装详细教程

盲盒小程序,微擎小程序通用安装详细教程 教程开始&#xff1a; 第一步&#xff1a;我们需要先准备微擎小程序模块应用&#xff0c;这里我们先去下载一下 www.httple.net 第二步&#xff1a;这时候我们需要把后端源码上传到网站目录addons文件然后解压 第三步&#xff1a;进入…

只要几步,微信小程序就能转为APP

在现代互联网的大背景下&#xff0c;拥有自身的APP对企业来讲已经成为了重要的发展步骤。开发自有的商业APP&#xff0c;不仅可以大力推动企业的品牌宣传&#xff0c;还能够满足电商需求&#xff0c;提升销售额。同时&#xff0c;也能够收集到相关用户的数据&#xff0c;以便进…

微信小程序开发工具下载安装

登录官方文档&#xff1a;https://developers.weixin.qq.com/doc/ 点击小程序进入小程序页面&#xff0c;然后点击开发再点击工具进入工具页面。 点击下载&#xff0c;下载稳定版。&#xff08;其他版本也可用&#xff0c;只是不稳定&#xff0c;建议下载稳定版&#xff09;

微信小程序的下载安装

微 信 小 程 序 \color{purple}{微信小程序} 微信小程序 微信小程序&#xff0c;简称小程序&#xff0c;英文名Mini Program&#xff0c;是一种不需要下载安装即可使用的应用&#xff0c;它实现了应用“触手可及”的梦想&#xff0c;用户扫一扫或搜一下即可打开应用。 下 载 \…

微信小程序开发笔记(一)微信web开发者工具的下载与安装、AppID的申请

参考教材&#xff1a;《微信小程序开发入门与实践》 雷磊 前言 微信提供了小程序的官方开发工具—微信开发者工具,当然&#xff0c;这个微信开发者工具 还可以用来调试运行在微信上的网页以及微信JS-SDK。 微信开发者工具官方下载地址&#xff1a;https://developers.weixin.…

微信小程序开发流程、开发者工具下载安装

微信小程序开发步骤 开发小程序的第一步&#xff0c;你需要拥有一个小程序帐号&#xff0c;通过这个帐号你就可以管理你的小程序。 一、首先我们进入 微信公众平台 微信公众平台 &#xff08;1&#xff09; 进入之后显示这个页面&#xff0c;点击注册 &#xff08;2&#…

微信3.7.6.29 pc版无法使用fiddler抓小程序包

1.找到WMPFRuntime&#xff0c;将它删除 2.重新登录微信&#xff0c;打开小程序&#xff0c;需要下载工具资源&#xff08;不下载无法打开小程序&#xff09; 3.下载后&#xff0c;打开小程序&#xff0c;然后打开fiddler&#xff0c;无法抓包

个人微信小程序开发入门教程:下载微信开发工具

学习开发微信小程序最最最最重要的就是学习微信小程序官方文档,因为文档可以解决我们在学习过程中遇到的大部分麻烦&#xff0c;所以先附上官方文档链接&#xff1a; https://developers.weixin.qq.com/doc/ 目录 一、进入微信小程序官网二、安装步骤1、打开刚才下载好的软件&…

APP、PC客户端抓包、小程序\公众号

APP、小程序、公众号抓包 一、APP抓包&#xff08;一&#xff09;BurpSuite抓取手机HTTP数据包1、配置代理IP与端口2、测试 &#xff08;二&#xff09;BurpSuite抓取手机HTTPS数据包1、安装证书2、测试 &#xff08;三&#xff09;抓不到包&#xff1f;1、原因2、解决思路3、解…

【已成功】帮我看看这个前端页面写的怎么样

ChatGPT自动化前端 问题一、ChatGPT是否能生成一个简单的提问表单&#xff1f; 问题一、ChatGPT是否能生成一个简单的提问表单&#xff1f; 接下来是chatgpt生成的代码&#xff1a; <template><div><form submit.prevent"submitForm"><div>…

ChatGPT如何改进您的客户数据收集

Chatgpt | Chat | Gpt | 小智Ai | Chat小智 | Gpt小智 | ChatGPT小智Ai | GPT小智 | GPT小智Ai | Chat小智Ai 丨 摘要&#xff1a;在当今数字化时代&#xff0c;客户数据是企业决策的重要依据之一。ChatGPT可以通过优化数据收集方式来帮助企业更好地了解客户需求和行为&#x…

二十年前的老游戏,为何再次让无数程序员痴迷不已?

SpaceTraders是个古老的策略类游戏&#xff0c;运行在古老的Palm OS和Windows Mobile PDA上。 游戏开始时&#xff0c;玩家将获得一艘飞船&#xff0c;然后驾驶它在各个星球之间穿梭&#xff0c;挖掘星球矿产&#xff0c;低买高卖赚取利润&#xff0c;赚了钱可以升级飞船&#…

从古板到智能:机器程序的华丽转身

因为 ChatGPT 的热潮&#xff0c;目前在恶补人工智能方面的知识。在某一篇文章的评论中&#xff0c;我看到了一个问题&#xff1a;“为什么 ChatGPT 能这么厉害&#xff0c;基本什么问题都能回答&#xff0c;如何做到的” 这也是我想问的问题&#xff0c;在初学编程的时候&…