Facebook DOM

Jump to bottom Edit New page

wildsky edited this page Nov 21, 2017 · 4 revisions

主頁

single post
- '._5pcp._5lel': 發文的時間
- '._5vsi': 互動按鈕 (按讚、留言、分享)
- '.UFICommentContentBlock': 留言的區塊

XXX 有連結的留言
XXX 轉貼自 XXX
XXX 分享了 1 條連結

DOM Tree

div[role=”article”]
  div.uiStreamAttachments .fbMainStreamAttachment
    ...
      a.shareText ==> linkHref
      ...
        div.uiAttachmentTitle ==> titleText
        div.uiAttachmentDesc
  form
    span.uiStreamFooter
      span.UIActionLinks ==> actionbar

XXX 和其他 2 個朋友分享了 1 條連結。

DOM Tree

div[role=”article”]
  div.uiStreamAttachments .fbMainStreamAttachment
    ...
      a.shareText ==> linkHref
      ...
        div.uiAttachmentTitle ==> titleText
        div.uiAttachmentDesc  
    ...
      ul.uiStreamActionFooter
        li ==> actionbar

XXX 說 1 條連結讚。
XXX 在他自己的連結上留言

DOM Tree

div[role=”article”]
  ...
    div.storyInnerContent
      [SAME AS 有連結的留言 ]

單一連結

div[role=”article”]
  div.uiStreamAttachments .fbMainStreamAttachment
    ...
      a.shareText ==> linkHref
      ...
        div.uiAttachmentTitle ==> titleText
        div.uiAttachmentDesc
  div.uiCommentContainer
    span.UIActionLinks

粉絲頁

留言有連結

DOM Tree

div[role=”article”]
  div.shareUnit
    div.uiStreamAttachments
      ...
        div.uiAttachmentTitle ==> titleText
          a ==> linkHref
        div.uiAttachmentDesc
div.uiCommentContainer
  ...
    span.UIActionLinks

留言的留言有連結

DOM Tree

li.fbTimelineUnit
  ...
    div[role=”article”]
    div.uiCommentContainer
      ...
        div.uiStreamAttachments
          ...
            div.uiAttachmentTitle ==> titleText
              a ==> linkHref
            div.uiAttachmentDesc

新聞小幫手測試專用分享了 1 條連結。

DOM Tree

div[role=”article”]
  div.shareUnit
    a ==> linkHref
      ...
        div.fwb ==>titleText
div.uiCommentContainer
  ...
    span.UIActionLinks