Atalho de teclado do Chrome para pausar a execução de scripts

Question

Existe um atalho de teclado no Google Chrome que interromperá a execução do script? (Equivalente a pressionar o botão || "Pausar execução de script" no painel Scripts de Ferramentas do Desenvolvedor.)

Eu gostaria de usar o Dev Tools para inspecionar um elemento em seu estado de mouseover; o código mouseleave obviamente será executado se eu tentar clicar no botão de pausa!

    

Answer 1

Embora não tenha encontrado a solução exata para este problema, criei um one-liner que pode ser colocado em uma página (ou colado 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 tem muitos atalhos internos (pressione F1 para uma lista), mas você deve estar focado na janela Dev Tools para que eles funcionem. Pausar a execução do script é F8 (quando se olha na guia Fontes, como no Chrome 45) ou Ctrl + / .

O one-liner acima pode ser útil se você precisar manter o foco na página antes de pausar.

    

Answer 2

A Referência de atalhos de teclado do Google lista para "Pausar / retomar a execução de scripts":

• F8 ou Ctrl + \ (Windows)
• F8 ou Cmd + \ (Mac)

Existem maneiras mais fáceis de inspecionar coisas em estados ímpares, como passar o mouse ou ativo. Primeiro, encontre o nó DOM no painel Elementos do Chrome Dev Tools. Agora você pode clicar com o botão direito do mouse no nó e examinar o "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 ponteiro do mouse no canto superior direito (ao lado do ícone + / plus, que permite adicionar uma nova regra de CSS a element.style , o elemento 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.

    

Answer 3

Eu escrevi uma pequena extensão do Google Chrome que permite que você pressione o botão "Pausar" no seu teclado para pausar a execução do javascript

Como conseguir:

• Chrome WebStore
• Código-fonte no GitHub
• Arquivo CRX

Uso:

1. Mantenha as ferramentas do desenvolvedor do Chrome abertas
2. Pressione pause/break no seu teclado

Answer 4

Exercitando meu Google-fu, encontrei o lista oficial do google de atalhos de teclado do Chrome

Parece que não há um dedicado a isso. Você pode sempre escrever um plugin que interprete uma combinação de teclas como um botão de pausa, se desejar.