5
У меня возникают непоследовательные результаты при использовании «виджетов» в социальных сетях, а более конкретно кнопка Facebook Like. Он показан по-разному в разных браузерах.Кнопка Facebook отображается по-разному на Firefox vs Chrome
Я пытаюсь использовать «большую» версию обоих виджетов. В то время как Chromium может отображать большие и малые версии виджета twitter без каких-либо проблем, появляется совершенно другая кнопка в facebook.
На первый взгляд это не похоже на проблему с рендерингом, поскольку, по-видимому, facebook использует разные исходные активы для виджета - замечает белый «f» и счетчик баллонов.
Что вызывает это и как я могу его решить?
Код
<span class="fb-like"
data-size="large"
data-href="http://www.google.com"
data-layout="button_count"
data-action="like"
data-show-faces="false"
data-share="false"></span>
<a href="https://twitter.com/share"
class="twitter-share-button"
data-size="large"
data-text="TEXT"
data-url="http://www.google.com"
data-via="username"
data-related="username"
data-lang="pt"
data-show-count="false"></a>
<br>
<span class="fb-like"
data-size="small"
data-href="http://www.google.com"
data-layout="button_count"
data-action="like"
data-show-faces="false"
data-share="false"></span>
<a href="https://twitter.com/share"
class="twitter-share-button"
data-size="small"
data-text="TEXT"
data-url="http://www.google.com"
data-via="username"
data-related="username"
data-lang="pt"
data-show-count="false"></a>
<script type='text/javascript' src='//platform.twitter.com/widgets.js?ver=4.6.1'></script>
<script type='text/javascript' src='//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.8'></script>
Результат
Firefox (50.1.0 Linux):
Хром (51.0.2704.103 Русский Fedora 64-разрядная версия):
Используйте атрибут 'layout' вместо атрибута' data-layout'. (Просто попробуйте) –