Compartilhar via

Descobrindo as ferramentas para desenvolvedores do Internet Explorer

  • Artigo

Novidade no Windows Internet Explorer 8

Cada instalação do Internet Explorer 8 é fornecida com as Ferramentas para Desenvolvedores. Essa ferramenta permite que os desenvolvedores de sites façam a depuração rápida do Microsoft JScript, investiguem um comportamento específico para o Internet Explorer ou executem iterações rapidamente para criar o protótipo de um novo design ou testar soluções para um problema de modo dinâmico. Este artigo apresenta os recursos-chave das Ferramentas para Desenvolvedores.

  • Introdução
  • Começar
  • Depurando HTML e CSS
    • Inspecionando elementos HTML
    • Inspecionando propriedades CSS
    • Editando origens dinamicamente
    • Salvando alterações
  • Depurando JScript
    • Iniciando e parando o depurador
    • Controlando a execução
    • Inspecionando variáveis
    • Inspecionando a pilha de chamadas
    • Usando o console do depurador
  • Criando perfis de desempenho JScript
    • Iniciando e parando o Profiler
    • Exibindo dados
    • Criando perfis de várias sessões e exportando dados
  • Procurando conteúdo
  • Exibindo origens
  • Contornando os elementos na tela
  • Trabalhando com imagens
  • Controlando o cache e os cookies
  • Usando ferramentas avançadas
  • Validando seus códigos-fonte
  • Testando em modos diferentes de navegador e documento
    • Testando modos de navegador
    • Testando modos de documento
  • Usando atalhos de teclado
  • Referenciando comandos de interface
  • Tópicos relacionados

Introdução

Ótimas ferramentas desempenham uma função essencial na produtividade do desenvolvedor e, embora existam muitas ferramentas de desenvolvimento para a Web, é provável que elas não atendam todas as suas necessidades em todas as tarefas. Por exemplo, talvez você queira depurar rapidamente o JScript, investigar um comportamento específico do Internet Explorer ou interagir para criar um protótipo de um novo design ou testar soluções para um problema. Para melhorar a produtividade do desenvolvedor nesses cenários e em cenários semelhantes, o Internet Explorer 8 inclui ferramentas avançadas e de fácil utilização que apresentam algumas características importantes:

  • Integradas e fáceis de usar: Uma instância das Ferramentas para Desenvolvedores é fornecida com cada instalação do Internet Explorer 8. Isso permite a depuração em cada computador executando o Internet Explorer 8. Além disso, as ferramentas somente são carregadas quando necessário, para limitar o impacto delas no desempenho do navegador. Usando as Ferramentas para Desenvolvedores, você pode executar a depuração de script dinâmica apenas para o processo atual do Internet Explorer, em vez de habilitar a depuração para todo o Internet Explorer.
  • Forneça uma interface visual para a plataforma: Em vez de executar a engenharia reversa do funcionamento do site ou modificar o site para gerar informações de depuração, as Ferramentas para Desenvolvedores permitem a você examinar o Internet Explorer para exibir sua representação do site. Isso reduz o tempo gasto na depuração de sites dinâmicos nos quais a inspeção do código-fonte não é útil ou na investigação de um comportamento específico do Internet Explorer em que uma ferramenta de criação genérica não pode ajudar.
  • Habilite a experimentação rápida: Ao criar protótipos de um novo designou testar correções nas versões anteriores do Internet Explorer, você provavelmente edita o código-fonte, salva-o, atualiza a página no navegador e repete o procedimento. As Ferramentas para Desenvolvedores do Internet Explorer 8 simplificam esse cenário permitindo que você edite o site no navegador e visualize o efeito das alterações imediatamente.
  • Otimize o desempenho do aplicativo: Em geral, a identificação e a correção de problemas de desempenho é uma abordagem iterativa feita enfatizando-se um cenário de cada vez. Com o Profiler de script das Ferramentas para Desenvolvedores do Internet Explorer 8, você pode coletar estatísticas, como o tempo de execução e o número de vezes em que uma função JScript foi chamada, à medida que testa o aplicativo e usa o relatório de perfil para identificar rapidamente e corrigir afunilamentos de desempenho.

Com essas características, os recursos das Ferramentas para Desenvolvedores melhorarão radialmente sua produtividade durante o desenvolvimento no Internet Explorer. O restante deste artigo explica muitos desses e outros recursos com mais detalhes.

