zoukankan      html  css  js  c++  java
  • 移动端浏览器调用分享插件-shareNative

    原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="description" content="NativeShare 是一个整合了各大移动端浏览器调用原生分享的插件!!!">
        <title>NativeShare demo</title>
        <style>
            html,
            body {
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
    
            button {
                padding: 15px;
            }
        </style>
    </head>
    
    <body>
        <div>
            <button onclick="call()">通用分享</button>
            <button onclick="call('wechatFriend')">微信好友</button>
            <button onclick="call('wechatTimeline')">朋友圈</button>
            <button onclick="call('qqFriend')">QQ</button>
            <button onclick="call('qZone')">QQ空间</button>
            <button onclick="call('weibo')">微博</button>
            <button onclick="setTitle('fa-ge NativeShare')">设置标题</button>
        </div>
        <script type="text/javascript" src="../NativeShare.js"></script>
        <script>
            var nativeShare = new NativeShare()
            var shareData = {
                title: 'NativeShare',//分享标题
                desc: 'NativeShare是一个整合了各大移动端浏览器调用原生分享的插件',//描述
                link: 'https://github.com/fa-ge/NativeShare',//分享的url链接
                icon: 'https://pic3.zhimg.com/v2-080267af84aa0e97c66d5f12e311c3d6_xl.jpg',
                // 不要过于依赖以下两个回调,很多浏览器是不支持的
                success: function() {
                    alert('success')
                },
                fail: function() {
                    alert('fail')
                }
            }
            nativeShare.setShareData(shareData)
            function call(command) {
                try {
                    nativeShare.call(command)
                } catch (err) {
                    // 如果不支持,你可以在这里做降级处理
                    alert(err.message)
                }
            }
            function setTitle(title) {
                nativeShare.setShareData({
                    title: title,
                })
            }
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    Chrome快捷键统计
    数据封装
    数据抽象
    linux c++ 服务器端开发面试必看书籍(转载)
    闭包和高阶函数
    this,call,apply,bind
    DOM浏览器window对象模型
    jquery滚动条
    xml教程
    多态
  • 原文地址:https://www.cnblogs.com/wangyongx/p/9173986.html
Copyright © 2011-2022 走看看