在iOS10.3兼容问题，报了奇怪的错误

最新推荐文章于 2024-09-09 16:15:21 发布

Wnig

最新推荐文章于 2024-09-09 16:15:21 发布

阅读量719

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_29217789/article/details/89531678

版权

前端专栏收录该内容

61 篇文章 1 订阅

订阅专栏

昨天测试发了下面的报错给我，测试了安卓没问题，测试了另一把iOS也没问题，后面又看了一下版本，就找到原因了，版本太低不兼容。

TypeError: Attempted to assign to readonly property.
undefined:232:13 touchMove
touchMove@[native code]
touchmove
_withTask

一开始看以为是touchMove不兼容，后面发现并不是。我这边的代码刚好是一个左滑删除的效果，这个时候会对样式进行改变，大概的代码是这样的：

el.style = 'transform:translateX(0px)'

这种写法在iOS10.3是不兼容的，所以就报错了，改一下就可以正常用了

el.style.transform = 'translateX(0px)'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Wnig

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

iOS 10.3真机调试包

10-12

在使用这个"iOS 10.3真机调试包"时，开发者需要确保他们的Xcode版本与iOS 10.3兼容。Xcode是苹果官方提供的集成开发环境，包含了编写、调试和发布iOS应用所需的所有工具。通过Xcode的设备选择器，开发者可以将iPhone...

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

weixin_45532305的博客

07-13

8369

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

参与评论您还未登录，请先登录后发表或查看评论

JavaScript 中的变量赋值和变异指南

six6de6的博客

08-16

737

非常细的文章

safari10.1.2 报错attempted to assign to readonly property

coco723的博客

06-12

668

场景用户在使用过程中，页面报错，报错信息如下：当前报错的电脑系统版本为: Safari浏览器版本：但是在其他mac系统上，同样是Safari浏览器，却能正常使用，没有报错信息定位问题于是开始查找相关资料，找到https://blog.csdn.net/weixin_34234721/article/details/91430275 同样的报错信息，那么是不是这方面原因导致的呢？根据错误堆栈信息，找到了可能问题代码：改正后的代码：待验证(因为必须找对应版本的测试设备) ...

ios下使用动画 transform: translate(xx%) 无效问题

Vincentyun

08-06

2726

<div class="wg-marquee-up"></div> .wg-marquee-up { height:300px; -webkit-animation: marquee-up 5s linear infinite; -ms-animation: marquee-up 5s linear infinite; -o-animation: marquee-up 5s linear infinite; animation: marq

【TS篇】代码没问题，依旧报Property xxx does not exist on type Object错误

最新发布

s398511733的博客

09-09

219

如果ts代码没问题，但页面属性依旧标红，提示Property xxx does not exist on type Object错误，可以考虑少装了插件，在vscode里找到如下插件安装即可。

iOS 10.3 真机开发包

05-19

iOS 10.3 真机开发包正式版. 使用方法：将下载好的调试包解压，快捷键command+shift+g前往文件夹： /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 把解压后的文件放入到...

iOS 10.3 DeviceSupport

12-20

在iOS开发过程中，开发者经常会遇到各种问题，其中一种常见的问题是...通过理解iOS 10.3的关键特性以及其DeviceSupport文件的作用，开发者可以更有效地解决Xcode的兼容性问题，确保在不同iOS版本上的应用测试顺利进行。

iOS10.3DeveloperDiskImage真机调试镜像

03-28

系统升级到iOS10.3后，真机调试时Xcode运行程序到真机报错，提示Could not find developer disk image，Xcode Device栏处的真机右侧显示“（unavailable）” 步骤如下：把10.3 (14E5239d).zip解压后拷贝到 /...

ios 10.3 sdk

04-18

在解压后的路径`/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport/`下，我们可以找到iOS 10.3对应的模拟器支持文件（10.3 (14E5239d)），这表明Xcode 8.3支持iOS 10.3的开发...

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决

08-30

主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。

ios10以下safari设置style无效的解决方法

01-05

项目中遇到的奇怪问题，已定位原因。Attempted to assign to readonly property报错起因：项目中写了个点击事件，增加动态效果，类似于转一转，rotate(360)。很简单的一个特效。设置元素的transition:transform 1s。然后动态改变元素的transfrom:rotate的角度。一切看起来没问题。本地测试，真机测试都OK。但是提测后，在测试的IOS10下的safari，竟然没有生效。定位原因：一开始以为是transform没有加上前缀。但确认后排除。于是真机连接代理测试，在点击事件中alert弹窗，发现并没有执行。于是确认有报错。t

ios,safari10以下报错attempted to assign to readonly property

热门推荐

weixin_34234721的博客

05-30

1万+

如图所示错误：代码如下 let childNode = document.createElement('span'); childNode.style = "width: 20px;height: 20px;border-radius: 10px;background: #FB7299;color: #FFFFFF;display: inline-block;position: absolut...

Safari即将支持WebRTC

RTC吧

08-06

2177

自从开始做WebRTC开发以来，经常被别人问到，safari浏览器能支持WebRTC吗？我也很希望safari能支持WebRTC，这样就不用写原生WebRTC应用或者Safari浏览器插件了。很高兴的是，近期Apple公司宣布，WebRTC将会进入Safari和iOS 11。事实上，如果你是苹果的注册开发者，你就可以尝试使用支持WebRTC的测试版Safari浏览器。我提前试用了下测试版本

vue项目问题记录:iOS10以下不支持es6

TwelveSpring的博客

05-30

1172

iOS10以下浏览器呈现白屏无法正常显示页面,但是iOS10以上的浏览器显示正常. 定位原因:iOS10系统以下不支持es6的特性和语法,不兼容部分css3样式解决: 一、在index.html中加入 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,IE=IE9"> <meta htt

element ui在ios常见兼容性问题

05-29

Element UI 是一款流行的基于 Vue.js 的 UI 组件库，它在 iOS 环境下也可能存在一些兼容性问题，主要包括以下几点： 1. 移动端布局问题：Element UI 的组件是基于 PC 环境下的布局设计的，可能在移动端存在布局错位、排版不美观等问题。 2. 动画兼容性问题：Element UI 的一些组件，如弹出框、滚动条等，使用了 CSS3 动画，可能在 iOS 环境下存在兼容性问题，如卡顿、闪烁等。 3. 手势事件兼容性问题：在移动端，用户通常使用手势操作，如滑动、长按等，Element UI 的一些组件可能在 iOS 环境下无法响应这些手势事件。为确保 Element UI 在 iOS 环境下的兼容性，开发者可以采取以下措施： 1. 移动端布局适配：对于移动端使用的 Element UI 组件，需要重新设计布局，以适应移动端设备的屏幕尺寸和分辨率。 2. 动画效果优化：对于需要使用动画效果的组件，需要优化 CSS3 动画的代码，减少卡顿、闪烁等问题的出现。 3. 手势事件支持：在组件中添加对移动端手势事件的支持，以提高用户的体验。总之，针对不同的 iOS 环境下的兼容性问题，开发者需要进行充分的测试和适配，确保 Element UI 在不同的 iOS 环境下都具有良好的兼容性。