ios safari 正则兼容问题

这篇具有很好参考价值的文章主要介绍了ios safari 正则兼容问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景: 

系统是自己开发的采购管理系统;

最近升级系统之后客户反馈部分苹果手机现在在进入单据界面的时候报错, 内容显示不全;

安卓手机正常;

苹果首页是之前有使用过系统的才不行, 如果是之前没有使用过系统, 现在也是可以(后面查证这一点可能不是很准确, 跟是否等过过系统没有太大关系, 可能是之前用过旧版本系统的是手机买的比较早, 系统版本较低, 而没登陆过旧系统的是后面买的新手机, 系统版本高);

也尝试清理过缓存,更换浏览器都也是不行;

也更换过账号交替测试, 问题设备问题依旧;

问题分析: 

乍一听像是缓存问题, 但用户也尝试过一些操作了, 这就纳闷了, 无奈只能上门现场调试;

ios 手机调试网页前提需要一台mac 电脑, windows 不知道行不行;

  1. 配置 iOS 设备

    • 打开 iOS 设备上的“设置”。
    • 选择“Safari”。
    • 在“高级”中,打开“Web 检查器”选项。
  2. 配置 macOS 的 Safari

    • 打开 Safari。
    • 在菜单栏中选择“Safari” > “偏好设置”。
    • 转到“高级”标签,并勾选“在菜单栏中显示‘开发’菜单”。
  3. 连接 iOS 设备到 Mac

    • 使用 Lightning 或 USB-C 线连接你的 iOS 设备到 Mac。
  4. 开始调试

    • 在 iOS 设备上打开你想要调试的网页。
    • 在 Mac 上的 Safari 中选择“开发”菜单。
    • 在下拉菜单中,你应该能看到你的 iOS 设备的名字。悬停在设备名称上,会显示一个可以调试的网页列表。
    • 选择你想要调试的网页。此时,一个 Web 检查器窗口会在 Safari 上打开,你可以使用它来查看和编辑网页的元素、样式、控制台输出等。

准备就绪, 拿到问题手机连上mac , 一番操作, 对比发现, 问题设备会比其他设备多出一个浏览器报错

SyntaxError: Invalid regular expression: invalid group specifier name

ios safari 正则兼容问题,ios,safari,前端

那这就比较尴尬呀, 同是 iphone 14 pro, 同个浏览器, 同个账号;

简单点就直接拿报错搜了一下, 发现还真有这事, ios 和mac 上特有的, " Safari 的早期版本对某些正则表达式特性的支持 "  

这里的报错针对的是正则中的 零宽断言的支持不好;

对比了一下两台手机的系统版本号, 还真是有差异, 问题的是 16.1.2, 正常的是 16.5 (都十好几的版本了, 咋还有这种问题....)

搜了下代码, 里面还真有, 那罪魁祸首就是这里了
ios safari 正则兼容问题,ios,safari,前端

解决办法: 

1. 升级系统版本;

2. 兼容零宽断言的正则写法;文章来源地址https://www.toymoban.com/news/detail-721938.html

ios safari 正则兼容问题,ios,safari,前端

到了这里,关于ios safari 正则兼容问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • YYText iOS17兼容问题

    使用YYText ,1.0.7在iOS17会遇到如下崩溃 主要原因是UIGraphicsBeginImageContext中的asert引发,而改接口早就标记为API_TO_BE_DEPRECATED,建议使用UIGraphicsImageRenderer替换。 由于YYText早已没有维护,于是fork了一个自己的git进行修正,主要修正逻辑在textAsynLayer 替换为 具体可参见git@github.com:ia

    2024年02月03日
    浏览(48)
  • new Date(时间)IOS兼容问题

    问题 后端接口返回数据格式为Time:\\\"2021-10-15 23:59:50\\\",安卓上 new Date(Time)没问题,IOS部分较低系统执行new Date(Time)返回为NaN。 当时间格式为 yy-mm-dd HH:mm:ss 时,ios系统认得“/”却不认得“-”,所以需要把\\\"-\\\"转化为“/”。 解决办法: 使用replace替换,直接将 - 替换为 / ,这样

    2024年04月14日
    浏览(37)
  • element ui ios移动端 表单兼容问题

    element ui 的表单在禁用状态时,在android手机显示无与pc显示一样,但是在ios显示却天差地别,基本看不到input    placeholder   属性添加的默认提示信息。效果图如下: 在ios显示:  在android手机: 怎么改css都没用,后面查了一些资料,才找到问题所在: 移动端环境下android只需

    2024年02月04日
    浏览(35)
  • 【H5】H5安卓、ios兼容性问题

    H5在安卓机型和IOS机型或者相同机型的不同浏览器中的某些样式会存在不一样的表现,所以需要解决相应的兼容性问题 1、IOS端兼容input光标高度 问题症状:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样

    2024年02月16日
    浏览(43)
  • ios中关于video标签poster属性兼容问题(ios视频截帧)

    需求如下 移动端h5页面(微信浏览器下)需要上传视频并回显封面,用户点击中间的播放三角可以进行视频的预览;问题就出现在ios手机上使用video的poster属性并不能显示出视频封面,而安卓手机可以正常显示视频的第一帧; 效果图 问题分析: 在ios系统中有个保护机制, 如果

    2024年02月05日
    浏览(27)
  • 安卓和ios针对于new Date()数据格式的兼容问题

    IOS 手机不识别 YYY-MM-DD HH:mm:ss 格式的日期传参。 在项目中需要实现倒计时,这个倒计时的时间是后端同学给到前端的,我们针对当前时间到结束的时,进行倒计时,这个功能在测试的时候安卓手机和iOS手机都没问题,但是哦生产有用户反馈ios手机无法出现倒计时 发现是ios低版本的情

    2024年02月04日
    浏览(32)
  • h5逻辑_解决h5页面嵌入ios兼容性问题

    安全区域 如下图所示~ 蓝色部分为安全区域。处于安全区域内的内容不受圆角、齐刘海、小黑条的影响。 若是将h5页面嵌入app中,就需要进行适配— 让h5页面展示在安全区域内。 tips: 安全区域是在ios11之后并且是iPhoneX及以上机型才有的。 因此我们只需适配以上机型其余机型

    2024年02月14日
    浏览(64)
  • 微信小程序 IOS中new Date()时间格式不兼容问题

    问题描述: 最近在小程序项目中遇到了处理Date时间格式的需求,在Android手机测试是没有发现问题的,但是在IOS上 时间转换出现了错误。 解决方案: 这里主要兼容问题在于Android可以处理 ‘-’ 与 ‘/’ ,而IOS只能处理 ‘/’ 的时间格式,具体如下: 总结: 这里需要注意的

    2024年02月13日
    浏览(51)
  • 微信小程序ios下,border显示不全兼容问题解决

    小程序在ios系统中,如果border小于1px的情况下,border就可能显示不全(可能少了上下左右任意一边) 只需要加一个::after或::before伪类,使用绝对定位定在原来元素上边就不会产生问题了!

    2024年02月10日
    浏览(42)
  • 如何处理Flutter应用在iOS平台上的兼容性问题

    大家好,我是咕噜铁蛋!今天我想和大家聊聊一个常见但令人头疼的问题——Flutter应用在iOS平台上的兼容性问题。在开发跨平台应用时,尤其是在Android和iOS两大平台上,兼容性问题总是难以避免。而Flutter,作为一个旨在解决跨平台开发难题的框架,虽然大大简化了这一过程

    2024年04月14日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包