Existe um atalho de teclado no Google Chrome que interrompe a execução do script? (Equivale a pressionar o botão ||"Pausar execução de script" no painel Scripts das Ferramentas do desenvolvedor.)
Eu gostaria de usar as Ferramentas de Desenvolvimento para inspecionar um elemento em seu estado de mouseover; mouseleaveobviamente, o código será executado se eu tentar realmente clicar no botão de pausa!
Respostas:
Embora eu não tenha encontrado a solução exata para esse problema, criei uma linha que pode ser colocada em uma página (ou colada no console Javascript) para atingir meu objetivo:
jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });
Isso fará com que a execução seja pausada quando você pressionar F12.
( debuggeré uma instrução JavaScript que força um ponto de interrupção.)
Atualização: o Dev Tools possui muitos atalhos internos (pressione F1para obter uma lista), mas você deve estar focado na janela do Dev Tools para que funcionem. Pausar a execução do script é F8(ao olhar para a guia Fontes, no Chrome 45) ou Ctrl+ /.
A linha de cima acima ainda pode ser útil se você precisar manter o foco na página antes de fazer uma pausa.
window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
setTimeout(function() { debugger; }, 1000)ajuda aqui
Listas de referência de atalhos de teclado do Google para "Pausar / retomar a execução do script":
Existem maneiras mais fáceis de inspecionar coisas em estados estranhos, como pairar ou ativo. Primeiro, encontre o nó DOM no painel Elementos das Ferramentas de Desenvolvimento do Chrome. Agora você pode clicar com o botão direito do mouse no nó e olhar para "Force Element State" no menu de contexto ou selecionar o nó e procurar na guia Styles e encontrar o ícone da caixa tracejada com o mouse no canto superior direito (ao lado do ícone + / mais, que permite adicionar uma nova regra de CSS ao element.styleelemento selecionado).
Quando você ativa um desses estados, a margem esquerda do painel de elementos recebe um pequeno círculo para indicar que você substituiu o estado natural do elemento nessa linha.
Eu escrevi uma pequena extensão rápida do Chrome que permite que você pressione o botão Pausar no teclado para pausar a execução de javascript
pause/breakno seu tecladoExercitando meu Google-fu, encontrei a lista oficial do Google de atalhos de teclado do Chrome
Não parece que haja alguém dedicado a isso. Você sempre pode escrever um plug-in que interpreta uma combinação de teclas como um botão de pausa, se desejar.