Começar

O processo para começar a usar essas ferramentas é simples: pressione a tecla F12 ou clique em Ferramentas para Desenvolvedores no menu Ferramentas.

Uma vez abertas, as ferramentas existem em sua própria janela, cada uma conectada a uma única guia no Internet Explorer. Se você preferir diminuir o número de janelas abertas, fixe as ferramentas em uma guia clicando no botão Fixar ou pressionando CTRL+P.

Alguns recursos das ferramentas não precisam da interface de ferramentas completa. Nesse caso, clique no botão Minimizar ou pressione CTRL+M após a fixação das ferramentas. As ferramentas se tornam uma linha na parte inferior da janela, fornecendo acesso apenas a barra de Menus de Comando.

Depurando HTML e CSS

As ferramentas oferecem visibilidade para o navegador, de modo que você possa inspecionar o HTML e o CSS do site, da maneira como existem dentro do Internet Explorer, em vez de apenas o código-fonte. Isso é particularmente útil com sites dinâmicos, sites complexos e sites que usam estruturas como ASP (Active Server Pages) ou PHP.

O Painel de Conteúdo Primário nas ferramentas exibe a árvore DOM (Document Object Model) do site, que reflete aquela mantida pelo Internet Explorer para representar o site na memória. Use o mouse ou o teclado para navegar na árvore. A maneira mais rápida de localizar o nó de um elemento específico na página é usar o Elemento Select Element por recurso Click. Use este recurso para selecionar um elemento na página e as ferramentas selecionarão automaticamente o nó de árvore correspondente. Um método alternativo é utilizar a caixa Pesquisar.

Inspecionando elementos HTML

Depois que você selecionar um elemento na árvore DOM, o Painel Propriedades à direita exibirá mais informações sobre o elemento das seguintes maneiras:

  • Estilo: O comando Estilo melhora a depuração CSS fornecendo uma lista de todas as regras que se aplicam ao elemento selecionado. As regras são exibidas na ordem de precedência, de modo que as aplicadas por último apareçam na parte inferior e qualquer propriedade substituída por outra seja traçada, permitindo que você entenda rapidamente como as regras de CSS afetam o elemento atual, sem coincidir manualmente os seletores. Você pode ativar ou desativar rapidamente uma regra de CSS marcando e desmarcando a caixa de seleção ao lado dela e a ação terá efeito na página de modo imediato.
  • Rastrear Estilos: Este comando contém as mesmas informações que Estilo, exceto pelo fato de agrupar os estilos por propriedade. Se você estiver procurando informações sobre uma propriedade específica, alterne para o comando Rastrear Estilos. Simplesmente localize a propriedade que interessa a você, clique no ícone de mais (+) e exiba uma lista de todas as regras que definem essa propriedade, novamente, na ordem de precedência.
  • Layout: O comando Layout fornece informações de modelo de caixa, como o deslocamento, a altura e o preenchimento do elemento. Use esse comando ao depurar a posição de um elemento.
  • Atributos: O comando Atributos permite inspecionar todos os atributos definidos do elemento selecionado. Esse comando também permite editar, adicionar ou remover atributos do elemento selecionado.

Para inspecionar mais o CSS, alterne para a guia CSS para obter uma lista de todos os arquivos CSS do site atual.

Inspecionando propriedades CSS

Alterne para a guia CSS para acessar todos os arquivos CSS externos a serem inspecionados. Selecione uma folha de estilos clicando no botão Seletor de Folha de Estilos. Clique no nome ou valor de uma propriedade de estilo para alterar esse item e observe que ele terá efeito imediatamente.

Editando origens dinamicamente

Depois de usar as ferramentas para inspecionar e coletar as informações necessárias, talvez você queira executar alguma ação nas suas descobertas imediatamente. Para editar os atributos HTML ou as propriedades CSS, clique no item desejado, digite o novo valor e pressione ENTER. A alteração tem efeito imediatamente, para que seja possível testá-la. Em HTML, você também pode pressionar o botão Editar para tornar toda a árvore editável e depois adicionar, remover ou editar elementos completos. Em todo caso, as Ferramentas para Desenvolvedores permitem a edição rápida, sem a modificação do código-fonte. Quando tudo estiver da maneira desejada, você poderá salvar as alterações.

Salvando alterações

