Aplicativo empacotado do Google Chrome - baixando o arquivo do Webview
Eu estou trabalhando em obter um aplicativo da web estilo Ajax existente funcional como um aplicativo empacotado do Chrome. O aplicativo Ajax está sendo executado em um Webview dentro do aplicativo empacotado e funciona principalmente bem.
O aplicativo Ajax permite que os usuários carreguem documentos usando o upload padrão de HTML 5 e arrastar / soltar. Uploads funcionam bem, masdownloads não estão funcionando.
Esta é uma amostra simplificada da lógica no aplicativo Ajax. Ele usa JavaScript para manipular o evento click, executa alguma lógica e, em seguida, aciona o download definindo o local de um IFrame oculto.
<html>
<head>
<script type="text/javascript">
function downloadFile(url) {
window.frames['dataTransfer'].location = url;
}
</script>
</head>
<body>
<a href="http://www.google.com" target="_blank">Google</a><br/>
<a href="https://s3.amazonaws.com/LYHKDevA1/2058e6cab4304af3a39eeb275eeac96d?response-content-disposition=attachment%3Bfilename%3D%22TestFile.pdf%22%3Bfilename*%3DUTF-8%27%27TestFile.pdf&Signature=FUlZZqNoJ%2F%2FvHIPX6CPDkvJ7uik%3D&Expires=1437854276&AWSAccessKeyId=1ZAN0NYFJ2DCQX8AN8G2" target="_blank">Download PDF</a><br/>
<a href="#" onclick="downloadFile('https://s3.amazonaws.com/LYHKDevA1/2058e6cab4304af3a39eeb275eeac96d?response-content-disposition=attachment%3Bfilename%3D%22TestFile.pdf%22%3Bfilename*%3DUTF-8%27%27TestFile.pdf&Signature=FUlZZqNoJ%2F%2FvHIPX6CPDkvJ7uik%3D&Expires=1437854276&AWSAccessKeyId=1ZAN0NYFJ2DCQX8AN8G2');return false;" target="_blank">Download PDF JS</a><br/>
<iframe name="dataTransfer" style="width: 0; height: 0; border: none;"></iframe><br/>
</body>
</html>
Se você executar isso em uma guia padrão do Chrome, todos os três links funcionarão bem. No entanto, em um aplicativo do Google Chrome, apenas os primeiros dois links funcionam - clicar no terceiro link não faz nada. Na seção de rede das ferramentas do desenvolvedor, ele realmente aparece para iniciar o download, mas depois é cancelado rapidamente.
O manifesto do aplicativo Chrome permite o Webview e os domínios relevantes envolvidos.
{
"manifest_version": 2,
"name": "Test Download",
"version": "0.1.0",
"permissions": [
"webview",
"<DOMAIN OF THE SAMPLE PAGE ABOVE>",
"https://s3.amazonaws.com/"
],
"app": {
"background": {
"scripts": ["background.js"]
}
},
"icons": {},
"minimum_chrome_version": "28"
}
O aplicativo do Google Chrome tem algumasnewwindow
manuseio também.
window.onload = function() {
var webview = document.querySelector('#app-webview');
webview.src = '<URL TO SAMPLE PAGE ABOVE>';
webview.addEventListener('newwindow', function(e) {
e.preventDefault();
e.stopPropagation();
window.open(e.targetUrl);
});
};
Alguma sugestão sobre como fazer com que os downloads funcionem (esperamos que sem exigir mudanças significativas no aplicativo Ajax)?