您现在的位置是:首页 > Javascript
当前栏目
通过JS调用设备原生分享功能
2023-02-18 16:26:49 时间
灵感:
如果一个网页可以直接实现点击分享,那么是不是可以为网页带来额外的流量?
于是:
我查了很多资料,逛了很多论坛,最终在Github上找到了一个名为“NativeShure”的JS插件,据说对浏览器的兼容性不错,于是便开始折腾!
废话不多说,直接上插件的官方文档:
- 移动端几乎所有浏览器都支持分享到QQ和QQ空间
- QQ浏览器
- UC浏览器
- 微信自带浏览器
- QQ自带浏览器
- QQ空间APP
- 百度浏览器
- ios 搜狗浏览器
- 支持分享到web微博
- 支持safari,chome浏览器(页面地址必须是https)
存在的问题:
- 安卓的QQ自带浏览器不支持.com以外的域名后缀。可能会支持.cn,.com.cn,但明确不支持.me,.io这个具体可以自己测试。
- 安卓的QQ自带浏览器分享url必须跟页面url同一个域名,否则所有设置不生效。
- 安卓的QQ自带浏览器无法直接分享
- 虽然几乎所有的浏览器都支持分享到QQ和QQ空间,但是webview中基本都会不支持。我也很难判断当前浏览器是否支持,浏览器是否唤起QQ APP我也很难判断,所有除了上述支持的浏览器,APP外其他情况调用分享到QQ我也会抛出异常。
- UC浏览器安卓端不能设置icon
- 百度浏览器,百度APP不能直接分享
- QQ空间APP,微信自带浏览器只能设置文案,分享需要用户手动点击右上角
使用方法:
1.设置一个按钮并绑定点击事件
2.引入插件JS并进行初始化配置
实际效果如下:
PC端:
移动端:
相关文章
- vivo悟空活动中台-打造 Nodejs 版本的MyBatis
- 前端科普系列(3):CommonJS 不是前端却革命了前端
- 前端科普系列(2):Node.js 换个角度看世界
- 探究JS V8引擎下的“数组”底层实现
- JavaScript 引擎 V8 执行流程概述
- 如何编写高质量的 JS 函数(4) --函数式编程[实战篇]
- 为什么 JavaScript 中 0.1+0.2 不等于 0.3 ?
- Javascript之旅——终点站:困惑的settimeout
- Javascript之旅——第十一站:原型也不好理解?
- Javascript之旅——第十站:为什么都说闭包难理解呢?
- Javascript之旅——第九站:吐槽function
- Javascript之旅——第八站:说说instanceof踩了一个坑
- Javascript之旅——第七站:说说js的调试
- Javascript之旅——第六站:看看writable特性
- Javascript之旅——第五站:说说那些所谓的包装类型
- Javascript之旅——第四站:parseInt中要注意的坑
- Javascript之旅——第三站:几个需要注意的运算符
- Javascript之旅——第二站:对象和数组
- Javascript之旅——第一站:从变量说起
- php返回json格式的{}花括号