Crie um link que rola automaticamente para um texto selecionado em uma página da web quando aberto no Chrome ou Edge
O Google Chrome versão 81 ou posterior vem com um pequeno recurso oculto chamado “Scroll to Text Fragment”. Ele permite que os usuários criem um link para qualquer conteúdo específico em uma página da web.
O fragmento de rolagem até o texto ainda é um novo recurso e não foi completamente polido ou cozido em nenhum dos navegadores disponíveis ainda. Mas desenvolvedor Paul Kinlan criou um bookmarklet fácil de usar que permite que você aproveite esse recurso até agora.
Bookmarklets são marcadores ou favoritos com pequenos blocos / fragmentos de código JavaScript que, quando clicados, podem realizar algumas ações predefinidas. Nesse caso, o bookmarklet formatará o URL na barra de endereço de forma que aponte para o texto selecionado em uma página da web.
Arraste e solte o Bookmarklet ‘Rolar para o texto’ na barra de favoritos
Abaixo está um bookmarklet de arrastar e soltar para você, se você não quiser ter o trabalho de criar um. Ele funciona tanto no Google Chrome quanto no Microsoft Edge.
pressione Ctrl + Shift + B se você não tiver a barra de favoritos / favoritos ativada em seu navegador. Em seguida, arraste e solte o link mostrado abaixo na barra de favoritos para adicionar a rolagem ao texto Bookmarklet.
Arraste este link → Compartilhe com Find
Crie o Bookmarklet manualmente no Chrome
Se você não pode arrastar e soltar o bookmarklet em seu navegador conforme instruído no GIF acima e, em seguida, crie-o manualmente no Chrome. Abra o gerenciador de favoritos pressionando Ctrl + Shift + O ou clique em configurações e vá para ‘Favoritos’ e selecione ‘Gerenciador de favoritos’.
Clique com o botão direito em qualquer lugar na guia Gerenciador de favoritos e selecione ‘Adicionar novo favorito’.
Cole o código JavaScript fornecido abaixo na barra de URL da janela pop-up Adicionar marcador. Nomeie o bookmarklet como ‘Compartilhar com Encontrar’ ou com algo semelhante e clique em ‘Salvar’.
javascript: (function () {const selectedText = getSelection (). toString (); const newUrl = new URL (location); newUrl.hash = `: ~: text = $ {encodeURIComponent (selectedText)}`; window.open ( newUrl);}) ();
Agora você pode começar a usar a rolagem para o bookmarklet de texto, certifique-se de habilitar a barra de favoritos pressionando Ctrl + Shift + B chaves.
Crie o Bookmarklet manualmente no Edge
Você precisa estar no Edge baseado em cromo mais recente para usar o bookmarklet Scroll to Text, já que este recurso ainda não é compatível com navegadores que não sejam baseados em cromo.
Para criar um bookmarklet no Edge, abra as configurações de ‘Gerenciar favoritos’ pressionando Ctrl + Shift + O ou vá para o menu Edge »Favoritos» opção Gerenciar favoritos.
Na guia ‘Gerenciar favoritos’, na seção da barra de Favoritos, clique com o botão direito em qualquer lugar no painel direito e selecione a opção ‘Adicionar favorito’.
Cole o seguinte snippet de JavaScript na barra de URL e nomeie o bookmarklet como ‘Compartilhar com Encontrar’ e clique em ‘Salvar’.
javascript: (function () {const selectedText = getSelection (). toString (); const newUrl = new URL (location); newUrl.hash = `: ~: text = $ {encodeURIComponent (selectedText)}`; window.open ( newUrl);}) ();
Agora certifique-se de que a 'barra de favoritos' está habilitada em seu navegador Edge e o bookmarklet está visível na barra. Se não, pressione o Ctrl + Shift + B atalho de teclado para abrir a barra de Favoritos no Edge.
Usando o Bookmarklet Scroll to Text
Para usar o bookmarklet, abra qualquer página da web e selecione o texto para o qual deseja criar o link e pressione no bookmarklet Rolar até o texto (Compartilhar com Encontrar). Uma nova janela será aberta, destacando o texto que você selecionou na guia anterior.
Agora você pode compartilhar o link da nova janela com qualquer pessoa e ela abrirá o local do seu texto destacado, desde que eles estejam usando o Google Chrome ou o novo Microsoft Edge.
A Internet é um mar de informações, pequenos truques como esses ajudam a economizar tempo. Caso você ainda não tenha experimentado, a Pesquisa Google também usa "Rolar até o fragmento do texto" para destacar o texto em uma página da web ao direcionar um usuário a ela a partir dos trechos "Apresentados" nos resultados da pesquisa.