為什么沒有服務器時Addthis共享按鈕不起作用？

Question

這是我的Addthis代碼：

 <script type="text/javascript" src="addthis_widget.js"></script>
 <script type="text/javascript">
      var addthis_config = {
           services_expanded: 'facebook, twitter'
 }
 </script>

 <a addthis:services_compact="facebook,twitter" addthis:services_expanded="facebook,twitter" addthis:url="#" class="addthis_button" href="#"><img id="btn_share" name="btn_share" style="cursor:pointer;" src="path to image" alt="Share" /></a>

如果我將這個Addthis代碼放在簡單的HTML文件中，並嘗試在任何服務器上運行，例如，在我的情況下，我正在使用Apache。 並嘗試通過localhost / myaddthis.html從瀏覽器運行，但效果不佳（顯示適當的彈出窗口以共享指向Facebook和Twitter的特定鏈接）。

但是問題是：當我嘗試直接在瀏覽器中運行簡單的html文件時，它僅顯示圖像，而沒有顯示正確的addthis共享彈出窗口。

這只是一個簡單的.HTML文件（該文件內沒有服務器端代碼），而不是為什么沒有服務器就無法運行的原因。

我想在沒有服務器的情況下使用此代碼。 我該怎么做？

Answer 1

您可能是通過將它們作為本地文件打開而不是從Web服務器加載它們來查看頁面的。 因此，瀏覽器中的頁面URL不是以http：//開頭，而是以C：\\或file：//開頭。

這里的2007-06-18按鈕是什么通過HTTP進行觀察時，如：// - http://i.imgur.com/IDGUD.png

這是使用file：//查看的同一文件： http : //i.imgur.com/gpCco.png

當前，我們在代碼中使用的是無協議URL，即以//而不是http：//或https：//開頭的URL，以確保我們的SSL實現是相互兼容的，而無需進行額外的工作。 但是，如果您使用file：//協議加載測試頁，則會導致CSS和其他JavaScript文件無法加載，因為它是在本地計算機而不是我們的Web服務器上查找它們。

我已經向開發人員提交了一張票，以解決此問題，以便人們使用他們的文件系統而不是Web服務器來預覽頁面，但是在他們實現該功能之前，您應該了解如果使用文件，按鈕將不會顯示： //協議或使用網絡服務器以測試您的網站在瀏覽器中的顯示方式。

Answer 2

我相信這是正常的，因為AddThis是在社交網站上共享內容。 如果您不在服務器上，則無法共享內容，因為它是本地文件。

它可能在addThis代碼內部，以檢查服務器。 如果不是服務器，則不必共享。

如果您問我，這是常識，但我可能是錯的。

Answer 3

Addthis將檢查當前網址http://localhost/etc. 是有效位置，但file://path/to/yourfile.html不是。