Question

我在本地Web服务器上运行的Web应用程序正在尝试通过webview进行交互。我的链接将返回PDF，其中内容处置是附件（要求文件由系统默认的pdf阅读器下载和打开）。

我查看了在处理Chrome应用中的权限请求时可以找到的内容。在这一点上，我甚至无法确认应用程序甚至收到了权限请求。难道我做错了什么？大概。它是什么？

以下是我的网络应用中的链接。

<a href="/mypage/publication_file/8827">Download</a>

这是我的清单。

{
  "app": {
    "background": {
      "scripts": [ "main.js" ]
     }
   },
  "icons": {
   "128": "icon_128.png",
   "16": "icon_16.png"
  },
  "manifest_version": 2,
  "minimum_chrome_version": "30",
  "name": "PED",
  "permissions": [ "webview" ],
  "version": "0.0.0"
}

这是我的JS。

chrome.app.runtime.onLaunched.addListener(function() {
  runApp();
});

function runApp() {
  chrome.app.window.create('browser.html', {
    bounds: {
     'width': 1280,
     'height': 768
    }
  });
}

var webview = document.getElementById("webview");
webview.addEventListener('permissionrequest', function(e) {
  console.log("permission requested")
});

当我点击我的链接时，我没有在控制台上收到我的消息。

Answer 1

var webview = null;

function isSafeUrl(url) {
  // You may want to perform a more rigorous check.
  // There's a technique that creates an <a> to parse the URI, but that seems
  // like a security risk.
  return !!url.match(/^(?:ftp|https?):\/\//i);
}

function onPermissionRequest(event) {
  switch (event.permission) {
    case 'download':
      if (isSafeUrl(event.request.url)) {
        event.request.allow();
      } else {
        event.request.deny();
      }
      break;

    // You can add code for other permissions here.
  }
}

function onDomReady() {
  webview = document.getElementById('webview');
  webview.addEventListener('permissionrequest', onPermissionRequest);
}

document.addEventListener('DOMContentLoaded', onDomReady);

如何在Google Chrome应用中允许在webview中下载？

1 个答案: