javascript - "share_target"在我的 PWA 应用程序中不起作用

Question

我用 manifest.json ( https://island-dapper-patella.glitch.me ) 创建了一个简单的页面

{
  "name": "Test",
  "theme_color": "#ff0000",
  "background_color": "#ff0000",
  "display": "fullscreen",
  "share_target": {
    "action": "/share.html",
    "params": {
      "title": "name",
      "text": "description",
      "url": "link"
    }
  }
}

我将它安装在我的智能手机(Android、Chrome 84)上，它的图标出现在应用程序列表中。

但是当我选择一个文本并转到共享菜单时，我的 PWA 应用程序不在那里。

为什么？

编辑:我在桌面版 Chrome 中也没有“安装”项。也许有什么不对？

Answer 1

我看到您的 manifest.json 缺少共享目标的一些条目。

确保它应该是这样的。

"share_target": {
"action": "url to get data",
"enctype": "multipart/form-data",
"method": "POST",
"params": {
  "title": "title",
  "text": "text",
  "url": "url",
  "files": [
    {
      "name": "media[]",
      "accept": [
        "audio/*",
        "image/*",
        "video/*"
      ]
    }
  ]
}

我正在使用它并且它运行成功。 (是的文件上传图片，音频和视频，你可以添加更多mime types)

您需要确保以下内容。分享应该包含正确的名称，然后才会获取详细信息。

"params": {
  "title": "name",
  "text": "description",
  "url": "link"
}

你可以通过这个 url 结束你的测试:https://w3c.github.io/web-share/demos/share-files.html