KADUNEW.COM/BLOG » Browsers

18 dicas rápidas para Google Chrome

Carlos Eduardo - Kadu — Wed, 03 Nov 2010 00:59:55 +0000

O navegador Google Chrome já está bastante popular no mercado e sendo muito utilizado principalmente por desenvolvedores web. A cada dia surgem novas extensões para o Chrome e atualizações. Já comentei aqui outras vezes que sou fã de carteirinha do navegador por todas suas funcionalidades e principalmente por ser um navegador extremamente rápido e leve. Pensando nisso resolvi listar algumas dicas e truques do navegador do Google. São 18 dicas experimentadas e testadas que irão ajudá-lo a tirar o máximo de proveito do navegador. Seria impossível listar todas dicas do navegador, então se você tem alguma dica que ache importante, compartilhe deixando um comentário no final do artigo.

Navegando de forma secreta

1. Quando você quiser navegar na web de forma secreta, o Google Chrome oferece o modo de navegação anônima. Navegando no modo de navegação anônima você impede que o navegador armazene informações dos sites visitados. Pressione CTRL+SHIFT+N ou clique no ícone de chave inglesa na barra de ferramentas do navegador e vá até Nova janela anônima.

Links

2. Você pode abrir um link em uma janela anônima pelo botão direito do mouse. Clique no link e escolha abrir link em janela anônima.

3. Você pode arrastar um link para cima de uma aba para que o link abra nesta posição e numa nova aba.

4. Pressione o botão do meio do mouse (scroll) sobre seus links para abri-los em uma aba nova sem sair da página atual. Ótimo para deixar uma página carregando quando estamos vendo outra.

Guias (abas)

5. Tem uma aba que não pretende fechar, como o Google para fazer suas pesquisas? Clique com o botão direito do mouse sobre a aba e clique em marcar guia. Agora essa guia ficará ali até que voe feche a janela do navegador.

6. CTRL+T abre uma nova aba. Depois que as abas estiverem abertas você pode arrastá-las para cima de uma outra aba para alterar a ordem ou arrastar uma aba para fora da janela para abrir uma nova janela do seu navegador.

7. CTRL+SHIFT+T abre novamente sua última aba fechada. Google Chrome permite reabrir até as últimas 10 abas fechadas.

8. Use CTRL+número para selecionar a aba desejada. Por exemplo, se deseja mostrar a página da primeira aba, pressione CTRL+1, CTRL+2 para a segunda aba e assim por diante.

9. CTRL+TAB percorre em ordem todas as abas abertas e CTRL+SHIFT+TAB percorre em ordem inversa todas as abas.

Favoritos

10. Para marcar um site como favorito clique na estrela do lado direito da barra de endereços e selecione uma pasta para adicioná-lo.

Atalho para aplicativo

