DevTools para guias do Microsoft TeamsDevTools for Microsoft Teams tabs

Quando o Microsoft Teams é executado em um navegador, é fácil acessar o DevTools do navegador: F12 (no Windows) ou Command-Option-I (no MacOS).When Teams is running in a browser, it’s easy to access the browser's DevTools: F12 (on Windows) or Command-Option-I (on MacOS). O DevTools fornece acesso a:The DevTools gives you access to:

  1. Exibir logs do console.View console logs.
  2. Exibir/modificar as solicitações HTML, CSS e de rede durante o tempo de execução.View/modify html, css, and network requests during runtime.
  3. Adicionar pontos de interrupção ao código JavaScript e realizar depuração interativa.Add breakpoints to your JavaScript code, and perform interactive debugging.

O recurso está disponível somente nos clientes de área de trabalho e Android após a visualização do desenvolvedor ter sido habilitada.The feature is only available in desktop and Android clients after Developer Preview has been enabled. Veja como habilitar a visualização do desenvolvedor para obter mais informações.See How do I enable Developer Preview for more information.

Acessando o DevTools na área de trabalhoAccessing DevTools in the Desktop

Embora a versão da Web do Teams e da versão da área de trabalho do teams seja quase exatamente a mesma, existem algumas diferenças, particularmente em relação à autenticação.While the web version of Teams and the desktop version of teams are almost exactly the same, there are some differences, particularly with respect to authentication. Às vezes, a única maneira de descobrir o que está acontecendo é usar o DevTools.Sometimes the only way to figure out what’s going on is to use the DevTools. Confira aqui como acessá-los no cliente da área de trabalho do Microsoft Teams.Here's how to get to them from the Teams desktop client. Para usar o DevTools no cliente de desktop:To use DevTools in the desktop client:

  1. Verifique se você habilitou a visualização do desenvolvedorMake sure you have enabled developer preview
  2. Abra uma guia para que você tenha algo a inspecionar com o DevTools.Open up a tab so you have something to inspect with the DevTools.
  3. Abra o DevToolsOpen the DevTools
    • No Windows, abra o DevTools por meio do ícone do Microsoft Teams na bandeja da área de trabalho:On Windows, you open DevTools via the Microsoft Teams icon in the desktop tray:

Clique com o botão direito do mouse para abrir o DevTools

* <span data-ttu-id="efc25-122">No MacOS, clique no ícone do Microsoft Teams no encaixe.</span><span class="sxs-lookup"><span data-stu-id="efc25-122">On MacOS, click on the Microsoft Teams icon in the Dock.</span></span>

Veja a aparência de uma guia de exemplo com a DevTools aberta e um elemento selecionado:Here’s what a sample tab looks like with the DevTools open and an element selected:

Guia e DevTools

Acessando o DevTools de um cliente AndroidAccessing DevTools from an Android client

Você também pode habilitar o DevTools do cliente do Android do teams.You can also enable the DevTools from the Teams Android client. Para fazer isso:To do so:

  1. Verifique se você habilitou a visualização do desenvolvedorMake sure you have enabled developer preview
  2. Conecte o dispositivo ao computador de mesa e configure seu dispositivo Android para depuração remotaConnect your device to your desktop computer, and setup your Android device for remote debugging
  3. No navegador Chrome, abra chrome://inspect/#devices.In your Chrome browser, open chrome://inspect/#devices.
  4. Clique em inspecionar abaixo da guia que você deseja depurar, como na captura de tela abaixo.Click inspect below the tab you wish to debug, as in the screenshot below.

DevTools Android