css - 不匹配 URL 无效

Question

我有一个 CSS 文件，我想在我的正则表达式编辑器中提取所有 URL，方法是用空字符替换我的 CSS 文件中的任何其他字符。

css 文件，看起来像这样:

@font-face {
    font-family: 'font_name';
    src: url('http://my-site.ext/path/to/font/proximanova-light-webfont.eot');
    src: url('http://my-site.ext/path/to/font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('http://my-site.ext/path/to/font/proximanova-light-webfont.woff') format('woff'),url('http://my-site.ext/path/to/font/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

并且我使用以下正则表达式替换文件内容的其余部分:

(?!(http[^\']+)).

但不起作用。

我喜欢的最终结果是这样的:

http://my-site.ext/path/to/font/proximanova-light-webfont.eot
http://my-site.ext/path/to/font/proximanova-light-webfont.eot?#iefix
http://my-site.ext/path/to/font/proximanova-light-webfont.woff
http://my-site.ext/path/to/font/proximanova-light-webfont.ttf

这个模式有什么问题吗？

Answer 1

这是一个适用于 regex101 以及其他在线工具的解决方案。

使用这个正则表达式(我为 regex101 转义了正斜杠):

搜索:

http[^\']+(*SKIP)(*F)|.

替换:空字符串

在the demo , 查看底部 Pane (替换)。复制、粘贴，您就有了链接。

工作原理

交替的左侧 | 匹配完整的 urls 然后故意失败，之后引擎跳到字符串中的下一个位置。右侧匹配一个字符，它将被空字符串替换。这听起来可能很费力，但这是我所知道的最有效的方法。

如果您想保留空格和换行符，请改用它:

http[^\']+(*SKIP)(*F)|\S