千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 如何使用本机脚本共享API

如何使用本机脚本共享API

来源:千锋教育
发布人:syq
时间: 2022-09-14 17:58:14 1663149494

  允许用户将文本、链接和文件共享到其已安装的应用。

如何使用本机脚本共享 API40

  本机 Web 共享 API 允许用户以与特定于平台的应用程序相同的方式将文本、链接和文件共享到设备上安装的其他应用程序。让我们来看看如何使用这个新功能。

  如何与网络共享 API 共享链接和文本?

  此 API 在导航器对象上公开一个方法。这是一个基于承诺的方法,具有必需的属性对象。您需要传递至少以下属性之一:share()

  title — 例如,共享的主题用作电子邮件的主题。

  text — 例如,邮件的正文文本用作电子邮件内容。

  url — 要共享的 URL 将追加到正文文本之后。

  文件 — 例如,要共享的文件在电子邮件中用作附件。

  下面的代码示例显示了使用本机共享方法并将其绑定到简单的按钮单击是多么容易:

1

  如何使用网络共享 API 共享文件?

  为了与 Web 共享 API 共享文件,最好使用该方法添加一个检查,以测试文件是否可以共享。navigator.canShare()

  然后,可以将文件作为数组添加到属性中。files

2

  对网络共享 API 的浏览器支持

如何使用本机脚本共享 API749


  浏览器对网络共享API的支持非常好,但是火狐中没有支持。同样有趣的是,尽管铬在Windows和浏览器操作系统上支持它,但到目前为止,它在macOS或Linux发行版上不支持它。

  资源

  网络共享 API 的浏览器支持表

  MDN — 导航器.share 文档

  结论

  Web 共享 API 是一项漂亮的功能,在某些站点上非常有用,可提供用户友好的共享方式。它比一堆自定义共享链接更容易实现。此外,它还会根据用户安装的应用程序自动显示用户选项。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区