这个Facebook提要对话框是如何实现的；“分享”；URL是否使用官方FB弹出窗口？

当您向下滚动时，会在页面顶部显示：

当你点击它时，你会看到官方的Facebook共享对话框弹出窗口。到现在为止，一直都还不错。现在，这里是按钮的一个简化的向上HTML代码片段：

<a data-url="https://www.facebook.com/dialog/feed?
   app_id=153163221468956
   &display=popup
   &link=URL_TO_SHARE
   &picture=http%3A%2F%2Fsampleimage.jpg
   &redirect_uri=http%3A%2F%2Fwww.upworthy.com%2Ffb-share"
   target="_new" rel="share_popup">

   <span class="text-node"><svg class="icon facebook"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ico-facebook"></use></svg><span class="preface">Share on</span> Facebook</span>

</a>

---

这个

a

元素甚至没有

href

属性，这一事实应该会让你怀疑他们可能在使用JavaScript……而禁用JavaScript后不会再发生任何事情的事实证明了这一点

URL\u TO\u SHARE

很可能被用作一个简单的占位符，在它打开一个带有该地址的弹出窗口之前，该占位符会被该JavaScript所取代……啊，是的。。。他们是否使用Facebook JS库来实现这一点？我在Facebook的文档中找不到任何相关信息。

<a href='https://www.facebook.com/dialog/feed?
  app_id=145634995501895
  &display=popup&caption=An%20example%20caption 
  &link=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
  &redirect_uri=https://developers.facebook.com/tools/explorer'>

  <img src='http://faculty.orangecoastcollege.edu/sgilbert/book/10-5-ButtonsAndAction-B/images/button.png'>

</a>