Devtools scraping (JavaScript)

Para automatizar alguma ação em um site muitas vezes prefiro trabalhar na consola do browser, em vez de usar um setup de scraping a sério e todo o boilerplate que implica.

Copiar da consola

Valores produzidos pelo console.log vêm com um prefixo tipo VM234:3. Uso esta snippet de Powershell para limpar:

((Get-Clipboard -Raw) -split "\r?\n") |
   ForEach-Object { $_ -replace '^\s*VM\d+:\d+\s*', '' } |
   Where-Object { $_ -match '\S' } |
   Set-Clipboard

Importar libraries

Exemplo de importar Angular:

fetch('https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js')
    .then(response => response.text())
    .then(text => eval(text))
    .then(() => { /* now you can use your library */ })

Atalho de teclado → Execução

Se fizer Alt+A faz o equivalente de carregar o botão de submeter o formulário.

document.addEventListener('keydown', function(e) {
    // Check if Alt+a is pressed
    if (e.altKey && e.code === 'KeyA') {
        // Add your function here
        f = document.getElementById('form_report_params') ;
        f.target = '_blank'; //Abre em nova tab
        f.requestSubmit(f.runButton);
    }
}, false);