臉書按鈕在Firefox和Chrome上的呈現方式不同

Question

當使用社交媒體「小部件」，更具體地說是Facebook Like按鈕時，結果不一致。它在不同的瀏覽器上顯示不同。

我試圖使用這兩個小部件的「大」版本。 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> 

結果

火狐（50.1.0 Linux的）：

鉻（51.0.2704.103俄羅斯的Fedora 64位）：

Answer 1

Facebook已經爲登錄用戶和未登錄用戶推出了新的更新。這就是爲什麼你看到不同的按鈕。雖然改變這是不可能的，但我想到的另一件事是明確地改變默認值並覆蓋CSS又名CSS重置。

默認：https://developers.facebook.com/docs/plugins/share-button/

而且這樣的： Why jquery ui button looks different in Firefox and Chrome

Answer 2

他們不是在不同的瀏覽器不同的顯示，他們在不同的顯示如果用戶沒有在登錄（你可能會記錄在Chrome瀏覽器中，這就是發生這種情況的原因）。

由於某些原因，當用戶登錄時，Facebook的按鈕現在使用了不同的樣式。整個事情是解決此輸入：

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

It's not a configurable feature，因爲他們去，他們剛剛發佈的東西。 :)