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');


然后再在业务逻辑中处理即可。

改完后再次运行程序,就正常了。

 

posted @ 2024-02-18 16:54  Tommy_marc  阅读(297)  评论(0编辑  收藏  举报