safari浏览器正则表达式兼容问题
发现问题
解决问题
1、正则格式不对
2、IOS,MAC不支持零宽断言
发现问题
在开发过程中难免会使用正则表达式来匹配或替换一些文本(字符串),原本以为在不同的浏览器,正则表达式是一样的。然而在实际开发测试中却遇到了问题。
一般正则表达式使用的谷歌浏览器,火狐浏览器都正常,而在safari浏览器会莫名的报错:
SyntaxError: Invalid regular expression: invalid group specifier name
意思就是,正则表达式无效:组说明符名称无效。
当初所用表达式如下:
let preg = /(?<=>)(.|\s)*?(?=<\/?\w+[^<]*>)/g;
这也是一般的写法。
解决问题
报出这个错误的原因有两点:
1、正则格式不对
尝试修改,首先改变正则的写法,如下:
let preg = new RegExp("(?<=>)(.|\\s)*?(?=<\\/?\\w+[^<]*>)", 'g');
执行后还是会报相同的错误:
2、IOS,MAC不支持零宽断言
那什么是零宽断言?
用于查找在某些内容(但并不包括这些内容)之前或之后的东西,也就是说它们像\b,^,$那样用于指定一个位置,这个位置应该满足一定的条件(即断言),因此它们也被称为零宽断言。最好还是拿例子来说明吧: 断言用来声明一个应该为真的事实。正则表达式中只有当断言为真时才会继续进行匹配。
正则零宽断言,一共4种 1、(?=xxx) 例:\b\w+(?=ing\b),匹配以ing结尾的单词的前面部分 2、(?<=xxx) 例:(?<=\bre)\w+\b会匹配以re开头的单词的后半部分 3、(?!xxx) 例:\d{3}(?!\d)匹配三位数字,而且这三位数字的后面不能是数字 4、(?<!xxx) 例:(?<![a-z])\d{7}匹配前面不是小写字母的七位数字
在我上面所书写的正则表达式中,就用到了零宽断言 :?<=> 和 ?=<
尝试再次修改,如下:
let preg = new RegExp("(<\/?[\\w]+[^>]*>)(.[^<]*)?", 'g');
然后再在业务逻辑中处理即可。
改完后再次运行程序,就正常了。