safari浏览器的一些兼容性问题总结

vue项目开发完毕之后在chrome、firfox等浏览器表现正常，但在safari浏览器中跳转首页时报错导致页面展示空白，报错信息提示是语法错误。猜测是safari对于部分es6语法不兼容导致的，于是在vue.config.js中引入babel-polyfill插件

chainWebpack:(config) => {config.entry('main').add('babel-polyfill'),
},

此时仍然有报错信息，但报错信息改变了：Invalid regular expression: invalid group specifier name。
查询之后发现在safari中打包后的js不支持原生的双斜线格式的正则表达式。
错误的定义方式:
let regExp = /XXX/g;
正确的定义方式：
let regExp = new RegExp(“XXX”, ‘g’);

再看页面此时已经可以正常跳转了，但之后又意外发现部分页面在safari浏览器加载时异常，发现又是正则的锅：Invalid regular expression
查询之后发现safari中不支持使用正则表达式的零宽断言

safari浏览器的一些兼容性问题总结相关推荐

前端兼容性问题：快速去掉mac safari浏览器input右边的小图标/小按钮
去掉mac safari浏览器input右边的小图标/小按钮 input:focus::-webkit-contacts-auto-fill-button{opacity: 0; } 复制代码去掉S ...
不同版本浏览器前端标准兼容性对照表以及CORS解决跨域和CSRF安全问题解决方案
CORS也已经成为主流的跨域解决方案,不过CORF也会引发CSRF,本文先分享第三方的一个前端工具箱全面展示那些浏览器版本支持CORS,由于各家浏览器厂商因为各自原因在不同的版本里支持的标准不同,这个 ...
php网站灰颜色代码,css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose...
给可点击的元素添加代码: -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color 是一个不规范的属性(unsupp ...
ios开发跳转safari_阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
最近为了更好地接触移动Web 开发狠心购买了一台ipad mini(之前一直都是借同学的,借多了就不好意思了).拿来调试DeveMobile 与EaseMobile 主题时候发现了不少问题,现在在一 ...
苹果或推出Windows版Safari浏览器；微软正“取下”Chromium版Edge浏览器的Beta标签；亚马逊申请新专利……...
关注并标星星CSDN云计算速递.最新.绝对有料.这里有企业新动.这里有业界要闻,打起十二分精神,紧跟fashion你可以的! 每周两次,打卡即read 更快.更全了解泛云圈精彩news go ...
mac的safari浏览器调试h5
在h5开发移动端时,兢兢业业的开发的完成后,本地电脑测试,无bug,完美.在自己的新手机上测试,也没有bug,ok,交付. 然而,在测试阶段,bug来了,这个按钮怎么点击无反应?这个样式怎么不对?.. ...
safari 浏览器overflow：hidden样式失效，一个css属性完美解决
safari浏览器的样式,总会时不时给你一个"小惊喜". 例如:之前就遇到了safari的一个overflow:hidden样式失效的问题. 百度一看,这个问题遇到的人很多,没想到 ...
vmware虚拟机mac连接iphone调试safari浏览器
原文链接: https://dsx2016.com/?p=1001 微信公众号:大师兄2016 USB控制器首先要明确一点,vm虚拟机的mac是可以连接iphone调试的. 选中mac系统,打开配置 ...
Safari 浏览器对日期处理的注意事项
Safari 浏览器对于 `new Date(dateString)` 中的 `dateString` 是有格式要求的. Safari支持的时间字符串有 `YYYY-MM-DDTHH:mm:ss`, ...

safari浏览器的一些兼容性问题总结

safari浏览器的一些兼容性问题总结

safari浏览器的一些兼容性问题总结相关推荐

最新文章

热门文章