0

想在我的网站上添加简单的 facebook “like” 模块。我使用从 facebook 开发者网站生成的代码在打开 body 标签后添加了这个:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

稍后在页面内:

<div class="fb-like" data-href="my site url here" data-send="false" data-width="550" data-show-faces="false"></div>

它似乎工作正常,除了这段代码给了我许多我在萤火虫中看到的 css/js 警告,例如:

unknown property „-moz-border-radius”, unknown property: "moz-outline-style.3",[],function(a,b,c,d,e,f){(function(){var g={}.toString,h,i,j,k=e.exports={},l...

有很多这样的错误。

你知道如何解决这个问题吗?整个页面似乎工作正常,但我不喜欢在我的页面上出现此类问题。我也在这个页面内使用 jquery,所以也许这会导致一些问题?

4

1 回答 1

1

您遇到的这些错误是因为有一些 CSS 属性需要以一种以上的形式定义,以便最大限度地与不同浏览器兼容。

这些对标准声明的补充称为供应商前缀。有关更多信息,您可能想看看这篇文章:小链接

例如,采用以下 CSS:

.roundcorners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

-moz-border-radius用于旧版本的 Firefox,新版本支持border-radius. -webkit-border-radius适用于基于 WebKit 的浏览器(Chrome、Safari)。

换句话说,只要您希望赞按钮在大多数现代浏览器中工作,就无法避免出现这些错误。

注意:当浏览器看到未知属性/规则时,它会忽略声明,因此只要您的规则排序正确,那么这是无害的。

于 2012-09-08T08:52:19.400 回答