Visualize an HTML document in a Pandas Dataframe with MultiIndex

In [4]:
import itertools as it
import urllib
from io import BytesIO
In [5]:
from lxml import etree
import pandas as pd
In [6]:
html_parser = etree.HTMLParser()
In [7]:
def get_dom(html):
    return etree.fromstring(html, html_parser)


def get_indexed_data(dom):
    *index, data = zip(
        *it.chain(
            *filter(
                lambda x: x,
                (
                    [[element.tag, k, v] for k, v in element.attrib.items()]
                    for element in dom.iterdescendants()
                ),
            )
        )
    )
    index = pd.MultiIndex.from_tuples(
        list(zip(*index)), names=["tag name", "attribute"]
    )
    return pd.DataFrame(list(data), columns=["value"], index=index)
In [8]:
def get_df_from(url):
    with urllib.request.urlopen(url) as fh:
        b = BytesIO(fh.read())
    b.seek(0)
    return get_indexed_data(get_dom(b.read().decode("utf-8")))

Jupyter notebook styling right aligns cells. Force left align.

In [2]:
%%html

<style>
   table {border-collapse:collapse; table-layout:fixed; width:auto;}
   table td {border:solid 1px #fab; width:110px; word-wrap:break-word; text-align:left !important;}
   table th {text-align:left !important;}
</style>
In [10]:
if __name__ == "__main__":
    from IPython.display import display, HTML

    display(HTML(get_df_from("https://twitter.com/").to_html()))
value
tag name attribute
meta charset utf-8
script nonce 5qzYbeENFBjkM6bQn6jGIA==
id bouncer_terminate_iframe
nonce 5qzYbeENFBjkM6bQn6jGIA==
id resolve_inline_redirects
nonce 5qzYbeENFBjkM6bQn6jGIA==
id swift_action_queue
nonce 5qzYbeENFBjkM6bQn6jGIA==
id composition_state
nonce 5qzYbeENFBjkM6bQn6jGIA==
link rel stylesheet
href https://abs.twimg.com/a/1571872955/css/t1/twit...
class coreCSSBundles
rel stylesheet
class moreCSSBundles
href https://abs.twimg.com/a/1571872955/css/t1/twit...
rel stylesheet
class moreCSSBundles
href https://abs.twimg.com/a/1571872955/css/t1/twit...
rel dns-prefetch
href https://pbs.twimg.com
rel dns-prefetch
href https://t.co
rel preload
href https://abs.twimg.com/k/en/init.en.3e84071c3bc...
as script
rel preload
href https://abs.twimg.com/k/en/0.commons.en.06a750...
as script
meta name robots
content NOODP
name description
content From breaking news and entertainment to sports...
name msapplication-TileImage
content //abs.twimg.com/favicons/win8-tile-144.png
name msapplication-TileColor
content #00aced
link rel mask-icon
sizes any
href https://abs.twimg.com/a/1571872955/icons/favic...
color #1da1f2
rel shortcut icon
href //abs.twimg.com/favicons/favicon.ico
type image/x-icon
rel apple-touch-icon
href https://abs.twimg.com/icons/apple-touch-icon-1...
sizes 192x192
rel manifest
href /manifest.json
meta name swift-page-name
id swift-page-name
content front
name swift-page-section
id swift-section-name
content front
link rel canonical
href https://twitter.com/
rel alternate
hreflang x-default
href https://twitter.com/
rel alternate
hreflang fr
href https://twitter.com/?lang=fr
rel alternate
hreflang en
href https://twitter.com/?lang=en
rel alternate
hreflang ar
href https://twitter.com/?lang=ar
rel alternate
hreflang ja
href https://twitter.com/?lang=ja
rel alternate
hreflang es
href https://twitter.com/?lang=es
rel alternate
hreflang de
href https://twitter.com/?lang=de
rel alternate
hreflang it
href https://twitter.com/?lang=it
rel alternate
hreflang id
href https://twitter.com/?lang=id
rel alternate
hreflang pt
href https://twitter.com/?lang=pt
rel alternate
hreflang ko
href https://twitter.com/?lang=ko
rel alternate
hreflang tr
href https://twitter.com/?lang=tr
rel alternate
hreflang ru
href https://twitter.com/?lang=ru
rel alternate
hreflang nl
href https://twitter.com/?lang=nl
rel alternate
hreflang fil
href https://twitter.com/?lang=fil
rel alternate
hreflang ms
href https://twitter.com/?lang=ms
rel alternate
hreflang zh-tw
href https://twitter.com/?lang=zh-tw
rel alternate
hreflang zh-cn
href https://twitter.com/?lang=zh-cn
rel alternate
hreflang hi
href https://twitter.com/?lang=hi
rel alternate
hreflang no
href https://twitter.com/?lang=no
rel alternate
hreflang sv
href https://twitter.com/?lang=sv
rel alternate
hreflang fi
href https://twitter.com/?lang=fi
rel alternate
hreflang da
href https://twitter.com/?lang=da
rel alternate
hreflang pl
href https://twitter.com/?lang=pl
rel alternate
hreflang hu
href https://twitter.com/?lang=hu
rel alternate
hreflang fa
href https://twitter.com/?lang=fa
rel alternate
hreflang he
href https://twitter.com/?lang=he
rel alternate
hreflang ur
href https://twitter.com/?lang=ur
rel alternate
hreflang th
href https://twitter.com/?lang=th
rel alternate
hreflang uk
href https://twitter.com/?lang=uk
rel alternate
hreflang ca
href https://twitter.com/?lang=ca
rel alternate
hreflang ga
href https://twitter.com/?lang=ga
rel alternate
hreflang el
href https://twitter.com/?lang=el
rel alternate
hreflang eu
href https://twitter.com/?lang=eu
rel alternate
hreflang cs
href https://twitter.com/?lang=cs
rel alternate
hreflang gl
href https://twitter.com/?lang=gl
rel alternate
hreflang ro
href https://twitter.com/?lang=ro
rel alternate
hreflang hr
href https://twitter.com/?lang=hr
rel alternate
hreflang en-gb
href https://twitter.com/?lang=en-gb
rel alternate
hreflang vi
href https://twitter.com/?lang=vi
rel alternate
hreflang bn
href https://twitter.com/?lang=bn
rel alternate
hreflang bg
href https://twitter.com/?lang=bg
rel alternate
hreflang sr
href https://twitter.com/?lang=sr
rel alternate
hreflang sk
href https://twitter.com/?lang=sk
rel alternate
hreflang gu
href https://twitter.com/?lang=gu
rel alternate
hreflang mr
href https://twitter.com/?lang=mr
rel alternate
hreflang ta
href https://twitter.com/?lang=ta
rel alternate
hreflang kn
href https://twitter.com/?lang=kn
rel alternate
media handheld, only screen and (max-width: 640px)
href https://mobile.twitter.com/
rel alternate
href android-app://com.twitter.android/twitter/fron...
rel search
type application/opensearchdescription+xml
href /opensearch.xml
title Twitter
id async-css-placeholder
body class three-col logged-out static-logged-out-home-page
data-fouc-class-names swift-loading no-nav-banners
dir ltr
script id swift_loading_indicator
nonce 5qzYbeENFBjkM6bQn6jGIA==
form action https://mobile.twitter.com/i/nojs_router?path=%2F
method POST
class NoScriptForm
input type hidden
value 84a68ea7047b5f969683265536ec597ebdfd4bb3
name authenticity_token
div class NoScriptForm-content
span class NoScriptForm-logo Icon Icon--logo Icon--extraL...
p class NoScriptForm-buttonContainer
button type submit
class EdgeButton EdgeButton--primary
a href #timeline
class u-hiddenVisually focusable
div id doc
data-at-shortcutkeys {"Enter":"Open Tweet details","o":"Expand phot...
class
class StaticLoggedOutHomePage
class StaticLoggedOutHomePage-content
class StaticLoggedOutHomePage-cell StaticLoggedOutHo...
class StaticLoggedOutHomePage-login
form action https://twitter.com/sessions
class LoginForm js-front-signin
method post
data-component login_callout
data-element form
div class LoginForm-input LoginForm-username
input type text
class text-input email-input js-signin-email
name session[username_or_email]
autocomplete username
placeholder Phone, email, or username
div class LoginForm-input LoginForm-password
input type password
class text-input
name session[password]
placeholder Password
autocomplete current-password
div class LoginForm-staticForgot
a class forgot
href /account/begin_password_reset
rel noopener
input type submit
class EdgeButton EdgeButton--secondary EdgeButton--m...
value Log in
type hidden
name return_to_ssl
value true
type hidden
name scribe_log
type hidden
name redirect_after_login
value /
type hidden
value 84a68ea7047b5f969683265536ec597ebdfd4bb3
name authenticity_token
type hidden
name ui_metrics
autocomplete off
script src /i/js_inst?c_name=ui_metrics
async
div class StaticLoggedOutHomePage-signupBlock
class StaticLoggedOutHomePage-signupHeader
span class Icon Icon--bird
a class StaticLoggedOutHomePage-input StaticLoggedOutH...
href /login
h1 class StaticLoggedOutHomePage-signupTitle
div class StaticLoggedOutHomePage-noSignupForm
h2 class StaticLoggedOutHomePage-signupSubtitle
div class StaticLoggedOutHomePage-buttons
a class js-nav EdgeButton EdgeButton--medium EdgeButto...
href https://twitter.com/signup
class js-nav EdgeButton EdgeButton--medium EdgeButto...
href /login
div class StaticLoggedOutHomePage-cell StaticLoggedOutHo...
<cyfunction ProcessingInstruction at 0x7efced9be3f8> version 1.0
encoding UTF-8
svg class twitterIcon-bird
viewbox 0 0 1208 982
version 1.1
xmlns http://www.w3.org/2000/svg
xmlns:xlink http://www.w3.org/1999/xlink
g id Final-Horizon
stroke none
stroke-width 1
fill none
fill-rule evenodd
id Artboard
transform translate(-286.000000, -117.000000)
fill-rule nonzero
fill #1B95E0
path d M1493.75308,233.195911 C1449.31783,252.922544 ...
id bird
div class StaticLoggedOutHomePage-communicationContent
class StaticLoggedOutHomePage-communicationItem
span class Icon Icon--search
div class StaticLoggedOutHomePage-communicationItem
span class Icon Icon--people
div class StaticLoggedOutHomePage-communicationItem
span class Icon Icon--reply
div class front-warning
a href http://m.twitter.com
rel noopener
div class front-warning
id front-no-cookies-warn
class StreamsFooter StreamsFooter--fixed
ul class StreamsFooter-list u-cf
li class StreamsFooter-item
a href /about
rel noopener
li class StreamsFooter-item
a href //support.twitter.com
rel noopener
li class StreamsFooter-item
a href https://blog.twitter.com
rel noopener
li class StreamsFooter-item
a href http://status.twitter.com
rel noopener
li class StreamsFooter-item
a href https://about.twitter.com/careers
rel noopener
li class StreamsFooter-item
a href /tos
rel noopener
li class StreamsFooter-item
a href /privacy
rel noopener
li class StreamsFooter-item
a href //support.twitter.com/articles/20170514
rel noopener
li class StreamsFooter-item
a href //business.twitter.com/en/help/troubleshooting...
rel noopener
li class StreamsFooter-item
a href //about.twitter.com/press/brand-assets
rel noopener
li class StreamsFooter-item
a href https://about.twitter.com/products
rel noopener
li class StreamsFooter-item
a href //ads.twitter.com/?ref=gl-tw-tw-twitter-advertise
rel noopener
li class StreamsFooter-item
a href https://marketing.twitter.com
rel noopener
li class StreamsFooter-item
a href https://business.twitter.com
rel noopener
li class StreamsFooter-item
a href //dev.twitter.com
rel noopener
li class StreamsFooter-item
a href /i/directory/profiles
rel noopener
li class StreamsFooter-item
a href /settings/personalization
rel noopener
li class StreamsFooter-item StreamsFooter-copyright
div class alert-messages hidden
id message-drawer
class message
class message-inside
span class message-text
a role button
class Icon Icon--close Icon--medium dismiss
href #
span class visuallyhidden
div class gallery-overlay
class Gallery with-tweet
style class Gallery-styles
div class Gallery-closeTarget
class Gallery-content
class GalleryTweet-newsCameraBadge
button type button
class modal-btn modal-close modal-close-fixed js-close
span class Icon Icon--close Icon--large
class visuallyhidden
div class Gallery-media
class GalleryNav GalleryNav--prev
span class GalleryNav-handle GalleryNav-handle--prev
class Icon Icon--caretLeft Icon--large
class u-hiddenVisually
div class GalleryNav GalleryNav--next
span class GalleryNav-handle GalleryNav-handle--next
class Icon Icon--caretRight Icon--large
class u-hiddenVisually
div class GalleryTweet
class modal-overlay
id profile-hover-container
id goto-user-dialog
class modal-container
class modal modal-small draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class modal-inner
form class t1-form goto-user-form
input class input-block username-input
type text
placeholder Start typing a name to jump to a profile
aria-label User
div role listbox
class dropdown-menu typeahead
aria-hidden true
class dropdown-caret
class caret-outer
class caret-inner
role presentation
class dropdown-inner js-typeahead-results
role presentation
class typeahead-saved-searches
h3 id saved-searches-heading
class typeahead-category-title saved-searches-title
ul role presentation
class typeahead-items saved-searches-list
li role presentation
class typeahead-item typeahead-saved-search-item
span class Icon Icon--close
aria-hidden true
class visuallyhidden
a role option
aria-describedby saved-searches-heading
class js-nav
href
data-search-query
data-query-source
data-ds saved_search
tabindex -1
ul role presentation
class typeahead-items typeahead-topics
li role presentation
class typeahead-item typeahead-topic-item
a role option
class js-nav
href
data-search-query
data-query-source typeahead_click
data-ds topics
tabindex -1
ul role presentation
class typeahead-items typeahead-accounts social-cont...
li role presentation
data-user-id
data-user-screenname
data-remote true
data-score
class typeahead-item typeahead-account-item js-selec...
a role option
class js-nav
data-query-source typeahead_click
data-search-query
data-ds account
div class js-selectable typeahead-in-conversation hidden
span class Icon Icon--follower Icon--small
class typeahead-in-conversation-text
img class avatar size32
alt
span class typeahead-user-item-info account-group
class fullname
class UserBadges
class Icon Icon--verified js-verified hidden
class u-hiddenVisually
class Icon Icon--protected js-protected hidden
class u-hiddenVisually
class UserNameBreak
class username u-dir
dir ltr
class typeahead-social-context
li role presentation
class js-selectable typeahead-accounts-shortcut js-s...
a role option
class js-nav
href
data-search-query
data-query-source typeahead_click
data-shortcut true
data-ds account_search
ul role presentation
class typeahead-items typeahead-trend-locations-list
li role presentation
class typeahead-item typeahead-trend-locations-item
a role option
class js-nav
href
data-ds trend_location
data-search-query
tabindex -1
div role presentation
class typeahead-user-select
role presentation
class typeahead-empty-suggestions
ul role presentation
class typeahead-items typeahead-selected js-typeahea...
li role presentation
data-user-id
data-user-screenname
data-remote true
data-score
class typeahead-item typeahead-selected-item js-sele...
a role option
class js-nav
data-query-source typeahead_click
data-search-query
data-ds account
img class avatar size32
alt
span class typeahead-user-item-info account-group
class select-status deselect-user js-deselect-user I...
class select-status select-disabled Icon Icon--unfollow
class fullname
class UserBadges
class Icon Icon--verified js-verified hidden
class u-hiddenVisually
class Icon Icon--protected js-protected hidden
class u-hiddenVisually
class UserNameBreak
class username u-dir
dir ltr
li role presentation
class typeahead-selected-end
ul role presentation
class typeahead-items typeahead-accounts js-typeahea...
li role presentation
data-user-id
data-user-screenname
data-remote true
data-score
class typeahead-item typeahead-account-item js-selec...
a role option
class js-nav
data-query-source typeahead_click
data-search-query
data-ds account
img class avatar size32
alt
span class typeahead-user-item-info account-group
class select-status deselect-user js-deselect-user I...
class select-status select-disabled Icon Icon--unfollow
class fullname
class UserBadges
class Icon Icon--verified js-verified hidden
class u-hiddenVisually
class Icon Icon--protected js-protected hidden
class u-hiddenVisually
class UserNameBreak
class username u-dir
dir ltr
li role presentation
class typeahead-accounts-end
div role presentation
class typeahead-dm-conversations
ul role presentation
class typeahead-items typeahead-dm-conversation-items
li role presentation
class typeahead-item typeahead-dm-conversation-item
a role option
tabindex -1
div id quick-promote-dialog
class QuickPromoteDialog modal-container
class modal draggable
class modal-content
button type button
class modal-btn modal-close modal-close-fixed js-close
span class Icon Icon--close Icon--large
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class quick-promote-view-container
class media
iframe class quick-promote-iframe js-initial-focus
scrolling no
frameborder 0
src
div id block-user-dialog
class modal-container
class modal draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class tweet-loading
class spinner-bigger
class modal-body modal-tweet
class modal-footer
button class EdgeButton EdgeButton--tertiary cancel-action ...
class EdgeButton EdgeButton--danger block-action
div id geo-disabled-dropdown
tabindex -1
class dropdown-caret
span class caret-outer
class caret-inner
li class geo-not-enabled-yet
a href http://support.twitter.com/forums/26810/entrie...
target _blank
rel noopener
button type button
class geo-turn-on EdgeButton EdgeButton--primary
type button
class geo-not-now EdgeButton EdgeButton--secondary
div id geo-enabled-dropdown
tabindex -1
class dropdown-caret
span class caret-outer
class caret-inner
div class geo-query-location
input class GeoSearch-queryInput
type text
autocomplete off
placeholder Search for a neighborhood or city
span class Icon Icon--search
div class geo-dropdown-status
ul class GeoSearch-dropdownMenu
div id list-membership-dialog
class modal-container
class modal modal-small draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class list-membership-content
span class spinner lists-spinner
title Loading…
div id list-operations-dialog
class modal-container
class modal modal-medium draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class list-editor
class field
label class t1-label
for list-name
input id list-name
type text
class text
name name
value
div class field
label class t1-label
for list-description
textarea id list-description
name description
span class help-text
fieldset class field
legend class t1-legend
div class options
label class t1-label
for list-public-radio
input class radio
type radio
name mode
id list-public-radio
value public
checked checked
label class t1-label
for list-private-radio
input class radio
type radio
name mode
id list-private-radio
value private
div class list-editor-save
button type button
class EdgeButton EdgeButton--secondary update-list-b...
data-list-id
div id activity-popup-dialog
class modal-container
class modal draggable
class modal-content clearfix
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class tweet-loading
class spinner-bigger
class activity-popup-dialog-content modal-tweet clea...
class loading
span class spinner-bigger
div class activity-popup-dialog-users clearfix
class activity-popup-dialog-footer
id copy-link-to-tweet-dialog
class modal-container
class modal modal-medium draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class copy-link-to-tweet-container
label class t1-label
p class copy-link-to-tweet-instructions
textarea class link-to-tweet-destination js-initial-focus u-dir
dir ltr
readonly readonly
div id embed-tweet-dialog
class modal-container
class modal modal-medium draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title embed-tweet-title
class modal-title embed-video-title
div class modal-body
class embed-code-container
p class embed-tweet-instructions
a href https://dev.twitter.com/web/embedded-tweets
target _blank
rel noopener
p class embed-video-instructions
a href https://dev.twitter.com/web/embedded-tweets
target _blank
rel noopener
form class t1-form
div class embed-destination-wrapper
class embed-overlay embed-overlay-spinner
class embed-overlay-content
class embed-overlay embed-overlay-error
p class embed-overlay-content
button type button
class btn-link retry-embed
textarea class embed-destination js-initial-focus
div class embed-options
class embed-include-parent-tweet
label class t1-label
for include-parent-tweet
input type checkbox
id include-parent-tweet
class include-parent-tweet
checked checked
div class embed-include-card
label class t1-label
for include-card
input type checkbox
id include-card
class include-card
checked checked
p class embed-tweet-description
a href https://dev.twitter.com/overview/terms/agreement
rel noopener
href https://dev.twitter.com/overview/terms/policy
rel noopener
h3 class embed-preview-header
div class embed-preview
id why-this-ad-dialog
class modal-container why-this-ad-dialog
class modal modal-large draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title why-this-ad-title
div class why-this-ad-content
class why-this-ad-spinner
class spinner-bigger
iframe id why-this-ad-frame
class hidden
aria-hidden true
scrolling auto
div id login-dialog
class LoginDialog modal-container u-textCenter
class modal modal-large draggable
class LoginDialog-content modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class LoginDialog-body modal-body
class LoginDialog-bird
span class Icon Icon--bird Icon--large
div class LoginDialog-form
form action https://twitter.com/sessions
class LoginForm js-front-signin
method post
data-component dialog
data-element login
div class LoginForm-input LoginForm-username
input type text
class text-input email-input js-signin-email
name session[username_or_email]
autocomplete username
placeholder Phone, email, or username
div class LoginForm-input LoginForm-password
input type password
class text-input
name session[password]
placeholder Password
autocomplete current-password
div class LoginForm-rememberForgot
input type checkbox
value 1
name remember_me
checked checked
span class separator
a class forgot
href /account/begin_password_reset
rel noopener
input type submit
class EdgeButton EdgeButton--primary EdgeButton--med...
value Log in
type hidden
name return_to_ssl
value true
type hidden
name scribe_log
type hidden
name redirect_after_login
value /
type hidden
value 84a68ea7047b5f969683265536ec597ebdfd4bb3
name authenticity_token
type hidden
name ui_metrics
autocomplete off
script src /i/js_inst?c_name=ui_metrics
async
div class LoginDialog-footer modal-footer u-textCenter
a class LoginDialog-signupLink
href https://twitter.com/signup
rel noopener
div id signup-dialog
class SignupDialog modal-container u-textCenter
class modal modal-large draggable
class SignupDialog-content modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class SignupDialog-body modal-body
class SignupDialog-icon
span class Icon Icon--bird Icon--extraLarge
h2 class SignupDialog-heading
div class SignupDialog-form
class signup SignupForm\n
a href https://twitter.com/signup
role button
class EdgeButton EdgeButton--large EdgeButton--prima...
data-component dialog
data-element signup
div class SignupDialog-footer modal-footer u-textCenter
a class SignupDialog-signinLink
href /login
rel noopener
div id sms-codes-dialog
class modal-container
class modal modal-medium draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
table id sms_codes
cellpadding 0
cellspacing 0
td rowspan 2
colspan 3
a class js-initial-focus
target _blank
href http://support.twitter.com/articles/14226-how-...
rel noopener
div id leadgen-confirm-dialog
class modal-container
class modal draggable
class modal-content
button type button
class modal-btn modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class leadgen-card-container
class media
iframe class cards2-promotion-iframe
scrolling no
frameborder 0
src
div class js-macaw-cards-iframe-container
data-card-name promotion
id auth-webview-dialog
class AuthWebViewDialog modal-container
class modal draggable
class modal-content
button type button
class modal-btn modal-close modal-close-fixed js-close
span class Icon Icon--close Icon--large
class visuallyhidden
div class modal-header
h3 class modal-title
div class modal-body
class auth-webview-view-container
class media
iframe class auth-webview-card-iframe js-initial-focus
scrolling no
frameborder 0
width 590px
height 500px
src
div id promptbird-modal-prompt
class modal-container
class modal
button type button
class modal-btn js-promptDismiss modal-close js-close
span class Icon Icon--close Icon--medium
class visuallyhidden
div class modal-content
id ui-walkthrough-dialog
class modal-container UIWalkthrough
class UIWalkthrough-clickBlocker
class modal modal-small
class UIWalkthrough-caret
class modal-content
class modal-body
class UIWalkthrough-header
span class UIWalkthrough-stepProgress
button class UIWalkthrough-skip js-close
div class UIWalkthrough-step UIWalkthrough-step--welcome
h3 class UIWalkthrough-title
span class Icon Icon--home UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--unfollow
h3 class UIWalkthrough-title
span class Icon Icon--smileRating1Fill UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--like
h3 class UIWalkthrough-title
span class Icon Icon--heart UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--retweet
h3 class UIWalkthrough-title
span class Icon Icon--retweet UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--reply
h3 class UIWalkthrough-title
span class Icon Icon--reply UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--trends
h3 class UIWalkthrough-title
span class Icon Icon--discover UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--wtf
h3 class UIWalkthrough-title
span class Icon Icon--follow UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--search
h3 class UIWalkthrough-title
span class Icon Icon--search UIWalkthrough-icon
p class UIWalkthrough-message
div class UIWalkthrough-step UIWalkthrough-step--moments
h3 class UIWalkthrough-title
span class Icon Icon--lightning UIWalkthrough-icon
p class UIWalkthrough-message
div class modal-footer
button class EdgeButton EdgeButton--tertiary u-floatLeft pl...
class EdgeButton EdgeButton--secondary UIWalkthrough...
div id create-custom-timeline-dialog
class modal-container
id edit-custom-timeline-dialog
class modal-container
id curate-dialog
class modal-container
id media-edit-dialog
class modal-container
class PermalinkOverlay PermalinkOverlay-with-backgro...
id permalink-overlay
class PermalinkProfile-dismiss modal-close-fixed
span class Icon Icon--close
button class PermalinkOverlay-next PermalinkOverlay-button ...
type button
span class Icon Icon--caretLeft Icon--large
class u-hiddenVisually
div class PermalinkOverlay-modal
class PermalinkOverlay-spinnerContainer u-hidden
class PermalinkOverlay-spinner
class PermalinkOverlay-content
class PermalinkOverlay-body
class hidden
id hidden-content
iframe aria-hidden true
class tweet-post-iframe
name tweet-post-iframe
aria-hidden true
class dm-post-iframe
name dm-post-iframe
input type hidden
id init-data
class json-data
value {"keyboardShortcuts":[{"name":"Actions","descr...
type hidden
class swift-boot-module
value app/pages/static_lohp
type hidden
id swift-module-path
value https://abs.twimg.com/k/swift/en
script src https://abs.twimg.com/k/en/init.en.3e84071c3bc...
async