ionic+angular的app项目中需要在App打开一个外部的url链接,用了这个插件发现在iPhone手机中会出现toolbar挡住url页面内容

解决方法:

在原有基础上加上statusBarOffset 偏移量

在xcode中找到CDVThemableBrowser.m文件,然后
- (void) rePositionViews {
CGFloat toolbarHeight = [self getFloatFromDict:_browserOptions.toolbar withKey:kThemeableBrowserPropHeight withDefault:TOOLBAR_DEF_HEIGHT];
CGFloat webviewOffset = _browserOptions.fullscreen ? 0.0 : toolbarHeight;`
替换成:
- (void) rePositionViews {
CGFloat toolbarHeight = [self getFloatFromDict:_browserOptions.toolbar withKey:kThemeableBrowserPropHeight withDefault:TOOLBAR_DEF_HEIGHT]; CGFloat statusBarOffset = IsAtLeastiOSVersion(@"11.0") ? [self getStatusBarOffset] : 0.0; 
CGFloat webviewOffset = _browserOptions.fullscreen ? 0.0 : toolbarHeight + statusBarOffset;`

转载于:https://www.cnblogs.com/Allen-Lim/p/themeablebrowser.html

cordova-plugin-themeablebrowser 0.2.17 ThemeableBrowserionic跳转外链插件在ios中heardBar会遮住内容的bug...相关推荐

  1. php跳转外链,分享两种外链跳转方法,可避免权重流失。

    前2天,在修改互推联盟自适应页面时,考虑到原先的跳转机制可能会对博友造成困扰,所以想修改成直接跳转模式,彻底抛弃之前强行重写 title 即 iframe 框架的不友好机制. 下面的内容是在研究外链跳 ...

  2. react跳转url,跳转外链,新页面打开页面

    react中实现在js中内部跳转路由,有两种方法. 方法一: import PropTypes from 'prop-types'; export default class Header exten ...

  3. 章鱼加速器第二期 Web3.0 创业营报名启动 | Substrate 应用链项目全球招募中

    全长1505字,预计阅读 7 分钟 撰文:MiX 微信交流:mixoct 章鱼加速器第二期 Web3.0 创业营,将于2022年2月28日正式启动,全程6周.在最终的「Octopus Appchain ...

  4. vue跳转外链页面以及跳转html页面超简单方法

    文章目录 实现思路 跳转到外链页面(实际案例) 跳转成功 跳转到其他HTML页面(实际案例) 跳转成功 超级技巧 实现思路 直接使用js代码window.open方法实现,非常简单 再吐槽一句,那么简 ...

  5. vue ios微信小程序跳转外链地址,返回页面执行自动后退或关闭页面

    需求是页面外跳后,返回到项目首页,判断上一页有没有,有则后退一页,没有则关闭微信浏览器 处理方案: 创建refresh.js 文件 在index.html 文件中引入 home.vue // 在首页先 ...

  6. 微信小程序跳转外链,打开视频号及小程序内跳转方法

    现有一轮播图,要求按照配置进行跳转 1,跳转至外部链接 void wx.navigateTo({url: `/pages/webview/index?webview=${encodeURICompon ...

  7. nginx做小程序外链跳转_小程序跳转外部链接怎么设置,实现小程序跳转外链的两种方法...

    小程序跳转到外部链接有很多种类型,包括小程序跳转到APP,小程序跳转到小程序,小程序跳转到公众号,小程序跳转到网页等.由于小程序跳转的对象比较多,各自的规则又不一样,因此小程序跳转外部链接是用户咨询较 ...

  8. 微信卡券会员卡跳转外链php,微信卡券,在卡包中跳转到小程序的字段怎么填写...

    期望实现的功能微信卡券领取到卡包之后,点立即兑换按钮跳转到小程序 这是官方文档的说明: 卡券内跳转小程序 场景介绍 商户创建卡券时可以将卡.券内的服务入口设置进入小程序服务. 步骤 1.开发者须将小程 ...

  9. 微信小程序页面自动跳转外链

    链接需要认证! <web-view src='https://www.163.com/'></web-view>

最新文章

  1. 火山引擎向企业客户开放上万款抖音同款特效
  2. git 将暂存区文件提交_Git知识
  3. C/C++学习之路: 多态
  4. Spring是如何注解的
  5. Error in loadNamespace(name) : there is no package called ‘yaml’
  6. Mac安装brew,安装wget
  7. 24V600mA限流电路的Pspice仿真实例
  8. 非对称加密算法 (RSA、DSA、ECC、DH)
  9. 用origin画重叠柱状图 - 三维变化
  10. dell云存储服务器,dell云存储服务器(戴尔存储服务器)
  11. 长沙python培训_长的解释|长的意思|汉典“长”字的基本解释
  12. 程序猿段子:程序员崩溃很简单,改三次需求即可
  13. 神农班2019年总结
  14. Unity使用陀螺仪检测屏幕方向
  15. 关于舵机的漂移与不听指挥乱动的问题
  16. POWER BI:权限控制篇
  17. 一种准确预测核糖核酸假尿苷位点的新方法
  18. 妻子抑郁,多次自杀!美国41岁男子爱上AI女友竟挽救了婚姻
  19. 浏览器打开是全屏的,在整个桌面显示,看不到下方的任务栏
  20. 又拍云作图床随机返回API

热门文章

  1. 15-07-06 定闹钟
  2. 计算任意两个圆的交点
  3. Unit 3 return codes and traps
  4. Opencv中的图像深、浅拷贝
  5. ElasticSearch启动报错curl: (7) Failed connect to 172.19.128.56:9200; 拒绝连接---ElasticSearch工作笔记029
  6. springcloud工作笔记099---springboot集成netty,进行线程管理,socket通讯
  7. SpringCloud工作笔记038---spring cloud-简单网关权限控制_直接在zuul里面做
  8. System学习笔记004---Windows系统中hosts文件的作用_Zookeeper在SpringBoot中报错需要配置一下这个文件
  9. LLVM每日谈之一 LLVM是什么
  10. 杭电1287破译密码