原生javascript实现分享到朋友圈功能 支持ios和android

针对“原生javascript实现分享到朋友圈功能 支持ios和android”的需求，我们可以采用以下步骤来实现。具体过程如下：

1. 获取微信分享JS文件

首先需要引入微信分享JS文件，此文件提供了丰富的API，以便我们快速地完成微信分享的功能。

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

引入后，我们需要对wx对象进行配置初始化，获取不同的配置参数以便我们调用相关的API。

wx.config({
  debug: false,
  appId: '',
  timestamp: '',
  nonceStr: '',
  signature: '',
  jsApiList: [
    'onMenuShareTimeline',
    'onMenuShareAppMessage',
    'onMenuShareQQ',
    'onMenuShareQZone'
  ]
});

2. 初始化分享信息

接下来需要对分享信息进行初始化。在初始化中需要指定分享的标题、描述、链接、图片等相关信息。

wx.ready(function () {
  wx.onMenuShareTimeline({
    title: '分享标题', // 分享标题
    link: '分享链接', // 分享链接
    imgUrl: '分享图片', // 分享图标
    success: function () {
      // 用户确认分享后执行的回调函数
    },
    cancel: function () {
      // 用户取消分享后执行的回调函数
    }
  });

  wx.onMenuShareAppMessage({
    title: '分享标题', // 分享标题
    desc: '分享描述', // 分享描述
    link: '分享链接', // 分享链接
    imgUrl: '分享图标', // 分享图标
    type: '', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () {
      // 用户确认分享后执行的回调函数
    },
    cancel: function () {
      // 用户取消分享后执行的回调函数
    }
  });
});

3. 检查微信版本号

实际上以上代码仅适用于微信6.0以上版本的分享功能，即在低版本的微信中是无法正常使用的。因此我们需要通过JS代码来检测用户当前的微信版本，并作出相应的处理。

function checkWechatVersion() {
  var ua = navigator.userAgent;
  var ma = ua.match(/MicroMessenger\/([\d\.]+)/);
  var mv = ma ? ma[1] : '0';
  mv = mv.split('.');

  if (Number(mv[0]) < 6) {
    // 版本低于6.0，不支持分享
    alert('您当前的微信版本不支持分享到朋友圈！');
    return false;
  } else {
    return true;
  }
}

4. 示例1

下面，我们通过一个实际的例子来详细讲解一下以上概念的具体应用。假设我们在页面中引入了"分享"按钮，点击该按钮后可以分享当前页面到朋友圈中。

<!-- 页面中引入分享按钮 -->
<button id="share-btn">分享</button>

<script>
// 在脚本中为分享按钮绑定点击事件
document.getElementById("share-btn").addEventListener("click", function(e) {
  e.preventDefault();

  // 检查微信版本号是否支持分享
  if (!checkWechatVersion()) {
    return;
  }

  // 初始化分享信息
  wx.ready(function () {
    wx.onMenuShareTimeline({
      title: document.title, // 分享标题
      link: location.href, // 分享链接
      imgUrl: '分享图片', // 分享图标
      success: function () {
        // 用户确认分享后执行的回调函数
      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });
  });
});
</script>

以上示例中，我们首先为分享按钮绑定点击事件，点击后会检查微信版本号是否支持分享功能，在支持的情况下会初始化分享信息并分享到朋友圈中。需要注意的是在具体实现中，需要根据自己的业务需求来进行调整。

5. 示例2

上面的示例中分享的是当前页面，我们也可以根据自己的需求来分享自定义的内容。

<img id="share-img" src="分享图片" alt="分享图片">
<button id="share-btn">分享</button>

<script>
document.getElementById("share-btn").addEventListener("click", function(e) {
  e.preventDefault();

  if (!checkWechatVersion()) {
    return;
  }

  wx.ready(function () {
    wx.onMenuShareTimeline({
      title: '分享标题',
      link: '分享链接',
      imgUrl: '分享图片',
      success: function () {
        // 用户确认分享后执行的回调函数
      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });
  });
});
</script>

在该示例中，我们准备了一张分享图片，以及一个分享按钮，点击该按钮后会分享给用户在朋友圈中。

综上所述，以上步骤均为实现"原生javascript实现分享到朋友圈功能 支持ios和android"的完整攻略。