记一次safari浏览器正则表达式兼容问题

发现问题

在开发过程中难免会使用正则表达式来匹配或替换一些文本（字符串），原本以为在不同的浏览器，正则表达式是一样的。然而在实际开发测试中却遇到了问题。

一般正则表达式使用的谷歌浏览器，火狐浏览器都正常，而在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');

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

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

END

---

如有问题请在下方留言。

或关注我的公众号“孙三苗”，输入“联系方式”。获得进一步帮助。