ios10以下safari设置style无效的解决方法
项目中遇到的奇怪问题，已定位原因。Attempted to assign to readonly property报错
起因：项目中写了个点击事件，增加动态效果，类似于转一转，rotate(360)。很简单的一个特效。
设置元素的transition:transform 1s。 然后动态改变元素的transfrom:rotate的角度。一切看起来没问题。本地测试，真机测试都OK。但是提测后，在测试的IOS10下的safari，竟然没有生效。
定位原因： 一开始以为是transform没有加上前缀。但确认后排除。于是真机连接代理测试，在点击事件中alert弹窗，发现并没有执行。于是确认有报错。try catch后弹出错误。
Attempted to assign to readonly property
查阅资料得知，是safari内核bug。网上有解决方案，不要使用严格模式，即删除'use strict'。
（没有验证，因为觉得不可行，因小失大）
解决方案。 猜测是因为Style不可以直接change,但应该可以设置Style.transform。测试可行，但这样设置多个属性的时候，并不优雅，可换成class。 不过因为rotate角度涉及到计算，故而本人并没有采用设置class的方案。
错误: dom.style = `transform: rotate(${x}deg)`;
正确 dom.style.transfrom = 'rotate(${x}deg)';
PS：解决iOS10的Safari下Meta设置user-scalable=no无效的方法
苹果为了提高Safari中网站的辅助功能，屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面，就算加上user-scalable=no，Safari浏览器也能支持手动缩放。
我们可以用js加监听事件来阻止手动缩放。
代码如下：
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
}
})
var lastTouchEnd=0;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false)
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
这篇文章主要介绍了iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐的相关资料,需要的朋友可以参考下2015-09-09
这篇文章主要为大家介绍了iOS开发技能weak和strong修饰符的规范使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了iOS底层探索之自动释放池,自动释放池的压栈和出栈，通过结构体的构造函数和析构函数触发，自动释放池的本质是__AtAutoreleasePool结构体，包含构造函数和析构函数，本文通过示例代码给大家介绍的非常详细，需要的朋友参考下吧2022-06-06
这篇文章主要为大家详细介绍了iOS tableView实现搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
本文是IOS开发代码分享系列的第一篇文章，这里分享下获取启动画面图片的string的代码，本代码支持 iPhone 6 以下. 支持 iPhone 及 iPad，非常实用，希望对大家有所帮助2014-09-09
小组件运行在单独的进程,如果异常会导致小组件进程卡死了,一个小组件出问题,其他小组件都不刷新了。既然刷新这么难控制,怎么实现数字时钟按秒刷新呢?接下来通过代码给大家介绍下ios小组件刷新功能的实现，一起看看吧2021-05-05
本文通过两种方法给大家介绍了判断中英文混合的字符长度，非常具有参考价值，特此分享供大家学习2016-05-05
IOS开发之tableView点击行跳转并带有“显示”更多功能
这篇文章给大家介绍通过点击城市中的tableView跳转到旅游景点的tableView，下面会有“显示”更多的功能，代码简单易懂，对ios点击tableview跳转相关知识感兴趣的朋友一起学习吧2016-03-03
这篇文章主要为大家介绍了iOS开发KVO实现细节解密，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
IOS 解决推送本地国际化 loc-key 本地化失败的问题
本文主要介绍IOS 推送国际化问题,在开发 IOS 项目过程中对软件的国际化有的项目需求是需要的,这里给大家一个示例,有需要的小伙伴可以参考下2016-07-07
最新评论