Todas as alterações feitas nas ferramentas somente existem na representação interna do site do Internet Explorer. Assim, a atualização da página ou a navegação para fora dela ativa o site original outra vez. No entanto, em alguns casos, talvez você queira salvar as alterações. Nas guias HTML e CSS, clique no botão Salvar para salvar o HTML ou o CSS atual, respectivamente, em um arquivo. Lembre-se de que não só as áreas do site que você modificou serão diferentes do código-fonte, como também outras partes poderão ser diferentes porque as ferramentas exibem o site da maneira como ele existe no Internet Explorer, em vez de no código-fonte. Para evitar a substituição acidental do código-fonte, as ferramentas salvam a saída como texto e adicionam um comentário inicial ao arquivo.

Para obter mais informações sobre HTML e CSS, leia o artigo Depurando HTML e CSS com as Ferramentas para Desenvolvedores (a página pode estar em inglês).

Depurando JScript

Embora o CSS facilite a criação de sites dinâmicos sem JScript, a maioria dos sites complexos ainda precisa de algum script. E, da mesma forma que ocorre com qualquer linguagem de programação, um bom depurador é essencial para manter a produtividade, e as Ferramentas para Desenvolvedores fazem exatamente isso.

Iniciando e parando o depurador

A depuração de JScript no Internet Explorer 8 é simples. Em qualquer site que você queira depurar, abra as Ferramentas para Desenvolvedores, alterne para a guia Script e clique em Iniciar depuração. Durante o início do processo de depuração, as Ferramentas para Desenvolvedores atualizam a página e tiram as ferramentas que estiverem fixas.

Depois que começar, você terá toda a funcionalidade esperada de um depurador. Quando terminar, clique no botão novamente para Iniciar Depuração. Com o depurador iniciado, as Ferramentas para Desenvolvedores oferecem controle avançado e ideias de scripts.

Controlando a execução

Você pode pausar a execução em um local específico definindo pontos de interrupção. Clique no número de uma linha ou clique com o botão direito do mouse no código-fonte e escolha Inserir Ponto de Interrupção. Você pode definir pontos de interrupção nas funções embutidas ou manipuladores de eventos. Além disso, é possível definir Pontos de Interrupção Condicionais.

Se você não tiver certeza do local em que definir um ponto de interrupção, clique em Interromper Tudo para pausar a execução antes da próxima instrução JScript ou Interromper em Erros para pausar a execução quando o Internet Explorer encontrar um erro de script. Após pausar a execução, percorra o script, incluindo as funções anônimas, com os comandos Depuração Total, Depuração Parcial e Depuração Circular.

Inspecionando variáveis

À medida que você percorre o código, é útil inspecionar o estado atual das variáveis. Na guia Script, use o painel Locais para exibir variáveis locais e o painel Observar para monitorar uma lista personalizada de variáveis. Para adicionar variáveis a essa lista, clique com o botão direito do mouse no código-fonte e clique em Adicionar Inspeção ou digite o nome da variável no painel Observar.

Inspecionando a pilha de chamadas

À medida que você depura o aplicativo percorrendo o código JScript, pode exibir as funções na pilha de chamadas atual. Clique em uma função na pilha de chamadas para exibir o código-fonte no Painel de Conteúdo Primário.

Usando o console do depurador

Em vez de editar o código-fonte para testar uma instrução, com as Ferramentas para Desenvolvedores, você simplesmente digita as instruções JScript no painel Console para executá-las. Clique em Modo Multilinha para inserir várias linhas a serem executadas ao mesmo tempo. O Internet Explorer executa o código imediatamente, para que você possa testar o resultado da adição desse código ao mesmo local do ponto de interrupção atual. É possível usar o Console mesmo quando você não está depurando. Para facilitar a correção de erros na página, o Console também registra todas as mensagens de erro de script com o uso de console.log. É possível obter mais informações sobre isso em Depurando script com as Ferramentas para Desenvolvedores na seção "Usando o Console para executar instruções de código" (a página pode estar em inglês).

Para obter informações mais detalhadas sobre a depuração de scripts, leia o artigo Depurando scripts com as ferramentas para desenvolvedores (a página pode estar em inglês).

Criando perfis de desempenho JScript

