您的位置:首页 > 移动开发 > Android开发

ios和android浏览器与应用间共享数据的方法

2016-11-29 12:00 211 查看

ios和android浏览器与应用间共享数据的方法

老大给了一个需求,通过分享的页面下载安装打开应用后,获取分享链接的参数,想必现在很多应用都有这个需求,其实这就是应用间共享数据,通用思路就是利用剪切板共享数据。用户通过浏览器打开分享链接下载的时候,将参数写入剪切板中,然后打开应用获取剪切板中的数据即可。虽然思路很简单,但是实现起来最大的问题是浏览器支不支持将数据写入剪切板中。

1.clipboardjs

我使用的是这个库clipboardjs,很小而且不需要flash的支持,目前浏览器基本都禁用flash了,所以不建议使用zeroclipboard了

test

testclipboard
Copy

" data-snippet-id="ext.ec29ce0d3ff29ef5ad7b186c1f0dea7c" data-snippet-saved="false" data-codota-status="done">[code]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body align="center">
<!-- 1. Define some markup -->
<div>testclipboard</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>
<!-- 2. Include library -->
<script src="clipboard.min.js"></script>
<!-- 3. Instantiate clipboard -->
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
</body>
</html>


2.结论

用了ios和android(小米手机)上主流的浏览器测试了兼容性

浏览器safari/系统chromeqq浏览器UC浏览器微信猎豹搜狗
iosokokokokokokok
androidokokfailedokfailedfailedok
通过表格发现ios上的主流浏览器都这个操作,但是android就很怪了,android版本的微信浏览器内核是基于qq浏览器的,可以在论坛上找到相应的bug,但是目前还没有解决办法。当用户用微信打开链接之后,再建议使用系统浏览器打开分享链接,来绕过这个问题。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