Como mudar padrão webpage editor fonte de navegadores

miniaturaVocê gosta de mergulhar no código de uma página web só para ver como ele foi colocado em conjunto? Como um web designer aspirante uma vez, que costumava ser um hábito para mim. Eu acredito que muitas pessoas ainda ir para o código-fonte de uma página web. É uma grande ferramenta de aprendizagem. Eu ainda fazê-lo, por vezes, só para ver como um arquivo de mídia tem sido embedded- ou por alguma informação comentário interessante ou apenas para ver os dados meta-tags interessantes.

Mas para os caras sérias, o código fonte é muitas vezes uma mina de informações. É o backdoor em estratégias de SEO de um concorrente - o uso de palavras-chave, otimização do projeto etc. Em suma, o que é o cara fazendo certo eo que ele está fazendo errado.

Cada navegador tem um visualizador embutido, bem como um bloco de notas. Comumente encontrados sob a Visão menu, ele exibe o código-fonte do lado do cliente com o toque de um mouse. Comumente, porém, ele não é rico em recursos. Por exemplo, um recurso para alterar o tipo de letra que teria sido bom. Além disso, a simples adição de um comentário antes de salvar o arquivo não é possível, uma vez que é geralmente lido somente. É meramente destinado a ser um espectador”| a palavra“~editor` um pouco mal escolhido.

Então, podemos obter o navegador para usar o editor de nossa escolha? Felizmente, a maioria dos próprios navegadores estão abertos à idéia. Veja como podemos impor nossa própria escolha no Firefox, Internet Explorer e Opera.

Mozilla Firefox

visualizador padrão do Firefox 3 é acessado a partir View - Fonte Página. Ele tem opções básicas para alterar o tamanho do texto, destaque de sintaxe e um recurso para embrulhar longas filas. Uma característica que eu gosto é que Firefox deixa-me ver a fonte para uma área selecionada da página (Botão direito do mouse - Ver fonte seleção).

Mas, para escolher outro editor, vamos fazer isso:

  1. Tipo about: config na barra de endereços. Ignorar o alerta que vem para cima e ir em frente.
  2. Na página de preferências do aplicativo, vá até a metade inferior da página ou o uso do navegador de Encontrar (CTRL + F) para procurar dois valores.
  3. Localizar e destaque view_source.editor.external. Dê um duplo clique e alterná-la para “true”.
  4. Em seguida, logo abaixo encontrar e destaque view_source.editor.path. Dê um duplo clique sobre ele e digite o novo caminho do seu editor preferido na Digite seqüência caixa de valor. Se o caminho não existe ou não é executável, será usado o visualizador embutido.ff-sobre-config

Está feito!

Firefox tem uma série de add-ons que ajudam a obter sob a capa de uma página web. Ann Smarty, um colega aqui no MakeUseOf cobriu sete deles bastante abrangente em um post fora em SearchEngineJournal.com. Dos 7 complementos mencionados, apenas a exibição formatado Fonte não é atualizado para a versão mais recente do browser.

Internet Explorer

visualizador de fonte do IE8, acessado a partir de View - Fonte não acrescenta nada mais do que as opções convencionais. Mas o embutido Ferramentas de desenvolvimento característica dá IE8 alguns dentes extra e nós, uma opção para ter um editor de nossa escolha.



Ferramentas de Desenvolvimento é um depurador que faz dissecando uma página web e seus elementos incluídos como CSS, javascript e HTML muito mais fácil. As ferramentas de desenvolvimento pode ser aberto por “”

  • Abra IE8. pressione F12
  • Ou no Cardápio clique Ferramentas - Developer Tool.ie menu

É uma ferramenta poderosa e de explicá-lo exigiria alguns tutoriais de seu próprio. Aqui, nós só queremos mudar o editor de código-fonte.

  1. Abra o Internet Explorer.
  2. aperte o F12 botão para iniciar o Ferramentas de desenvolvimento.
  3. Clique em Arquivo- Escolher Personalize o Internet Explorer Ver Fonte.ou seja, com programadores-tools
  4. Três opções são apresentadas: Padrão Viewer, bloco de notas, Outro”|
  5. Você pode usar o bloco de notas ou selecione Outro para um editor de sua escolha. Navegue até o local do seu programa, selecione o arquivo executável do programa e clique em Aberto configurá-lo como o novo editor.

Ópera

Opera v9.64 não permite que você faça alterações e aplicá-los na mosca em seu editor de código. O editor de código está disponível a partir View - Fonte. Opera também lhe dá a opção de alterar o padrão e é fácil.

  1. No Cardápio, Clique em Ferramentas - Preferências.ópera-preferências
  2. Dentro preferências, selecione os guia avançado. Sob programas, Clique em Editar para Escolha pedido de fonte de visualização.Opera-avançado
  3. Opera nos dá três opções,
    • o visualizador de fonte Opera - usar o embutido.
    • Abrir com o aplicativo padrão - especificar o caminho de sua aplicação preferida.
    • Abrir com outra aplicação - aqui você pode navegar para o programa de sua escolha, selecione seu executável e defini-lo como o editor. Você também pode fixar parâmetros de inicialização para o programa no Parâmetro campo.ópera
    • Clique Está bem para fechar as opções de visualizador de origem e definir as alterações.

    Uma pequena nota no Google Chrome ...

    O Google Chrome não nos permite alterar o espectador fonte padrão (ainda!). Chrome tem um Desenvolvedorseção ‘s sob o ícone de página, de onde se pode visualizar a fonte da página atual, use a função de depuração de javascript e abrir um console javascript. O visualizador de fonte em si é minimalista com destaque de sintaxe, números de linha e links ativos.

    A opção de fonte de vista é semelhante a um kit de diagnóstico, especialmente para um desenvolvedor web. Portanto, faz sentido usar os melhores na tabela como, por exemplo, Notepad ++, SourceEdit, ou mesmo dedicadas mas magras editores HTML como Homesite (bom, mas não livre). Para mais opções livres olhar 3 editores de texto do Windows para programadores.3 editores de texto do Windows para programadores3 editores de texto do Windows para programadoresconsulte Mais informação

    Como estamos falando sobre o “~language de código` por que não também olhar para o post de Damien em ferramentas para limpar arquivos CSS.

    Você mudou o seu visualizador de fonte / editor? Ou adere ao padrão? Também deixe-nos saber o seu próprio editor de escolha.


    Artigos relacionados