如何实现facebook新页面链接ui视图?

如何实现facebook新页面链接ui视图?,facebook,hyperlink,android-viewpager,Facebook,Hyperlink,Android Viewpager,我有我的“.com”网页和一个“facebook网页”。当从我的“facebook页面”共享链接时,有人在手机中打开链接,它会打开chrome bwoser并显示内容 但是,我注意到,当打开其他facebooks页面时,有些链接只从右向左滑动并显示内容 我曾试图寻找它,但对如何实现我的页面相同的效果,但我没有发现什么 有人能给我指出正确的方向吗?教程、文档或有关它的任何信息 下面的示例演示了即时文章的高级结构。有关每个元素的更多详细信息,请参阅本文档元素部分中的具体细节 <!doctype

我有我的“.com”网页和一个“facebook网页”。当从我的“facebook页面”共享链接时,有人在手机中打开链接,它会打开chrome bwoser并显示内容

但是,我注意到,当打开其他facebooks页面时,有些链接只从右向左滑动并显示内容

我曾试图寻找它,但对如何实现我的页面相同的效果,但我没有发现什么


有人能给我指出正确的方向吗?教程、文档或有关它的任何信息

下面的示例演示了即时文章的高级结构。有关每个元素的更多详细信息,请参阅本文档元素部分中的具体细节

<!doctype html>
<html lang="en" prefix="op: http://media.facebook.com/op#">
  <head>
    <meta charset="utf-8">
    <link rel="canonical" href="http://example.com/article.html">
    <meta property="op:markup_version" content="v1.0">
  </head>
  <body>
    <article>
      <header>
        <!-- The title and subtitle shown in your Instant Article -->
        <h1>Article Title</h1>
        <h2>Article Subtitle</h2>

        <!-- The date and time when your article was originally published -->
        <time class="op-published" datetime="2014-11-11T04:44:16Z">November 11th, 4:44 PM</time>

        <!-- The date and time when your article was last updated -->
        <time class="op-modified" dateTime="2014-12-11T04:44:16Z">December 11th, 4:44 PM</time>

        <!-- The authors of your article -->
        <address>
          <a rel="facebook" href="http://facebook.com/brandon.diamond">Brandon Diamond</a>
          Brandon is an avid zombie hunter.
        </address>
        <address>
          <a>TR Vishwanath</a>
          Vish is a scholar and a gentleman.
        </address>

        <!-- The cover image shown inside your article --> 
        <figure>
          <img src="http://example.com/path/to/img.jpg" />
          <figcaption>This image is amazing</figcaption>
        </figure>   

        <!-- A kicker for your article --> 
        <h3 class="op-kicker">
          This is a kicker
        </h3>

      </header>

      <!-- Article body goes here -->

      <!-- Body text for your article -->
      <p> Article content </p> 

      <!-- A video within your article -->
      <figure>
        <video>
          <source src="http://example.com/path/to/video.mp4" type="video/mp4" />
        </video>
      </figure>

      <!-- An ad within your article -->
      <figure class="op-ad">
        <iframe src="https://www.adserver.com/ss;adtype=banner320x50" height="60" width="320"></iframe>
      </figure>

      <!-- Analytics code for your article -->
      <figure class="op-tracker">
          <iframe src="" hidden></iframe>
      </figure>
  <footer>
    <!-- Credits for your article -->
    <aside>Acknowledgements</aside>

    <!-- Copyright details for your article -->
    <small>Legal notes</small>
  </footer>
</article>

布兰登是一个狂热的僵尸猎人。