Obter dados de sites com extensão do Chrome
Estou desenvolvendo uma extensão para o Chrome, no qual ele irá ler os dados em tela e fazer o download para um arquivo .xls. Já consegui fazer para baixar o .xls através da extensão, porém o arquivo vem vazio. Quem puder me dá uma luz, ficarei grata !
//popup.js
chrome.runtime.onMessage.addListener(
function totallyAwesome() {
oTabela = document.createElement('table');
aData = [];
console.log(aData);
//$(function(){
$('input[name^="container:listaPontosContainer"]').each(function (index, el) {
var oTr = $(el).closest('tr');
var oTable = $(oTr).closest('table');
var oTrData = '';
var bSairForeach = false;
$(oTable).find('tr').each(function (index2, el) {
if ($(el).hasClass('folhaponto-header') && !bSairForeach) {
oTrData = el;
}
if ($(oTr).index() == $(el).index()) {
bSairForeach = true;
}
});
var sPontoHora = $(el).val();
var sPontoDia = $('td > span', oTrData).get(1).innerHTML;
oTrTabela = document.createElement('tr');
oTdTabela1 = document.createElement('td');
oTdTabela1.innerHTML = sPontoDia;
oTdTabela2 = document.createElement('td');
oTdTabela2.innerHTML = sPontoHora;
oTrTabela.appendChild(oTdTabela1);
oTrTabela.appendChild(oTdTabela2);
oTabela.appendChild(oTrTabela);
aData.push([{v: sPontoDia, t: 's'}, {v: sPontoHora, t: 's'}]);
});
$('#minha-tabela-teste').detach();
oTabela.id = 'minha-tabela-teste';
document.body.appendChild(oTabela);
var oTableXlsx2 = $('#minha-tabela-teste').tableExport({
formats: ['xlsx'],
exportButtons: false
});
console.log(aData);
oTableXlsx2.export2file(aData, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'relatorio2', ' xlsx');
//});
});
/*function clickHandler(e) {
setTimeout(awesomeTask, 1000);
}*/
document.addEventListener('DOMContentLoaded', function () {
var botao = document.getElementById('botao');
botao.addEventListener('click', function () {
totallyAwesome();
});
});//manifest.json
{
"manifest_version": 2,
"name": "Teste",
"version": "1.7.1",
"description": "Importar para .xlsx teste.",
"icons": {
"128": "icone.png"
},
"background": {
"scripts": ["background.js"],
"persistent": false
},
"permissions": [
"activeTab",
"tabs",
"http:///",
"https:///"
],
"browser_action": {
"default_popup": "popup.html"
},
"devtools_page": "popup.html",
"content_scripts": [
{
"matches": [
"http:///",
"https:///"],
"js": [
]
}
]
}
<!--popup.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="popup.js" defer></script>
<style>
.fundo {
width: 300px;
height: 50px;
}
.corpo {
margin: 5px;
}
#botao{
margin-left: 80px;
}
</style>
</head>
<body>
<div>
<label>Permitir que a extensão faça o download dos pontos desta página?</label>
<button id="botao">Sim</button>
</div>
</body>
</html>Discussão (0)
Carregando comentários...