Como os sites bloqueiam a seleção de texto e como faço para desbloquear isso?

Question

Existe um site (exemplo) que de alguma forma bloqueia a seleção de texto. Também bloqueia Ctrl+ Apara selecionar tudo, também não há “Copiar” no menu pop-up.

O que eu tentei:

Alguns sites usam JavaScript para bloquear a seleção. Então desabilitei todas as fontes JavaScript no complemento sem script no Firefox. Tentei o mesmo site no Google Chrome com o complemento Script Safe. Certifique-se de que tudo está bloqueado, ainda não é possível selecionar o texto. O ponteiro do mouse continua sendo uma seta e não um cursor de texto em todo o site.

Usado about:configpara desabilitar completamente o JavaScript no Firefox. Ainda sem efeito.

Eu li que alguns sites usam DIVs com o estilo display:block então usei o Inspect para examinar os estilos do site. Não há uma menção a "bloquear" em todo o site, nem no CSS incorporado nem nos atributos style=-object.

O texto não é uma imagem ou flash ou alguma tela HTML5, etc. Tudo está dentro das tags DIV e P, mas não foi encontrado nenhum estilo que possa bloquear a seleção do texto.

Como o site ainda pode bloquear qualquer seleção de texto? Sem mencionar por que os navegadores suportam tais comportamentos. Eu só quero usar uma palavra ou frase selecionada e pesquisar no Google usando o botão direito do mouse. É muito chato quando um site faz essas coisas e me obriga a digitar termos técnicos e nomes manualmente no Google. Isso atrapalha meu fluxo de trabalho.

Answer 1

https://www.angst-panik-hilfe.de/angst-panik.cssmostra:

body{-webkit-user-select:none;-moz-user-select:-moz-none;
-ms-user-select:none;user-select:none}

Portanto, esse efeito se aplica a toda a tag BODY.

Documentação sobre este CSS:Site do desenvolvedor Mozilla: seleção do usuário.

Você provavelmente poderia substituir isso removendo o estilo nas Ferramentas do desenvolvedor (pressione F12no Firefox ou Chrome) - você pode até criar um miniaplicativo JavaScript que, depois de investir tempo para configurar isso, pode remover esse estilo com menos esforço instantâneo em sua parte (o que pode economizar tempo se você planeja visitar o site várias vezes).

Também gostaria de acrescentar esta observação: esta pode não ser a única maneira de ter pelo menos parte desse efeito. Outra forma possível seria ter uma DIVcapa invisível que DIVcontém o texto. Dessa forma, o cursor do mouse não se transformaria em feixe I (cursor de texto) porque o cursor seria baseado no conteúdo do arquivo DIV. ( Ctrl- Aprovavelmente cobriria esse texto.)

É muito chato quando um site faz essas coisas e me obriga a digitar termos técnicos e nomes manualmente no Google. Isso atrapalha meu fluxo de trabalho.

Amém! Ao ver isso, fiquei desapontado com a existência de tal estilo CSS sendo implementado pelos principais navegadores. Essas coisas são muito chatas, de fato!

Answer 2

Como já foi dito, a configuração user-select: noneno CSS da página é o que desativa a seleção do texto em uma página. A maneira mais fácil de remover esse bloco de seleção de texto seria através de um script de usuário como o seguinte, que substitui a configuração:

// ==UserScript==
// @name         Force Select
// @version      1.0
// @description  Stop sites from disabling selection of text
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  let style = document.createElement('style');
  style.innerHTML = '*{ user-select: auto !important; }';

  document.body.appendChild(style);
})();

Observação:Isto se aplicará a todas as páginas se deixadas ativadas, o que pode não ser desejável em todas as situações.

O script pode ser instalado e facilmente ativado/desativado com um gerenciador de scripts de usuário, comoMacaco Violento,Macaco Tamper, ouMacaco Grease.

Answer 3

A maneira mais simples de resolver esse problema é usando um bookmarklet:

1. No seu navegador, crie um novo favorito.
2. Nomeie-o, por exemplo, "Ativar seleção" (sem aspas) ou como desejar.
3. Na caixa de texto de localização cole este código:

javascript:(function(){var style=document.createElement('style');
style.innerHTML='*{user-select: auto !important;} ::selection{background-color: blue !important; color: white !important}';
document.body.appendChild(style);
document.body.onselectstart=function(){return true};
document.body.onmousedown=function(){return true};
document.onkeydown=function(){return true};
})();

Portanto, sempre que você quiser ativar a seleção de texto em algum site irritante, basta clicar neste marcador.

Este código cuida das formas mais comuns baseadas em CSS e JavaScript que os buracos usam para desabilitar a seleção de texto em seus sites. Embora algumas formas menos frequentes possam exigir alguns ajustes adicionais no código.

Answer 4

Abra as ferramentas do desenvolvedor (F12), mude para a guia Elementos e desmarque as seguintes regras CSS emcorpo:

• seleção de usuário: nenhum;
• webkit-user-select: nenhum;