ios设备出现attempted-to-assign-to-readonly-property报错

attempted to assign to readonly property的中文解释为：尝试分配定义只读属性

let tablist = document.querySelectorAll('.div')
for (let i = 0; i < tablist.length; i++) {tablist[i].style = ''
}
// 或者
let dom = document.querySelector('.div')
dom.style = 'font-weight: 700;'

对于以上代码，在安卓和chrome浏览器中运行正常，但是在ios设备中可能(iphone6或safari10)会出现attempted to assign to readonly property的报错

这是为什么呢？可以了解为在获取dom后不能对style属性直接赋值，只能对style.属性名 = ‘’ 这种方式赋值。否则ios手机直接报错。

TrackJS指出，这个报错是一个 ios中webkit内核的bug（而且每个框架都以独特的方式遇到这个问题.

webkit bugs 也确认了该问题，而且每个框架都以独特的方式遇到这个问题,Angular以及vue.esm.js等。后来发现直接删除js开头的’use strict’;就不会报错了，但是这样js语法就不是严格模式了。

对上面的代码，如果你这样赋值就不会产生报错

let tablist = document.querySelectorAll('.div')
for (let i = 0; i < tablist.length; i++) {//tablist[i].style = ''  errortablist[i].removeAttribute('style')
}
// 或者
let dom = document.querySelector('.div')
//dom.style = 'font-weight: 700;'  error
dom.style.fontWeight = 700

参考文档：tuy博客

ios设备出现attempted-to-assign-to-readonly-property报错相关推荐

【iOS】使用SQLite3的时候Swift3.、XCode8报错：Unsupported architecture - 'arm/arch.h'file not found - Could not
[iOS]使用SQLite3的时候Swift3..XCode8报错:Unsupported architecture - 'arm/arch.h'file not found - Could not ...
python运行启动报错解决方法_51testing：iOS自动化测试的那些干货：关于appium启动报错问题的解决办法...
原标题:51testing:iOS自动化测试的那些干货:关于appium启动报错问题的解决办法我们在进行iOS Appium自动化测试的时候,会遇到环境配置.兼容使用问题,这里做个总结,以避免后续踩 ...
iOS问题记录 - Xcode 14.3版本运行项目报错
文章目录前言开发环境问题描述问题分析解决方案最后前言看到Xcode有新版本,没忍住点了升级,然后问题来了. 2023/04/23更新:关于Xcode 14.3版本目前涉及到的三个问题, ...
设备通过国标GB28181协议接入EasyCVR，报错“504 Gateway Time-out”是什么原因？
EasyCVR基于云边端一体化架构,能支持海量视频的轻量化接入与汇聚管理.在视频能力上,可提供视频监控直播.视频轮播.视频录像.云存储.回放与检索.智能告警.服务器集群.语音对讲.云台控制.电子地图. ...
解决Vue中Object.assign清空数据的报错
想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向例如 Object.assign(this.$data, this.$options.data. ...
APP（IOS）蒲公英上传成功但下载页报错
近日准备发布一款游戏的测试版本,弄了半天itunes都找不到"应用",结果被告知v12版本被去除,现在流行用蒲公英发布版本.好吧,那我也来耍一把.Xcode打包然后上传,一切都很顺 ...
iOS 打包 Found an unexpected Mach-O header code: 0x72613c21报错
在打包过程中,如果工程中的静态文件存放位置不对,会出现下图所示报错: 究竟错误出在哪里?我的排错过程是这样的一. 点击 Show logs... 查看报错详情二.点击进入后,打开上图选中的文件,出 ...
AIX系统中rmdev删除设备或cfgmgr -v 时无法保存或报错，hd5的问题
现象如下: # rmdev -Rdl et0 et0 deleted rmdev: 0514-508 Cannot save the base customized information ...
W10: Warning: Changing a readonly file使用vi/vim报错问题解决（使用管理员也不能修改）
使用vi/vim编辑文件的时候出现W10: Warning: Changing a readonly file报错解决方法: 一.强制保存退出 :wq! 二.ll 查询文件属主,使用属主赋予权限 c ...

ios设备出现attempted-to-assign-to-readonly-property报错

ios设备出现attempted-to-assign-to-readonly-property报错相关推荐

最新文章

热门文章