javascript - Image src 在 Firefox 中无法使用 .replace()

Question

我有一个灯箱，它正在获取另一个 div 的背景图像，然后剥离 url() ，然后将链接放入一个可以在除 Firefox 之外的所有浏览器中工作的链接，但无法弄清楚为什么会发生这种情况，在 Firefox 中，对我来说，它在破坏链接的 src 中的“”周围添加了“”。

_getImagePath: function($el) {
    var imagePath,
        spanEl = $el.find('span.js-cell-image-background'),
        imgEl = $el.find('img.cell-image__image');
    if(spanEl.length) {
      imagePath = spanEl.css('backgroundImage');
      imagePath = imagePath.replace('url(', '').replace(')', '');
    } else if(imgEl.length) {
      imagePath = imgEl.attr('src');
    }

    return imagePath;

  },

Answer 1

像删除括号一样删除“”:

imagePath = imagePath.replace('url(', '')
                     .replace(')', '')
                     .replace(/^"/, '')
                     .replace(/"$/, '')

或一个:

imagePath = imagePath.replace(/^url\(\"?/, '').replace(/\"?\)$/, '')

如您所见，backgroundImage 属性取决于浏览器。例如，我有一个站点，在 3x 浏览器中打开，打开控制台并输入:

$(".icon-home").css("backgroundImage")

Chrome :

"url(http://..url../images/home.png)"

火狐:

"url("http://..url../images/home.png")"

IE10:

"url("http://..url../images/home.png")"