I’m having a problem when opening twitter.com. This has happened several times over the month.
I was visiting this url:
https://twitter.com/SamSchmir/lists/chatbots-on-twitter?lang=es
When I entered in that URL, I got a blank page with a “Continue” link.
Here is the HTML that I got from the dev tools / inspector
<html lang="en"><head>
<meta charset="utf-8">
<title>Twitter</title>
<style>
body {
background-color: #ffffff;
}
.link {
color: #1da1f2;
font-family: sans-serif;
}
</style>
<style type="text/css">.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
</style><style type="text/css">/**
* Dialog
*/
.close-modal-background-target {
width: 100%;
}
#filter-dialog-container.modal-container {
overflow-x: visible !important;
overflow-y: visible !important;
}
#filter-dialog .modal-header {
padding: 15px 15px 14px;
border-bottom: 1px solid #e8e8e8;
height: 18px;
background-color: #eee;
}
#filter-dialog .modal-close {
right: 10px;
top: 13px;
}
#filter-dialog .modal-footer {
background-color: #eee;
}
#filter-dialog fieldset {
margin: 10px 0px;
width: 490px !important;
}
#filter-dialog fieldset .btn {
font-weight: normal;
}
#filter-dialog fieldset input[type="text"] {
width: 12em;
}
#filter-dialog fieldset input[type="text"] {
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}
#filter-dialog fieldset input[type="text"] {
border: 1px solid #AAA;
padding: 4px 2px;
}
#filter-dialog .checkbox {
display: block;
margin-top: 15px;
margin-left: 3px;
}
#filter-dialog .checkbox input {
margin-right: 5px;
}
.btn.filter-list-label {
float:left;
margin-bottom: 2px;
}
div.filter-list-label {
padding-top: 7px;
}
.filter-terms-list, .filter-users-list {
width: 455px !important;
}
#filter-dialog .modal-footer {
padding-top: 10px;
height: 25px;
}
.modal-footer .filter-dialog-footer-left {
left: 10px;
float: left;
}
.modal-footer .filter-dialog-footer-right {
right: 10px;
float: right;
}
a.filter-bookmarklet {
cursor: move;
border: 1px outset #ddd;
padding: 2px;
background: #ddd;
font-size: 11px;
color: #000 !important;
margin-right: 110px;
}
.es a.filter-bookmarklet {
margin-right: 80px;
}
a.filter-bookmarklet {
margin-right: 90px;
}
.es a.filter-bookmarklet {
margin-right: 55px;
}
</style><style type="text/css">.pocketIcon_2xxa4gxF {
display: inline-block;
fill: currentColor;
height: 16px;
vertical-align: bottom;
width: 16px; }
.pocketIcon_2xxa4gxF:hover,
.saved_2GV_pFbZ .pocketIcon_2xxa4gxF {
fill: #ef4056; }
</style></head>
<body>
<center><a href="/SamSchmir/lists/chatbots-on-twitter?lang=es" class="link">Continuar</a></center>
<div class="twttr-dialog-overlay"></div></body></html>
Here is an screenshot of the website:
I’m not the only one who suffers this:
I don’t think it’s related with chrome extensions.
Thank you.
