Boa tarde!
Estou tentando criar uma extensão para clicar automaticamente em um botão de uma página a cada X segundos. No meu caso é uma ferramenta de trabalho chamada ServiceNow, onde tem painéis com relatórios em tempo real, porém o menu onde ficam os chamados que tenho que atender não atualiza sozinho, apenas se clicar em um botão com ícone de Refresh.
O problema é que ele não executa a função que deveria (acredito que seja problema no querySelector).
div do botão
<div class="header-tools" style="background-color: #1d7f00">
<button tabindex="0" class="btn header-icon icon-refresh" style="color: #FFFFFF" aria-label="Atualizar Widget Dashboard Fila Atendimento - Incidentes" title="" data-original-title="Atualizar"></button>
</div>
manifest.json
{
"manifest_version": 2,
"name": "Auto Refresh - ServiceNow",
"description": "Extensão para o Google Chrome que atualiza automaticamente o ServiceNow.",
"version": "1.1",
"icons": {
"128": "128.png"
},
"content_scripts": [{
"matches": ["https://renner.service-now.com/*"],
"js": ["autorefresh-servicenow.js"]
}]
}
autorefresh-servicenow.js
;(function( doc ) {
'use strict';
console.log( "Auto Refresh - ServiceNow" );
var $autorefreshsn;
window.setInterval(function() {
var $autorefreshsn = document.querySelector('button.btn.header-icon.icon-refresh::before');
if( ! $autorefreshsn ) {
return;
}
$autorefreshsn.click();
}, 3000);
})( document );
Obs: Já tentei sem o
::before
, tentei só com a class.header-tools
e até pelo atributo[style="background-color: #1d7f00"]
mas nada adiantou.