twitter-new-layout.md

Twitter 公式 Web ホームタイムライン新レイアウト

画像ツイートの画像までの構造

html
 body
  div#react-root
   h2
   div
    header
    main
     div
      div
       div
        div  // タイムライン
         a    // ツイートする
         div  // ツイートたち
          div
           section[role="region"]
            h3
            div[area-label="タイムライン: ホームタイムライン"]
             div
              div
               div  // ツイートいっこ
                div
                 div
                  article[role="article"]
                   div
                    div  // アイコン
                    div  // その他
                     div  // コンテンツ(アクション以外)
                      div  // アカウント名とか
                       ...
                      div  // 本文
                       ...
                      div  // 画像たち
                       div
                        div
                         div
                          div
                           div  // padding-bottomのみ
                           div  // 画像たち
                            div  // 2枚～で存在
                             div  // 4枚～で存在
                              a    // 画像1枚目
                               div
                                div[aria-label="画像"]
                                 div  // 見えているサムネイル(backgroud-imageでsmallが指定されている)
                                 img  // 見えないサムネイル(上のと同じ画像でopacity:0)
                              a    // 画像2枚目
                               ...  // 1枚目と同じ
                             div  // 3枚～で存在
                              ...  // 1,2枚目と同じ
                     div[aria-label="ツイートアクション"][role="group"]
                      div  // reply
                       ...
                      div  // RT
                       ...
                      div  // like
                       ...
                      div  // share
                       ...
                      div  // なにもないが置かれている クラス名とかあたってるし拡張機能は画像ツイートを見つけられてないので関係ない
                      // ボタン予定地