A depuração de JScript ajuda a aperfeiçoar o comportamento do site, mas o JScript Profiler pode ajudar a elevar seu para o próximo nível, aprimorando seu desempenho. O Profiler apresenta dados sobre o tempo gasto em cada método JScript do site e até mesmo funções JScript internas, como a concatenação de cadeias de caracteres. Como você pode iniciar e parar o JScript Profiler a qualquer momento durante a execução de um aplicativo, é possível coletar dados de vários perfis para o cenário específico do seu interesse.

Iniciando e parando o Profiler

Assim como ocorre com o depurador, é fácil começar: abra a guia Profiler e clique em Iniciar Criação de Perfil para iniciar uma sessão. Execute o cenário para o qual você deseja criar o perfil e clique em Para Criação de Perfil. Os dados resultantes podem ser examinados imediatamente.

Exibindo dados

Por padrão, os dados aparecem em um modo de exibição de função que lista todas as funções usadas. Clique no menu suspenso Modo de Exibição Atual e selecione Árvore de Chamadas para exibir uma árvore que representa a ordem das chamadas feitas, para que você possa percorrer o caminho do código e localizar pontos de acesso. Nos dois modos de exibição, você pode adicionar, remover, organizar e classificar as colunas para localizar as informações que procura.

O relatório de perfil fornece informações sobre a URL e o número de linha da função para ajudá-lo a localizar o código no aplicativo. Clique no nome da função para ativar o código-fonte dela no Painel de Conteúdo Primário da guia Script.

Observação  A funcionalidade de mapeamento de número da linha para códigos-fonte somente está disponível quando a depuração de script é habilitada. É possível obter mais informações sobre a depuração de script em: Depurando scripts com as ferramentas para desenvolvedores (a página pode estar em inglês).

Criando perfis de várias sessões e exportando dados

Clique em Iniciar Criação de Perfil novamente para começar uma nova sessão de perfil. Quando você clica em Parar Criação de Perfil, os novos dados são exibidos. Para exibir os dados de sessões com criação de perfil anteriores, clique na lista suspensa de arquivos e escolha outro relatório. O relatório de perfil é mantido durante o processo atual do Internet Explorer, mas você pode salvar os dados do perfil no formato CSV clicando no botão Exportar e usar outro aplicativo para investigações posteriores.

Para obter mais informações sobre a criação de perfis, leia o artigo Criando scripts com as Ferramentas para Desenvolvedores (a página pode estar em inglês).

Procurando conteúdo

As Ferramentas para Desenvolvedores oferecem um pacote de ferramentas para inspecionar e modificar as origens, de modo a testar os itens dinamicamente. Quando há muitas origens para examinar, não é uma boa ideia poder localizar os itens rapidamente? Isso é possível e você pode fazê-lo com a caixa Pesquisar fornecida nas Ferramentas para Desenvolvedores. A caixa Pesquisar faz distinção entre maiúsculas e minúsculas para a guia Modo na qual você está no momento. Por exemplo, se você estiver na guia HTML, a pesquisa será executada em relação ao DOM no Painel de Conteúdo Primário. Todas as correspondências são realçadas e a primeira é selecionada. De modo semelhante, você pode pesquisar nas guias CSS, Script e Profiler.

A caixa Pesquisar também dá suporte para a sintaxe W3C Selectors API  a sintaxe Link da World Wide Web da guia HTML. Para usar a sintaxe de seletores, inicie a pesquisa com o símbolo "@". Por exemplo, para localizar todos os elementos div, digite "@div". Para localizar somente elementos div com um determinado nome de classe CSS, digite "@div.myClassName" ou, para localizar elementos com o nome da classe, digite "@.myClassName". Também é possível pesquisar por elementos com um ID definido: digite "@#myID". Para saber mais sobre seletores CSS, leia Noções básicas de seletores CSS.

Observação  Os nomes de classes CSS fazem distinção entre maiúsculas e minúsculas durante o uso da sintaxe de seletor na caixa Pesquisar.

Exibindo origens

Antes do Internet Explorer 8, o único código-fonte que podia ser exibido era aquele mostrado quando você clicava com o botão direito do mouse em uma página da Web e selecionava Exibir Código-Fonte. Essa opção ainda está disponível; no entanto, usando o comando Exibir das Ferramentas para Desenvolvedores, você tem mais controle sobre quais códigos-fonte exibir. Você pode optar por examinar um elemento específico com seus códigos-fonte DOM somente ou com códigos-fonte DOM e estilos que são aplicados a esse elemento. Isso isola o elemento para proporcionar o foco necessário aos problemas potenciais. Também é possível exibir o código-fonte Original da página da Web ou os códigos-fonte DOM conforme representados pelo Internet Explorer. Isso inclui os códigos-fonte originais e aqueles inseridos por scripts. Agora, você visualiza exatamente o que o navegador Internet Explorer vê.

