फेसबुक बटन बनाम क्रोम

Question

मैं जब सामाजिक मीडिया "विजेट", और अधिक विशेष बटन फेसबुक की तरह का उपयोग कर असंगत परिणाम हो रही है Firefox पर भिन्न रूप से प्रस्तुत। यह विभिन्न ब्राउज़रों पर अलग दिखाया गया है।

मैं दोनों विजेट की "बड़ी" संस्करण का उपयोग करने की कोशिश कर रहा हूँ। जबकि क्रोमियम बिना किसी समस्या के ट्विटर विजेट के बड़े और छोटे संस्करण प्रदर्शित कर सकता है, एक बहुत अलग फेसबुक बटन दिखाता है।

एक पहली नज़र में, यह के रूप में जाहिरा तौर पर फेसबुक विजेट के लिए विभिन्न स्रोत संपत्ति उपयोग कर रहा है, एक प्रतिपादन मुद्दा हो प्रतीत नहीं होता है - नोटिस सफेद "f" और baloon काउंटर।

यह क्या पैदा और मैं इसे कैसे हल कर सकते हैं?

कोड

<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> 

परिणाम

फ़ायरफ़ॉक्स (50.1.0 लिनक्स):

क्रोमियम (51.0.2704.103 रूस फेडोरा 64-बिट):

Answer 1

फेसबुक ने लॉग इन उपयोगकर्ताओं के लिए नए अपडेट किए हैं और उपयोगकर्ताओं में लॉग इन नहीं किया है। यही कारण है कि आप अलग-अलग बटन देख रहे हैं। जबकि यह असंभव हो रहा है, मेरे दिमाग में एक और चीज स्पष्ट रूप से डिफ़ॉल्ट मान बदल रही है और सीएसएस उर्फ ​​सीएसएस रीसेट को ओवरराइड कर रही है।

डिफ़ॉल्ट: https://developers.facebook.com/docs/plugins/share-button/

इसके अलावा इस: Why jquery ui button looks different in Firefox and Chrome

Answer 2

वे विभिन्न ब्राउज़रों पर अलग ढंग से नहीं दिखाए जाते, वे अलग तरह से यदि उपयोगकर्ता प्रवेश न होने पर (दिखाए जाने पर आप शायद लॉग इन होते हैं क्रोम ब्राउज़र में, यही कारण है कि यह होता है)।

किसी कारण से, फेसबुक अब अपने बटन के लिए विभिन्न शैलियों का उपयोग कर रहा है जब उपयोगकर्ता में हो या ना किया गया है। और पूरी बात इस इनपुट के आसपास है:

<input type="hidden" autocomplete="off" name="new_ui" value="true"> 

It's not a configurable feature, वे तो बस के रूप में वे जाना चीजों को छोड़ दें। :)