VS Code正则查找替换提取行内CSS background-image链接

提前按Ctrl+H（macOS 按Cmd+Option+F）调出替换面板，点面板上的.*按钮打开正则匹配模式，两次替换就能出结果，不需要写任何代码。

第一步：提取所有目标URL，清除冗余内容 #

• 「查找」输入框填以下正则：

[\s\S]*?background-image:\s*url\("(https?://[^"]+)"\)|[\s\S]+$

• 「替换」输入框填以下内容：

"$1",

• 点击「全部替换」。这一步会自动过滤掉所有无关的CSS属性、JSON结构字符，只保留带双引号的URL，用逗号分隔，最后会多出来一段空引号加逗号的冗余后缀。

第二步：整理为标准数组格式 #

• 「查找」输入框替换为以下正则：

^(.*),"",$

• 「替换」输入框填以下内容：

[$1]

• 点击「全部替换」，就能直接得到你需要的标准URL字符串数组。

匹配说明 #

这个正则不受其他CSS规则影响，不管background-image前后写了多少calc计算值、其他定位/尺寸属性，也不管属性顺序怎么调整，只要是background-image: url("双引号包裹的HTTP/HTTPS链接")的标准写法，都能准确提取，完全适配CSV里存储的带转义字符的爬取内容。

内容的提问来源于stack exchange，提问作者codycustard