Alterar o título da guia (ou janela) é uma prática antiga. O Gmail faz isso para notificar o usuário sobre uma nova mensagem de bate-papo e este blog faz isso para atualizar o título da guia depois que uma nova página é carregada via AJAX. Como isso é feito? Definindo uma propriedade no elemento document
é claro:
Essa propriedade, é claro, é document.title
:
document.title="Hello!"; // New title :)
Um equívoco comum é que o senhor altera o window.title
mas o senhor deve usar a propriedade document
caso contrário, o senhor não verá nenhum efeito. Muitas vezes, o senhor verá um setInterval
usado com document.title
para mudar rapidamente o título e chamar a atenção do usuário.
Ana Tudor’s Favorite CodePen Demos
Cocoon Eu adoro canvas, adoro demonstrações interativas e acho que nunca fiquei tão impressionada com o trabalho de alguém quanto quando descobri o que Tiffany Rayside criou no CodePen. Por isso, tive que começar com uma de suas canetas interativas para tela, embora…
-
Se isso não estiver no evil.js, deve ser adicionado imediatamente
Loilo
Isso é muito bom – eu sempre fiz isso via getElementsByTagName
e innerHTML
mas esta solução é muito mais conveniente.
É claro que isso é complicado. Isso também afeta o documento DOM (elemento em HTML). Também no XUL, a recuperação de document.title
antes que o documento seja completamente carregado tem um comportamento não corrigido (document.title
pode gerar um resultado vazio ou sem efeito).
Fico feliz em ser corrigido sobre isso, mas se o senhor alterar o título da guia depois que um leitor de tela inicialmente armazenar a página em cache, ele não será informado sobre essa alteração. Portanto, se o senhor estiver alterando a página por um motivo relevante, isso pode ser um problema? O título da página é a primeira coisa que os leitores de tela ouvem quando uma página é carregada, e é como um mapa rodoviário para saber onde eles estão e onde querem chegar.
Esse é um ajuste tão simples que pode fazer com que nosso site pareça ser de última geração!
Isso é ótimo – em 15 anos de trabalho com web design, a ideia de alterar o título da página nunca passou pela minha cabeça. Mas pode ser útil, obrigado!
Se o senhor quiser ser malvado, mude para:
E veja quantas pessoas se perguntam o que não foi lido 🙂