{"id":2961,"date":"2019-05-18T13:50:34","date_gmt":"2019-05-18T16:50:34","guid":{"rendered":"https:\/\/blog.lucianoreis.com\/?p=2961"},"modified":"2019-05-28T20:38:14","modified_gmt":"2019-05-28T23:38:14","slug":"redirecionamentos-permanentes-nos-browsers","status":"publish","type":"post","link":"https:\/\/blog.lucianoreis.com\/2019\/05\/18\/redirecionamentos-permanentes-nos-browsers\/","title":{"rendered":"Redirecionamentos Permanentes nos Browsers"},"content":{"rendered":"

Este artigo aborda como desfazer o redirecionamento 301 nos browsers Firefox e Chrome, e tamb\u00e9m mostra uma t\u00e9cnica de fazer redirecionamentos atrav\u00e9s de tags HTML, evitando assim que o programador fa\u00e7a utiliza\u00e7\u00e3o do recurso 301 que possui um s\u00e9rio efeito colateral.<\/em><\/p>\n

Um recurso muito comum utilizado por desenvolvedores de site \u00e9 a utiliza\u00e7\u00e3o de redirecionamentos permanentes, conhecidos pelo c\u00f3digo HTTP 301, que consiste em redirecionar um dom\u00ednio inteiro para uma determinada p\u00e1gina ou dom\u00ednio.\u00a0 Este recurso \u00e9 utilizado quando voc\u00ea registra um dom\u00ednio novo cuja \u00fanica fun\u00e7\u00e3o \u00e9 apontar para uma determinada p\u00e1gina em outro dom\u00ednio.<\/p>\n

Exemplo de Situa\u00e7\u00e3o<\/strong>:<\/p>\n

Digamos que exista um v\u00eddeo no Youtube com lindas imagens da Pedra da G\u00e1vea que seja muito importante para voc\u00ea.\u00a0 Endere\u00e7os no Youtube normalmente s\u00e3o bem complexos, como por exemplo “https:\/\/youtu.be\/SXC3XVqTBUE<\/a>“.\u00a0 Ent\u00e3o voc\u00ea deseja encaminhar usu\u00e1rios para esta p\u00e1gina de forma mais f\u00e1cil e para isso cria um dom\u00ednio chamado “PedraDaGavea.com.br”, cuja \u00fanica fun\u00e7\u00e3o \u00e9 levar o usu\u00e1rio para aquela p\u00e1gina do Youtube.\u00a0 O que fazer?\u00a0 No provedor de hospedagem voc\u00ea define um redirecionamento permanente (301) levando o dom\u00ednio “PedraDaGavea.com.br” para a p\u00e1gina “https:\/\/youtu.be\/SXC3XVqTBUE<\/a>” e seu problema ser\u00e1 resolvido.<\/p>\n

Por\u00e9m esta t\u00e9cnica apresenta um s\u00e9rio efeito colateral!<\/strong><\/p>\n

Redirecionamentos permanentes (301) ficam registrados no cache interno do browser do usu\u00e1rio, ou seja, na pr\u00f3xima vez que o usu\u00e1rio digitar “PedraDaGavea.com.br”, o browser n\u00e3o<\/strong> ir\u00e1 fazer os procedimentos de resolu\u00e7\u00e3o de DNS e ir\u00e1 diretamente para a p\u00e1gina redirecionada, no caso do nosso exemplo: “https:\/\/youtu.be\/SXC3XVqTBUE<\/a>“.<\/p>\n

A princ\u00edpio pode parecer bom, pois pula toda a etapa de resolu\u00e7\u00e3o de DNS tornando o redirecionamento super r\u00e1pido e eficiente, mas a\u00ed vem o problema…\u00a0 Digamos que mais para frente voc\u00ea crie outros conte\u00fados sobre “Pedra da G\u00e1vea” e queira dar outra utiliza\u00e7\u00e3o ao seu dom\u00ednio, ou seja, voc\u00ea quer desfazer o redirecionamento, voc\u00ea n\u00e3o quer mais que o dom\u00ednio “PedraDaGavea.com.br” aponte para aquele v\u00eddeo no Youtube mas sim para outro tipo de conte\u00fado ou at\u00e9 mesmo um conte\u00fado pr\u00f3prio.<\/p>\n

A essa altura voc\u00ea deve estar pensando: “simples, vou l\u00e1 no provedor de hospedagem e desfa\u00e7o o redirecionamento!”.\u00a0 Sim, faz sentido, mas voc\u00ea est\u00e1 lembrando que o redirecionamento ficou gravado no cache dos browsers dos usu\u00e1rios e que os referidos browsers n\u00e3o fazem mais resolu\u00e7\u00e3o de DNS sobre esse dom\u00ednio?\u00a0 De fato, uma pessoa que acessou o dom\u00edno “PedraDaGavea.com.br” e foi redirecionado, para sempre ser\u00e1 redirecionado.\u00a0 O browser n\u00e3o ir\u00e1 mais consultar os registros DNS e com isso jamais ir\u00e1 saber que o redirecionamento foi desfeito.<\/p>\n

Solu\u00e7\u00e3o do Problema:<\/strong><\/p>\n

A \u00fanica forma de fazer com que o browser do usu\u00e1rio volte a fazer o processo de resolu\u00e7\u00e3o de nomes de dom\u00ednio (DNS) \u00e9 limpando o cache espec\u00edfico para este tipo de situa\u00e7\u00e3o.\u00a0 No tutorial abaixo eu\u00a0 mostro como fazer a limpeza do cache nos browsers Google Chrome e Firefox.\u00a0 Clique sobre o t\u00edtulo de cada um deles para ver o conte\u00fado.<\/p>\n\n

\n
Google Chrome<\/div>

Para limpar um redirecionamento permanente 301 no browser Google Chrome siga os seguintes passos:<\/p>\n

1. Acesse o menu de op\u00e7\u00f5es do Google Chrome clicando nos tr\u00eas pontinhos na extremidade direita da barra de comandos.\u00a0 Voc\u00ea tamb\u00e9m pode teclar Ctrl + Shift + I e pular direto para o passo 3.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

2. Selecione “Mais Op\u00e7\u00f5es – Ferramentas do Desenvolvedor”.
\n\"\"<\/p>\n

3. Dentro do console do desenvolvedor abra o menu pressionando os tr\u00eas pontinhos.\"\"<\/p>\n

 <\/p>\n

4. No menu das op\u00e7\u00f5es de desenvolvedor, clique em “Configura\u00e7\u00f5es”.
\n\"\"<\/p>\n

 <\/p>\n

5. Nas configura\u00e7\u00f5es v\u00e1 at\u00e9 “Rede” e selecione “Desabilitar cache (enquanto ferramentas do desenvolvedor estiver aberto)”.
\n\"\"<\/p>\n

6. Com o painel do desenvolver aberto, digite o endere\u00e7o do site que voc\u00ea deseja acessar, normalmente, na barra de endere\u00e7os.
\n\"\"<\/p>\n

Pronto.\u00a0 O site desejado ser\u00e1 eliminado do cache de redirecionamentos.\u00a0 Agora voc\u00ea j\u00e1 pode fechar todas as janelas que abriu para chegar nas ferramentas do desenvolvedor.<\/p>\n<\/div><\/div>

Firefox<\/div>

Para limpar um redirecionamento permanente 301 no browser Mozilla Firefox siga os seguintes procedimentos:<\/p>\n

1. Abra o painel lateral.
\n\"\"<\/p>\n

 <\/p>\n

2. O painel lateral, normalmente vai abrir na aba favoritos, clique na setinha para baixo.
\n\"\"<\/p>\n

 <\/p>\n

3. Seleciona a aba hist\u00f3rico.
\n\"\"<\/p>\n

 <\/p>\n

4. Assim que aparecer a lista com o hist\u00f3rico dos sites que voc\u00ea navegou hoje, clique-direito sobre o site que voc\u00ea deseja corrigir e ent\u00e3o selecione a op\u00e7\u00e3o “Esquecer este site (L)”.
\n\"\"
\nPronto agora pode fechar tudo o que abriu e digitar novamente o endere\u00e7o desejado.\u00a0 O navegador ir\u00e1 abrir o site atualizado.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n

Como o redirecionamento permanente possui esse tipo de complica\u00e7\u00e3o minha recomenda\u00e7\u00e3o \u00e9 que ele nunca seja utilizado, uma vez que o desenvolvedor do site n\u00e3o tem como prever o futuro.\u00a0 Em vez disso recomendo para os desenvolvedores de site a utiliza\u00e7\u00e3o de uma das t\u00e9cnicas a seguir:<\/p>\n

1. Redirecionamento Tempor\u00e1rio – HTML 302 – \u00c9 feito no servidor da mesma forma que o 301, por\u00e9m informando c\u00f3digo 302.\u00a0 A principal diferen\u00e7a \u00e9 que, nessa modalidade, o browser n\u00e3o salva o redirecionamento em cache, fazendo assim as consultas \u00e0s tabelas DNS toda vez que o dom\u00ednio \u00e9 solicitado.<\/p>\n

2. Redirecionamento via Programa\u00e7\u00e3o – O desenvolver do site n\u00e3o far\u00e1 qualquer modifica\u00e7\u00e3o nas configura\u00e7\u00f5es do servidor, inv\u00e9s disso colocar\u00e1 o comando de redirecionamento dentro do c\u00f3digo HTML das p\u00e1ginas.\u00a0 No caso do exemplo citado acima, o desenvolvedor colocaria o seguinte c\u00f3digo para a p\u00e1gina default do dom\u00ednio “PedraDaGavea.com.br”:<\/p>\n\n\n

<html>\n  <head>\n    <meta http-equiv=\"redirect\" content=\"1;https:\/\/youtu.be\/SXC3XVqTBUE\" \/>\n  <\/head>\n<\/html><\/code><\/pre>\n\n\n

A sintaxe do par\u00e2metro “content” \u00e9 a seguinte: <tempo de espera medido em segundos<\/em>>;<p\u00e1gina que ser\u00e1 redirecionada<\/em>>.\u00a0 No caso do exemplo acima a p\u00e1gina vai ficar aberta durante 1 segundo e depois vai redirecionar para o Youtube.\u00a0 O tempo de espera pode ser definido como “0” para que o redirecionamento aconte\u00e7a de forma instant\u00e2nea.<\/p>\n

Este artigo teve o prop\u00f3sito duplo de ajudar tanto usu\u00e1rios quanto desenvolvedores.\u00a0 Espero que n\u00e3o tenha ficado t\u00e9cnico demais para um grupo e nem raso demais para outro grupo.\u00a0 Comente abaixo o que achou.<\/p>","protected":false},"excerpt":{"rendered":"

Como limpar redirecionamentos permanentes (301) da mem\u00f3ria do Chrome e do Firefox<\/p>\n","protected":false},"author":1,"featured_media":2962,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"Como limpar redirecionamentos permanentes (301) da mem\u00f3ria do Chrome e do Firefox.","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[56],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.lucianoreis.com\/wp-content\/uploads\/2019\/05\/301.png?fit=1429%2C750&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pav3ZT-LL","_links":{"self":[{"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/posts\/2961"}],"collection":[{"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/comments?post=2961"}],"version-history":[{"count":16,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/posts\/2961\/revisions"}],"predecessor-version":[{"id":2996,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/posts\/2961\/revisions\/2996"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/media\/2962"}],"wp:attachment":[{"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/media?parent=2961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/categories?post=2961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lucianoreis.com\/wp-json\/wp\/v2\/tags?post=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}