Desativar todas as folhas de estilo CSS
Dado que a maioria das páginas modernas define todos os estilos em arquivos CSS externos incluídos no <head>
, remover a tag head
removerá efetivamente todos os estilos (exceto os estilos inline explícitos e aqueles definidos por scripts). Clique com o botão direito do mouse em uma página, escolha Inspecionar no menu de contexto e cole na guia Console:
document.head.parentNode.removeChild(document.head);
E aqui está a versão de bookmarklet do código acima, que pode ser colada como o URL de um marcador (alterne a barra de favoritos no Chrome com ⌘ + shift + b no Mac ou ctrl + deslocamento + b no Linux / Windows) :
javascript:(function(){document.head.parentNode.removeChild(document.head);})()
You can also type the code above directly into the address bar but read the note at the end of the answer before you do it..
Remover o <head>
também pode ser feito a partir da aba Elementos dos
NOTE:Removingtheheadtagisabitofabruteforceapproachsinceitwillkillallstyles,javascript,webfonts,etc,andifthepagecontentisrenderedbyjavascriptthenmostlikelyyou'llgetanemptypage.Onthemajorityofsitesitwillprobablygiveyoutheexpectedresults.
Umcasodeusomaisfrequenteéremoveritensespecíficoseirritantesdeumapágina,comocores,margens,iframes,etc.Nessecaso,umdosbookmarkletsaseguirforneceráumcontrolemaisgranular.
Removercores,planosdefundo,margens,preenchimentos,larguras
CrieumfavoritoeadicioneosnippetaseguircomooURL:
javascript:(function(){for(i=0;i<document.styleSheets.length;i++){document.styleSheets.item(i).disabled=true;}all=document.getElementsByTagName('*');for(i=0;i<all.length;i++){el=all[i];el.style.cssText='';el.style.width='';el.style.padding='0px';el.style.margin='2px';el.style.backgroundImage='none';el.style.backgroundColor='#fff';el.style.color='#000';}})()
Agora você pode clicar no seu bookmarklet para limpar o estilo CSS da página atual para algo mais legível.
Note: It is, in fact, possible for a page to have a
<style>
block inside the<body>
tag - the HTML5 standard allows this and most browsers support it. So far this is not common practice, but as web frameworks evolve we might see more 'local style sheets' in the future web.
Se você quiser melhorar a legibilidade, desabilitar todo o CSS pode não fornecer a melhor experiência. Para esses casos, os bookmarklets abaixo podem dar melhores resultados:
Remover cabeçalhos / rodapés sem rolagem (aumenta a área de leitura)
javascript:(function(){var elems=document.body.getElementsByTagName("*");var len=elems.length;for(var i=0;i<len;i++){var pos=window.getComputedStyle(elems[i],null).getPropertyValue('position');if(pos=='fixed'||pos=='sticky'){var el=elems[i];el.parentNode.removeChild(el);}}})()
Remover iframes (mata a maioria dos banners, etc)
javascript:var frames %3D document.getElementsByTagName%28"iframe"%29%3Bfor %28%3Bframes.length%3B%29 %7Bframes%5Bframes.length-1%5D.parentNode.removeChild%28frames%5Bframes.length-1%5D%29%3B%7Dvoid%280%29
Isso também mata a maioria dos vídeos incorporados, widgets de comentários, etc.
Remover todas as imagens (navegação no modo de escritório)
javascript:(function(){function toArray(c){var a,k;a=new Array;for(k=0;k<c.length;++k)a[k]=c[k];return a;}var images,img,altText;images=toArray(document.images);for(var i=0;i<images.length;++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,img)}var alle=document.getElementsByTagName("*");for(var i=0,max=alle.length;i<max;i++){alle[i].style.backgroundImage='none';}})();
Note: this one needs to be used in combination with Remove iframes above, since most banner images are typically inside iframes and this bookmarklet only works with the top-level document.
Os bookmarklets também podem ser usados em sites que não exibem conteúdo quando são usados bloqueadores de anúncios.
Você pode usar o Bookmarklet Builder para desimpedir o código (o botão Format ), edite-o para atender às suas necessidades e diminua-o (o botão Compactar ) para algo que você pode colar como o URL do marcador.
The bookmarklets listed above will also work on most mobile web browsers on both iOS and Android. Mobile browsers won't run javascript from the address bar, but you can add a bookmark, paste the js code as the URL, set a label, e.g.
clean
, and then run it by tapping the item in the bookmarks menu (for IOS safari) or typingclean
in the address bar and then tapping the corresponding bookmark in the autosuggest dropdown. This can improve readability for pages that have no reading mode.NOTE: If you copy and paste the bookmarklets above directly into the address bar you'll notice that browsers remove the
javascript:
prefix — this is a browser security feature, so if you want to test the bookmarklets directly from the address bar, then you'll need to prependjavascript:
manually before the js code.
Extensões do Chrome
Se você estiver procurando por uma extensão do Google Chrome, haverá uMatrix onde você pode clique na coluna CSS para desativar todos os CSS e estilos, e Desenvolvedor da Web onde, sob a guia CSS, você tem uma opção Desativar todos os estilos .