A opção para exibir o Relatório de Link também faz parte do comando Exibir. O relatório de link é gerado em uma guia separada do navegador com informações de todos os links encontrados na página.

Observação  As Ferramentas para Desenvolvedores oferecem a opção de escolher seu próprio aplicativo com o qual Exibir Código-Fonte. Essa opção pode ser encontrada no menu Arquivo.

Contornando os elementos na tela

Você já imaginou onde a borda de um determinado elemento fica na tela? Você já teve que transformar a borda de um elemento em 1 apenas para saber onde ela está? Com o comando Contorno das Ferramentas para Desenvolvedores, você pode visualizar todos os contornos dos elementos sem modificar os códigos-fonte. Esse comando fornece alguns elementos usados comumente, como Tabelas, Elementos Div e Imagens. Também oferece uma caixa de diálogo para adicionar Qualquer Elemento... que você queira contornar. Você também pode atribuir uma cor a cada elemento para ajudar a diferenciá-los. O contorno será mantido até você desativá-lo ou atualizar a página. É possível encontrar mais informações sobre Contorno em Referência à interface de usuário das Ferramentas para Desenvolvedores na seção "O menu Contorno" (a página pode estar em inglês).

Trabalhando com imagens

Quando você trabalha com imagens, as Ferramentas para Desenvolvedores oferecem vários comandos para ajudá-lo a identificar rapidamente informações sobre imagens, como o tamanho do arquivo, as dimensões e o caminho, diretamente na tela. Isso também permite a você ativar ou desativar a renderização da imagem. Isso até oferece uma opção para gerar o Relatório de Imagem de cada imagem encontrada na página da Web.

Controlando o cache e os cookies

O menu de comando Cache dá a você o controle sobre as configurações de cache e cookie. Você pode configurar o navegador para Sempre Atualizar do Servidor para saber que está recebendo as informações mais recentes. Também é possível controlar o cache com Limpar Cache do Navegador ou Limpar Cache do Navegador para Este Domínio.

Trabalhando com cookie, você pode optar por desabilitá-lo, para que nenhum cookie seja gravado na sua máquina. Você pode visualizar rapidamente uma lista completa de todos os cookies clicando em Exibir Informações de Cookie. Também pode optar por Limpar Cookies da Sessão ou Limpar Cookies para o Domínio.

Nos dois casos, para o cache e os cookies, esses comandos serão úteis porque oferecem acesso rápido e controle rígido sobre o ambiente do navegador.

Usando ferramentas avançadas

O menu de comando Ferramentas oferece três ferramentas avançadas à medida que você trabalha nos seus sites.

  1. A ferramenta Redimensionar: Essa ferramenta ajuda a redimensionar rapidamente a janela do navegador para tamanhos padrão, como 800x600 ou 1024x768,ou você pode até adicionar tamanhos de janela Personalizados... Há atalhos de teclado disponíveis para isso na Referência de atalhos de teclado das Ferramentas para Desenvolvedores (a página pode estar em inglês).
  2. A ferramenta Mostrar Régua: Essa ferramenta permite a você desenhar regras na tela para ajudar a capturar a distância entre objetos. As réguas podem ser definidas para Ajustar ao eixo XY, Ajustar ao elemento ou forma livre. Você pode desenhar quantas réguas quiser e pode reutilizar uma régua redimensionando-a e arrastando-a.
  3. A ferramenta Mostrar Selecionador de Cores: Essa ferramenta o ajudará a escolher uma cor. Ao colocar o selecionador sobre qualquer texto, objeto ou plano de fundo exibido na tela, você poderá visualizar um exemplo da cor que o selecionador está usando no momento, junto com seu valor HEXA. Depois que clicar em uma cor, você poderá copiar o valor no seu código.

Validando seus códigos-fonte

Depois que você terminar seu trabalho de desenvolvimento, será bom saber que seu código segue vários padrões, como HTML, CSS e acessibilidade. As Ferramentas para Desenvolvedores reuniram esses recursos úteis para ajudá-lo a verificar seus códigos-fonte em relação a esses validadores. Simplesmente escolha o tipo de validação que você deseja executar ou faça uma sessão de Validações Múltiplas....

