写点什么

Web Share API 初体验 :浏览器原生设备分享功能

  • 2019-08-01
  • 本文字数:635 字

    阅读完需:约 2 分钟

Web Share API 初体验 :浏览器原生设备分享功能

Web Share API 提供了浏览器原生设备分享功能。该 API 最初是为移动设备设计的,但现在也可用在 OSX 上(使用 Safari 浏览器)。


Web Share API 仅包含一个 navigator.share()方法,该方法接收一个具有三个属性(URL、文本和标题)的对象作为参数,返回值是一个 Promise 异步对象,该对象在用户完成分享操作后结束。


在调用该 API 后,将会打开一个系统原生分享窗口,并向用户展示可用的分享目标应用程序列表。


对于网站来说,使用原生分享程序是一种显著的优势,因为它暴露给用户的是一个熟悉的界面,无需登录多个社交网络,并且能提供之前浏览器无法使用的新分享目标程序。


为了避免滥用,该 API 确实有一些限制。网站必须通过HTTPS进行访问,分享行为必须由用户操作来触发(例如点击鼠标)。


一个简单的分享操作过程如下所示:


document.querySelector('.sharebtn').addEventListener('click', shareSite)
function shareSite() { navigator.share({ title: document.title, text: 'Hello World', url: 'https://mewebsite.com', }) .then(() => { console.log('Share completed successfuly') }) .catch((error) => { console.log(`share failed: ${error}`) }); }
复制代码


当前版本的 API 仅包含分享 URL 的功能。在 Web Share API 2 发布时,还将添加其他特性,比如和其他应用程序共享文件。


目前,Web Share API 2 正在开发当中,可以在Chrome Status网站上查看它的最新进展。


原文链接:


First Look at the Web Share API


2019-08-01 08:003974
用户头像

发布了 180 篇内容, 共 82.2 次阅读, 收获喜欢 485 次。

关注

评论

发布
暂无评论
发现更多内容

全球国家简码信息表

入门小站

工具

三大「价值流」搞定技术型管理

蔡建斌

管理 技术管理 精益 引航计划 内容合集

如何从数据到资产

奔向架构师

数据治理 9月日更

Python——内置函数----让你偷懒的工具

在即

9月日更

编程基础:CPU资源监控

正向成长

CPU调度

如何选择收银机主板?

双赞工控

安卓主板

大厂敲门砖!P9技术官级别的顶级并发编程宝典,献给想去大厂的你

Java 编程 面试 程序人生 p9

ebay支付账务系统架构解析之“读”一无二

贾奇 (Jacky)

支付系统 CQRS 读写分离

用IoT放羊养牛,不出门也能知道它们的动向

华为云开发者联盟

物联网 华为云 iotda 畜牧业 华为云物联网平台

测试模型中理解压力测试和负载测试

FunTester

性能测试 接口测试 压力测试 FunTester 负载测试

HTML进阶(二)

Augus

html 9月日更

linux之chattr命令

入门小站

Linux

如何PWA构建现代离线应用程序

devpoint

Service Worker 9月日更

简单五步:给你的 Golang 应用加一个 GUI ( Electron 驱动)

baiyutang

UI 跨平台 Go 语言 GUI 9月日更

带你读AI论文丨用于细粒度分类的Transformer结构—TransFG

华为云开发者联盟

细粒度 映射 Transformer TransFG 差异性图片

计算机工业的生态链(三)

姬翔

9月日更

如何从零搭建起一支技术团队

石云升

团队管理 管理 引航计划 内容合集 9月日更

自定义aop实现Cacheable注解(零拷贝), CacheItemGet,CacheMapGet,CacheMapPut

张音乐

Java 缓存 注解 9月日更

MySQL + Keepalived 双主热备搭建

Se7en

一文说清BIO、NIO、AIO不同IO模型演进之路

慕枫技术笔记

后端 引航计划

架构训练营 模块7 - 王者荣耀商城异地多活架构设计

sophiahuxh

性能测试中标记请求参数实践

FunTester

性能测试 接口测试 压力测试 FunTester 标记参数

循环神经网络LSTM RNN回归:sin曲线预测

华为云开发者联盟

RNN 循环神经网络 LSTM LSTM RNN回归

从零到MySQL架构师学习内容整理

hanaper

网卡修改网速和buffer

耳东@Erdong

9月日更 网卡

设计模式类型

一个大红包

9月日更

KVM虚拟机常用管理命令

玏佾

kvm 虚拟主机

世界的尽头是铁岭,互联网的尽头是它

艾小仙

MySQL五个常见的高可用方案

hanaper

网络攻防学习笔记 Day132

穿过生命散发芬芳

网络模型 9月日更

快速上手Apache POI

卢卡多多

POI Apache POI 9月日更

Web Share API 初体验 :浏览器原生设备分享功能_前端_Guy Nesher_InfoQ精选文章