Aplicativo empacotado do Google Chrome - baixando o arquivo do Webview

Question

Jul 26, 2013, 02:40 AM

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)?