Este artigo descreve como depurar um código de cliente de suplemento (JavaScript, opcionalmente TypeScript) nas condições quando.
Você não pode ou não quer depurar tão bem quanto as ferramentas incorporadas ao IDE; também conhecido como você só está tendo problemas se algum suplemento for executado fora do IDE.
Sua máquina está executando uma combinação de versões do Windows e do Office que usam o Internet Explorer para desabilitar o Web View, Trident.
O Windows 10 e o 11 incluem uma ferramenta funcional de desenvolvimento de sites chamada “F12” porque foi iniciada anteriormente pressionando F12 no Internet Explorer. F12 agora é um aplicativo independente que é empregado para depurar seu suplemento enquanto executa o controle de exibição da Web Trident no File Explorer. O aplicativo para smartphone não está disponível em versões anteriores do Windows.
As etapas a seguir são instruções para depurar o complemento já presente. Se você quiser apenas experimentar as ferramentas F12, confira o principal Exemplo de suplemento de ferramentas F12.
Fortect é a ferramenta de reparo de PC mais popular e eficaz do mundo. Milhões de pessoas confiam nele para manter seus sistemas funcionando de forma rápida, suave e livre de erros. Com sua interface de usuário simples e mecanismo de verificação poderoso, o Fortect localiza e corrige rapidamente uma ampla gama de problemas do Windows, desde instabilidade do sistema e problemas de segurança até gerenciamento de memória e gargalos de desempenho.
3. Clique em "Reparar" para corrigir quaisquer problemas encontrados
Partes do IEChooser mostrando a janela Select Named Target de uma pessoa durante a depuração. Seu complemento geralmente é exibido em uma janela com algum nome de arquivo de nossa página inicial personalizada do complemento. Na captura de tela a seguir, é Home.html. Apenas os tipos de procedimentos que podem ser executados na Internet ou no Explorer aumentam o Trident. A ferramenta não pode anexar processos que os profissionais acreditam estar sendo executados em outros navegadores e visualizações de mecanismos de pesquisa, incluindo o Microsoft Edge.
Onde podem estar localizadas as ferramentas de depuração da Microsoft?
O índice de montagem padrão para instalar sistemas operacionais de 64 bits para obter ferramentas de depuração é C:Program Files (x86)Windows Kits10Debuggers. Se o cliente tiver um sistema operacional de 32 bits, você poderá acessar o arquivo Windows Kits na pasta C:Program Files.
Selecione seu processo; Complementos que fazem isso, têm qualquer nome de arquivo da página inicial. Este efeito conecta as ferramentas F12 do processo e abre minha interface de usuário F12 principal.
Como uso as Ferramentas do desenvolvedor F12 no IE?
Para acessar as Ferramentas de Desenvolvedor do IE, inicie o Internet Explorer e pressione a tecla F12 em seu botão liga/desliga ou selecione Ferramentas de Desenvolvedor F12 no menu Ferramentas. Isso abrirá as ferramentas do desenvolvedor encontradas na guia do visitante.
Abra a guia Depurador.
Como abro a depuração no Internet Explorer?
Clique com o botão direito do mouse em “Inspecionar elemento” e, opcionalmente, pressione “Ferramentas do desenvolvedor” F12 no ícone de engrenagem para abrir o painel “Ferramentas do desenvolvedor”.Clique na guia Depurador.Clique em seu próprio ícone de sinal de parada específico.Selecione “Nunca violar exceções”
No vampiro, à esquerda de toda a guia, logo abaixo de toda a barra de ferramentas de depuração, é considerado um ícone de pasta modesto. Selecione esta opção para abrir outra lista suspensa de arquivos em seu suplemento. Aqui está um novo exemplo.
Como posso depurar ferramentas especializadas no Windows?
As ferramentas de depuração para Windows estão listadas no Windows Driver Kit (WDK). Para obter mais orientações sobre como obter o WDK, consulte Download deste Kit de Driver Especial do Windows (WDK). Ferramentas de depuração no entanto, se o Windows estiver incluído no SDK do Windows. Para baixar o instalador como uma imagem ISO, verifique o SDK do Windows 10 no Windows Dev Center.
Selecione um arquivo para depurar e ele será aberto na área Script Set (à esquerda) da guia Debugger. Por outro lado, se você usar um transpiler, packer, too minifier que altera o nome do aplicativo, o conteúdo do terminal mostrará que o conceito foi simplesmente carregado, não o nome do arquivo principal original.
Role para ajudar a linha onde você deseja definir um ponto de interrupção e simplesmente clique na circunferência esquerda para inserir um número. Você verá praticamente qualquer ponto marrom à esquerda da grade, além disso, uma linha correspondente aparecerá na maioria das superfícies da guia Breakpoints no grande painel inferior. A captura de tela abaixo mostra um exemplo.
Iniciar características em um complemento para ativar o ponto de interrupção. Quando o último ponto de interrupção é atingido, uma seta apontando para a direita real aparece no ponto de interrupção azul. A captura de tela abaixo mostra um exemplo.
Um exemplo de complemento para testar cada uma de nossas ferramentas F12
Abra o Word e selecione um documento.
Na guia Inserir, no grupo Suplementos, selecione Meus Suplementos para abrir a caixa de diálogo Suplementos do Office do usuário e, em seguida, selecione a guia SALVAR.
Selecione o suplemento QR4Office. A barra de tarefas será exibida.
Execute as Ferramentas de Aprendizagem F12 apropriadas para sua versão fora do Office descrita na última seção.
No caso da janela F12, selecione Home.html.
Na guia Depurador, abra o arquivo Home.js conforme mostrado na seção anterior.
Defina pontos de interrupção quando ele estava nas linhas 310 e 312.
No suplemento, coloque o botão “Inserir”. Um ou mais desses tipos atingiram um ponto de interrupção.
Diálogo de depuração com plug-in
Se seu suplemento usa a API de diálogo do Office, essas caixas de diálogo são iniciadas em um processo separado além do painel de tarefas (se estiver) sempre presente), portanto, os instrumentos devem ser conectados a esse processo. Siga esses passos.
Inicie o suplemento e também as ferramentas.
Abra a caixa de diálogo e clique em todos os botões Atualizar nas ferramentas. A postagem de diálogo a ser exibida. Seu nome é o mesmo, então o nome do arquivo que ele abre dentro da caixa de diálogo.
