苹果/ios系统手机 获取不到window.innerHeight/window.innerWidth

于 2022-01-31 13:25:46 发布
阅读量3k 收藏 1
点赞数 1
文章标签： ios safari javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65447589/article/details/122759386
版权

解决办法:

1.获取宽高放到window.onLoad = function(){

const H = window.innerHeight;

const W =     window.innerWidth;

}

2.使用document.body.clientWidth/document.body.clientHeight代替

YZHD
关注
博客
添加域名路由访问项目404
11-24 732
关闭所有miss路由后排查到因为应用设置文件中配置了默认应用【图1-3】，所以访问域名的时候并没有正确的访问到域名路由配置的项目，而是自动访问到了设置的默认应用的项目下。问题 ：点击域名后没有正常访问到项目，展示的是404页面，没有报错信息，因为只在各个项目路由文件中设置的miss路由才有404页面，如【图1-2】。操作 ：在app的统计目录下创建了route文件夹，并配置了路由执行要访问的页面，如【图1-1】。需求 ：需要使用域名能直接访问到一个可以正常访问的项目。
博客
解决TP6.0框架运行报错和执行Composer报错问题
11-18 3054
ThinkPHP6.0 Composer
博客
解决GitLab web钩子无法成功执行phphook文件问题
11-09 476
搭建gitlab自动部署时，添加完web钩子和项目中的hook文件后，测试执行，显示200成功。但是实际项目代码中并未更新。但是在服务端，通过PHP去执行hook.php，能成功拉取代码。
博客
TP6模板渲染访问报错 Driver [Think] not supported. 解决方法
11-02 1030
Thinkphp 新版（6.0版本开始）不再内置 think-template 模板引擎，如果需要使用ThinkPHP 官方模板引擎，需要单独安装 think-view 模板引擎驱动扩展 。
博客
微信小程序播放背景音乐（wx.createInnerAudioContext）
09-14 967
官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html。功能依托于微信小程序内置的 wx.createInnerAudioContext() 方法，相关更多方式使用可参考官方文档。业务脚本js使用举例。
博客
微信小程序base64图片转换临时链接
09-14 3024
小程序内新建 base64src.js。
博客
微信小程序获取扫描二维码后携带的参数
06-23 7275
微信小程序获取扫描二维码后携带的参数
博客
阿里云图片拼接指定尺寸
06-15 1196
动态渲染阿里云图片资源时，进入页面图片加载缓慢出现刚进入为灰色状态，原因由于阿里云OSS内储存的图片资源尺寸较大导致的，所以可使用拼接参数方式限制图片大小，减少图片体量，从而增加图片加载速度。...
博客
淘宝小程序 九宫格抽奖
06-15 463
淘宝小程序的九宫格抽奖功能，同理功能代码可根据指定小程序规则调整事件，此逻辑可适配所有小程序功能开发。
博客
小程序内使用web-view组件嵌套H5页面,当H5页面更换了内容后，小程序里的h5页面不更新问题处理
05-13 1939
小程序内使用web-view组件嵌套H5页面，当H5页面更换了内容后，小程序里的h5页面不更新问题处理这个问题是由于小程序缓存了H5的内容造成的，可以在H5链接后面拼接个参数，加上时间戳可做用于H5的版本号，这样每次访问都可以全新的链接展示内容避免缓存，代码如下wxml：<view> <web-view src="{{src}}"></web-view></view>js：Page({ data: { src: `https://
博客
微信小程序web-view环境下H5跳转小程序页面方法
05-13 8916
web-view页面内的H5页面跳转至小程序页面一般的，web-view组件的src属性指定的H5页面之间，可以正常的采用超级链接a标记对进行页面之间的条转。但是web-view页面要想通过手指触碰返回小程序页面，就无法使用超级链接a标记了。那么这个问题应该如何解决呢？1、在H5页面引入JSSDK首先需要在H5页面中引入JSSDK，它可以让H5页面的js文件执行微信小程序的部分API命令。H5页面引入JSSDK的代码如下所示。<script src="https://res.wx.qq.com
博客
ts&3.0&3.x cocos实现九宫格/跑马灯抽奖
03-16 1187
项目场景：实现九空格/跑马灯抽奖效果面板设置:代码：import { _decorator, Component, Node, SpriteFrame } from 'cc';const { ccclass, property } = _decorator;@ccclass('drawPage')export class drawPage extends Component { @property([Node]) ...
博客
纯js实现h5复制粘贴的功能
03-16 960
项目场景：项目经常会出现复制粘贴,拷贝一段文字/手机号/兑换码,每次重新写比较麻烦,记录一下,方便以后调用解决方案： webCopyString(str: string) { var input = str + ''; const el = document.createElement('input'); el.value = input; el.setAttribute('readonly', ''); el.
博客
CSS图片旋转/暂停后保持旋转状态(音乐播放常用)
03-16 1487
项目场景：通常h5项目中的音乐图标会有旋转动画,我们需要进行暂停播放,展示对应的旋转动画问题描述通常的做法,创建旋转动画,暂停的时候移除toggleAudioAni类名,达到暂停的效果,但是会存在一个问题,旋转角度会立马转到0,体验效果非常差@-webkit-keyframes audio_icon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
博客
解决H5页面开发时iPhoneX手机底部和侧面白边问题。
01-18 981
//在meta viewport标签里添加如下属性:viewport-fit=cover;//例:<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />问题如图：
博客
红包封面限时领取，数量有限，先到先得~
01-14 230
公司制作的微信红包封面，喜欢的自行领取。为你的新年红包增些色彩吧~
博客
解决gif图在小程序的webview长按转发不是动图的问题(安卓手机)
12-28 1850
经过调研发现这是小程序/安卓手机的bug,目前得到的消息是正在修改,目前给出的解决方案是利用wxsdkjs中的api方法 wx.previewImage({ current: data.data.image, // 当前显示图片的http链接 urls: imgArr // 需要预览的图片http链接列表 })达到的效果,用户点击触发previewImage 图片会被微信浏览器放大,这时候就可以长按分享转发了...
博客
解决H5项目微信浏览器安卓系统无法自动播放背景音乐的问题
12-23 5884
背景制作的H5项目，使用vedio标签，利用wx.getNetworkType来自动播放背景音乐。但是安卓的vedio自动播放被微信浏览器限制了。解决方案采用web vedio api细节解释：web vedio api MDN伸手/** * @author ccbbs * @file 解决安卓webview自动播放背景音乐的问题 */function BGMAutoPlayMgr/* solveAndroidBGMAutoplay */(url) { this.audioC
博客
tp6中如何使用json字符串作为MySQL查询条件
12-19 2204
背景：数据表中有一个字段err_info存的是json字符串，现在需要根据接口传过来的参数（json数据）作为条件去查询数据。接口参数类似下面这种结构{ "id":1, "sid":2, "img":"xxxx", "num":3, "diy":"9999", "pri":86, "spec":{ "colour": "1", "word": "7", "img": .
博客
微信公众号如何配置关键词自动回复小程序链接和太阳码？
12-17 3696
公众号关键词回复小程序链接公众号关键词回复小程序太阳码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值