Testando em modos diferentes de navegador e documento

O Internet Explorer 8 tem a capacidade de renderizar páginas e informações de versão de relatório como o Internet Explorer 7. Os desenvolvedores da Web e os usuários finais podem usar essa capacidade para assegurar que os sites continuem funcionando, mesmo que não tenham sido criados para o Internet Explorer 8, mas você também pode usá-la para testar a aparência do site para usuários do Internet Explorer 7.

Testando modos de navegador

O menu Modo do Navegador permite escolher como o Internet Explorer deverá relatar três propriedades importantes:

  • Cadeia de caracteres do agente do usuário: O valor que o Internet Explorer envia aos servidores Web para se identificar.
  • Vetor da versão: O valor usado durante a avaliação de comentários condicionais.
  • Modo de documento: O valor usado para determinar se o Internet Explorer usa o comportamento mais recente para operações de CSS, DOM e JScript ou emula uma versão anterior do Internet Explorer para fins de compatibilidade.

Existem três opções de Modo de Navegador, sendo que cada uma modifica esses valores de modos diferentes:

  • Internet Explorer 7: Nesse modo, o Internet Explorer relata um agente de usuário, um vetor de versão e um modo de documento idênticos aos usados pelo Internet Explorer 7. Use esse modo para testar a experiência dos usuários do Internet Explorer 7 com o seu site.
  • Internet Explorer 8: Nesse modo, o Internet Explorer relata um agente de usuário,um vetor de versão e um modo de documento para corresponder ao comportamento padrão do Internet Explorer 8, que é o mais compatível com padrões disponíveis no Internet Explorer 8. Use esse modo se você quiser testar a experiência dos usuários do Internet Explorer 8 com o seu site.
  • Modo de Exibição de Compatibilidade do IE8 Nesse modo, o Internet Explorer 8 relata o vetor da versão, o modo de documento e a cadeia de caracteres do agente do usuário como se fosse o Internet Explorer 7; no entanto, a cadeia de caracteres do agente do usuário também inclui um token que indica se o navegador é realmente o Internet Explorer 8. Use esse modo para testar a experiência dos usuários do Internet Explorer 8 com o seu site, caso tenham escolhido a opção Modo de Exibição de Compatibilidade.

Testando modos de documento

O Modo de Documento define como o Internet Explorer renderiza a página, mas não tem efeito no vetor da versão, nem na cadeia de caracteres do agente de usuário. Ao usar essa opção junto com o Modo do Navegador, você pode testar rapidamente qual modo de documento deve usar para o site. Existem três opções:

  • Modo Quirks: Esse comportamento corresponde ao do Internet Explorer durante a renderização de um documento sem doctype ou um doctype Quirks. É semelhante ao comportamento do Microsoft Internet Explorer 5 e ao comportamento do modo Quirks do Internet Explorer 6 e igual ao modo Quirks do Internet Explorer 7.
  • Modo de Padrões do Internet Explorer 7: Esse comportamento corresponde à renderização pelo Internet Explorer 7 de um documento com um doctype estrito ou desconhecido.
  • Modo de Padrões do Internet Explorer 8: Esse comportamento é o mais recente compatível com padrões disponível no Internet Explorer 8, e o modo usado por padrão no Internet Explorer 8 durante a renderização de um documento com um doctype estrito ou desconhecido.

Para obter mais informações sobre os modos de compatibilidade de documento, leia o artigo Testando modos de compatibilidade de documento e navegador com as Ferramentas para Desenvolvedores (a página pode estar em inglês)

Usando atalhos de teclado

As Ferramentas para Desenvolvedores do Internet Explorer 8 têm suporte extensivo para atalhos de teclado para facilitar a realização de tarefas. Use convenções padrão do Windows, como F12, para abrir ou fechar as Ferramentas para Desenvolvedores e F5 para Atualizar a página. Para obter a lista completa, vá para Referência de atalhos de teclado das Ferramentas para Desenvolvedores (a página pode estar em inglês).

Referenciando comandos de interface

Embora esse artigo apresente muitos dos recursos principais das Ferramentas para Desenvolvedores, você pode encontrar ainda mais informações sobre todas as ferramentas disponíveis em Referência de interface do usuário das ferramentas para desenvolvedores (a página pode estar em inglês).

Tópicos relacionados