11. Abra um site como se fosse um aplicativo. Com a página desejada aberta vá até o botão de opções do navegador (chave de boca), clique em ferramentas criar atalhos de aplicativo. Escolha a opção desejada (desktop, menu iniciar ou barra de inicialização rápida. Agora escolha onde deseja colocar o atalho. Depois é só abrir seu ícone de atalho. A janela do site será aberta como se fosse um aplicativo desktop.

Navegação

12. ALT + HOME volta para Pome Page do Google Chrome, com miniaturas dos sites mais visitados.

13. Clicando com o botão direito do mouse sobre o botão de voltar do navegador você terá uma lista dos sites que foram acessados antes.

14. SHIFT + ESC abre o gerenciador de tarefas do Google Chrome. Podemos usar o Gerenciador de tarefas para obter detalhes sobre os processos que estão em execução no navegador ou para forçar o fechamento de uma guia ou de um aplicativo, um plugin por exemplo, que está apresentando um comportamento inadequado.

15. Como fazer o Google Chorme meu navegador padrão? Clique no botão Ferramentas (no canto direito da janela do navegador – um ícone da chave). selecione opções, clique na guia básicas e, em seguida, clique no botão fazer do Google Chrome meu navegador padrão.

16. Para limpar os dados de navegação do Chrome, clique no ícone de ferramentas e selecione depois vá até ferramentas e Limpar dados de navegação. Você ainda pode pressionar a combinação de teclas CTRL+SHIFT+DELETE.

17. Use a barra de endereço para fazer cálculos. É só digitar os valores, por exemplo, 7859 + 847 e o resultado aparecerá.

18. Edite páginas da web feitas em HTML. Clique com o botão direito do mouse em cima de uma imagem, texto, link, etc., e vá em inspecionar elemento. Agora altere o código fonte. Pressione enter para ver as alterações.

Não esqueça de compartilhar suas dicas também.
Siga-me no Twitter: @kadunew

Isso vai interessar você também

Stylebot- personalizar páginas da web

Carlos Eduardo - Kadu — Tue, 31 Aug 2010 16:10:01 +0000

Stylebot é uma extensão para o Chrome, que visa simplificar a personalização da web, tornando-o mais acessível e adaptável. Ele coloca você no controle da apresentação da web, permitindo-lhe alterar rapidamente a aparência de qualquer página sem a necessidade de escrever e conhecer CSS. As alterações feitas são mostradas instantaneamente e salvas, ou seja, a próxima vez que visitar a mesma página os estilos já serão aplicados.

Para usar o Stylebot em uma página, é só escolher o elemento e aplicar o estilos a ele. A extensão permite que você altere cores, tamanho de fonte, etc.

Veja no vídeo como é fácil utilizar a extensão.

Fazer download da extensão Stylebot para Chrome.

Isso vai interessar você também

Text to Voice – Plugin do Firefox para ler texto das páginas web

Carlos Eduardo - Kadu — Sun, 15 Aug 2010 18:00:14 +0000

Navegando na Internet encontrou uma palavra que não sabe ao certo como se pronuncia? Para aqueles que usam o navegador Firefox e são apaixonados por seus Plugins vocês terão mais uma razão para adorar este navegador. A extensão Text to Voice (ou Text to Speech) é capaz de ler para você um texto selecionado em qualquer página web. A maneira mais fácil de transformar texto em voz pelo seu próprio navegador.

Para usar a ferramenta selecione o texto desejado, clique no botão no canto inferior direito da barra de status do seu Firefox e o Plugin se encarrega de falar o texto selecionado para você. Não é brilhante? Interessante notar que o Plugin também permite o download de um MP3 do seu áudio gravado. Você pode selecionar todo um artigo e colocá-lo em um iPod, por exemplo, para ouvir mais tarde!

A qualidade da pronúncia não é ruim, o plugin também permite alterar o idioma da fala, entre eles Português, Espanhol, Inglês, Italiano…

Página de download doplugin Text to Voice para Firefox.

Isso vai interessar você também

Nenhum post relacionado

Capture e edite screenshots diretamente no navegador

Carlos Eduardo - Kadu — Wed, 21 Jul 2010 03:48:37 +0000

Awesome Screenshot

A cada dia gosto mais do navegador do Google. Depois de fazer uma lista com extensões do Google Chrome para download trago outra excelente extensão para o navegador. Ela é parecida com a Lightshot screenshot tool, porém muito mais completa. Estou falando da extensão Awesome Screenshot.

Awesome Screenshot pode servir como uma ótima ferramenta de auxílio na elaboração de tutoriais. Quem faz tutoriais sabe o trabalho que é tirar screenshots das páginas e editar as imagens para fazer algumas marcações tais como retângulos, linhas e setas. Com esta extensão toda dificuldade acabou, já que é possível fazer toda essa marcação diretamente no navagador e ao conlcuir sua edição fazer o upload do screenshot.

Abaixo um vídeo que mostra a ferramenta em funcionamento.

Baixar extensão Awesome Screenshot para Google Chrome.

Isso vai interessar você também

Nenhum post relacionado

Plugin para ver televisão no Chrome

Carlos Eduardo - Kadu — Mon, 05 Jul 2010 03:46:34 +0000

Depois de escrever sobre 20 extensões para o Google Chrome trago hoje a extensão TV CHROME que possibilita ver tv de graça pelo navegador do Google. São 2780 canais gratuitos de mais de 110 países.

Após ter instalado o plugin em seu navegador, aparecera um ícone na sua barra de ferramentas. Clique no ícone e selecione o país desejado. Você também pode escolher as TVs por categorias.

Veja o vídeo de apresentação do plugin:

Baixar o TV Chrome.

Por: WebDicas

Isso vai interessar você também

Nenhum post relacionado

20 extensões do Google Chrome para download

Carlos Eduardo - Kadu — Mon, 31 May 2010 22:55:48 +0000

Quando o Chrome entrou pela primeira vez na guerra dos navegadores, em setembro de 2008, rapidamente adquiriu um grande público. Muitos se ressentiam do fato de que não era tão flexível como o navegador Firefox já que ele permite instalação de extensões que facilitam o trabalho do desenvolvedor e de usuários comuns. Hoje as coisas mudaram e o Google Chrome permite a instalação de uma vasta coleção de extensões.

Abaixo listo um grande conjunto de ferramentas, principalmente de desenvolvimento web, que vão lhe auxiliar na construção dos seus projetos de Websites.

1. Web Developer

Em minha opinião a principal ferramenta de auxilio para o desenvolvedor. Muitos de vocês podem estar familiarizados com este plug-in no Firefox, agora também está disponível para o navegador Chrome.

Embora a versão do Chrome não permita desativar o JavaScript, devido a algumas restrições do lado do navegador, continua sendo uma das ferramentas mais poderosas de um desenvolvedor web.

Com esta extensão você pode desativar o CSS, imagens, redimensionar a janela do Browser, visualizar o código JavaScript e muito mais.

2. Pendule

Muito parecida com a ferramenta citada acima. Esta extensão oferece links para ferramentas do W3C, tais como validação de HTML e CSS. Um item muito útil é o de mandar atualizar apenas o CSS da página. Fazendo a mesma função do plugin CSS Reloader do Firefox. Esta Extensão do Chrome pode ser utilizada como um complemento da ferramenta acima.

3. Chrome SEO

Ainda em fase beta o Chrome SEO é um dos melhores analisadores para otimização de sites para mecanismos de busca. Com essa ferramenta você consegue facilmente saber quantas páginas estão indexadas nos principais buscadores, ver PageRank, etc.

4. Speed Tracer

Um complemento que rastreia o desempenho do seu site em tempo real, gerando relatórios sobre vários problemas que possa ter ocorrido durante a comunicação com o servidor. Você pode usar essas métricas para otimizar o código para melhorar o desempenho do seu site.

Nota: Você deve ler o Guia de primeiros passos antes de usar o marcador de velocidade.

5. IE Tab

Estou ciente que a maioria dos desenvolvedores odeia esse navegador, mas ainda infelizmente muitos usuários o usam para navegar na web. Com ajuda dessa ferramenta você consegue ver seu site funcionando como se estivesse no Internet Explorer.

6. Color Picker

Color Picker fornece os valores das cores em hexadecimais e RGB de uma cor selecionada em uma página web. Para capturar a cor é só dar um clique sobre a cor desejada.

7. Lightshot

LightShot é uma ferramenta que permite facilmente tirar screenshots de qualquer área de um website.

Para usar a ferramenta é só clicar no seu icone na barra de ferramentas do Google Chrome selecionar a área que você quer fazer a cópia, clicar no botão save e escolher o local de destino. Podemos também fazer o Upload diretamente para um servidor.

Um recurso que achei o máximo foi a possibilidade de editar a imagem copiada. Para fazer isso devemos selecionar uma parte do website e clicar sobre o botão edit. Com isso podemos aplicar algumas funções simples, efeito que lembram o famoso programa de edição de imagens Adobe photoshop.

8. Xmarks bookmark sync

Se você trabalha em vários computadores, você sabe provavelmente que não é fácil manter a sincronização entre seus favoritos. Talvez um dos PCs é usado o Firefox, outro o Safari, etc.

Você não pode simplesmente continuar copiando os seus favoritos entre eles para sempre, pois é uma enorme perda de tempo.

A ferramenta Xmarks bookmark sync faz isso para você. Com ela é possível sincronizar os favoritos de vários computadores e navegadores diferentes.

9. Ly: a simple Bit.ly shortener

Usuários do Twitter vão adorar esta extensão. Ela encurta o endereço de URLs automaticamente usando o serviço Bit.ly. Ela também relembra as URLs usadas recentemente, assim você não precisa digitá-las novamente.

10. Tab Menu

Ferramenta útil para quem explora o uso de abas no Google Chrome. Em vez de olhar na guia superior horizontal, com essa ferramenta você visualiza as abas abertas na vertical e de uma forma bem mais clara.

11. Note Anywhere

Fazendo o uso dessa ferramenta você pode postar uma anotação em qualquer página que você estiver visitando e a qualquer momento você pode rever seus comentários, já que eles permanecerão nas páginas até que você os exclua.

Esta extensão é útil quando se faz algum tipo de pesquisa e queremos deixar alguma observação sobre o conteúdo presente no site.

12. Firebug lite

Uma das mais conhecidas ferramentas para análise de páginas web, auxilia programadores e designers na criação de seus sites. Com ela podemos fazer alteração no código fonte da página visitada e ver o resultado imediatamente.

Infelizmente não é possível fazer debugger de JavaScript

13. MeasureIt

Trata-se de uma extensão que mostra o tamanho em pixels de uma seleção feita na tela do navegador.

14. Resolution Test

Com ela você pode testar seu site em diferentes resoluções.

15. Lorem Ipsum Generator

Praticamente todos desenvolvedores conhecem o famoso site que serve para gerar textos para preencher o conteúdo das páginas.

16. CSSViewer

Plugin muito conhecido e utilizado no Firefox. Com ele podemos visualizar propriedades CSS. Faça a seleção e a extensão mostra o que foi definido no css.

17. META SEO inspector

Este plugin é dos que eu achei mais interessante, ele mostra as Keywords e Meta Description. Tem opções de mostrar os links já visitados e os que contêm o atributo nofollow. Conta ainda com uma lista com diversos atalhos para análise do site.

18. Chrome Bird

Agora não precisa mais ter uma janela ou aba exclusiva para a página do seu Twitter. Com esta extensão você consegue interagir com sua conta do Twitter em seu navegador.

19. Verificador de mensagens do Google

Extensão que verifica se há mensagens novas na sua caixa de entrada do Gmail e avisa quando tem e-mail novo.

20. Inscrição no RSS (do Google)

Esse complemento adiciona a função de detectar feeds numa página Web. Após detectar a presença do serviço você pode facilmente assinar dando um clique no botão que fica localizado na barra de endereços do navegador.

Artigo baseado no original Switching to Chrome? Download these Extensions

Isso vai interessar você também

Nenhum post relacionado

Plugin recarregar apenas o CSS da página

Carlos Eduardo - Kadu — Tue, 02 Feb 2010 15:41:22 +0000

CSS Reloader é uma extensão que permite que você recarregue todos os CSS de qualquer site sem que você tenha que recarregar a página em si. Você pode usar o atalho de teclado F9, ou a opção do menu de contexto do CSS Reloader para recarregar os arquivos de CSS. Pode ser muito útil especialmente quando você faz uma alteração na sua folha de estilos do WordPress.

Baixar o plugin

Isso vai interessar você também

Nenhum post relacionado

Dica para editar páginas online

Carlos Eduardo - Kadu — Thu, 24 Dec 2009 12:19:56 +0000

Com o código abaixo você pode modificar o conteúdo de qualquer página. Isso é muito útil quando queremos tirar um screenshot do site para mostrar a um cliente uma modificação no site. Para fazer isso basta seguir os passos abaixo.

Entre no site que você deseje modificar
Depois que abriu o site entre com o código abaixo na barra de endereço e pressione enter

javascript:void(document.body.contentEditable=(document.body.contentEditable!='true'))

Depois disso você já pode alterar todos os textos do site.

Muito show!!

Isso vai interessar você também

Nenhum post relacionado

IE6 fora da internet brasileira

Carlos Eduardo - Kadu — Mon, 10 Aug 2009 15:05:01 +0000

Agora sim, parece que os desenvolvedores não irão mais sofrer: O IE6 está prestes à evaporar da internet brasileira. Saiba como e por quê nesse post.
Que há milhares de campanhas anti-IE6 na internet, não há dúvidas. Mas quem só entra na internet para entrar em Orkut, Messenger, YouTube e sites do gênero não tá nem aí. Mas agora isso pode (e vai!) mudar: a Google colocou uma mensagem no Orkut avisando que o Internet Explorer 6 não será mais suportado pela rede de relacionamentos.

O Orkut é, simplesmente, a rede de relacionamentos mais usada pelos brasileiros, e a grande maioria dos usuários dessa rede, odiada por muitos geeks, é do grupo que eu mencionei a pouco e não está nem aí pro navegador que usa. Mas agora vão estar bem aí, por se tem uma coisa que o internauta “normal” brasileiro não abre mão é o Orkut.

Brincadeiras à parte, o que a Google está fazendo é bem válido. Se outros sites com bastante tráfego, como Facebook e MySpace (redes bem conhecida nos EUA) seguissem o exemplo, o terror dos desenvolvedores sumiria do mapa de outros países na mesma velocidade que ele vai sumir aqui a partir de agora.
Link Original

Isso vai interessar você também

MS vai arrumar falha grave no IE 8

Carlos Eduardo - Kadu — Mon, 27 Jul 2009 15:27:58 +0000

SÃO PAULO – A Microsoft anunciou que deve lançar dois patches de emergência para seus softwares Internet Explorer 8 e Visual Studio.

As correções devem chegar ao centro de suporte na próxima terça-feira, dia 28. Elas devem tratar de uma vulnerabilidade que permite a execução remota de códigos maliciosos, como malwares. O bug para o IE é considerado “crítico” pela empresa, enquanto que o problema do Visual Studio foi identificado como importante. De acordo com o boletim oficial, os computadores deverão ser reiniciados após a aplicação do update.
Essa é a terceira vez em 25 meses que a Microsoft disponibiliza um patch com urgência. O que pode significar que as falhas de segurança são muito graves.

“Não podemos especificar algumas informações sobre o lançamento, mas é possível adiantar que o boletim para o Visual Studio deve falar de problemas que podem afetar certos tipos de aplicação. O do IE vai falar sobre uma vulnerabilidade crítica e de alterações no sistema de segurança do navegador”, publicou a MS em um aviso oficial.

No começo da semana, o blog de segurança da empresa, informou que um patch para outra vulnerabilidade, conhecida como MS09-032, foi lançado com sucesso parcial e que outro deverá ser produzido para terminar a correção.
Fonte: Infoexame