钉钉自定义分享网页显示的内容和图片

翻了钉钉的官网翻了好久才发现的.......其实很简单

先给出链接：https://open-doc.dingtalk.com/docs/doc.htm?spm=a219a.7629140.0.0.47fc4a97zA403i&treeId=171&articleId=104919&docType=1#s2

引入微信：

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

 

引入钉钉：

 

<script type="text/javascript" src="http://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js"></script>

判断浏览器是否是钉钉

function isdingding() {
  // 判断是不是钉钉
  var ua = navigator.userAgent.toLowerCase();
  return ua.indexOf("dingtalk") >= 0;
}

如果点击右上角的分享则调用

if (isdingding()){
   dd.biz.navigation.setRight({
     show: true, //控制按钮显示， true 显示， false 隐藏， 默认true
     control: true, //是否控制点击事件，true 控制，false 不控制， 默认false
     showIcon: true, //是否显示icon，true 显示， false 不显示，默认true； 注：具体UI以客户端为准
     onSuccess : () => {
     //如果control为true，则onSuccess将在发生按钮点击事件被回调
        dd.biz.util.share({
          type: 0, // 分享类型，0:全部组件 默认； 1:只能分享到钉钉；2:不能分享，只有刷新按钮
          url: window.location.href,
          content: '这里放内容',
          title: '这里放标题',
          image: '这里放图片',
          onSuccess: () => {},
          onFail: () => {}，
         });
      },
      onFail: () => {},
   });
}

另外钉钉的很多可以自定义别的功能，链接：

https://open-doc.dingtalk.com/docs/doc.htm?spm=a219a.7629140.0.0.d7184a971hg69H&treeId=171&articleId=106834&docType=1

 

另附：判断浏览器是否是微信内置浏览器

function isWeiXin() {
  // 判断是否微信
  var ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    return true;
  } else {
    return false;
　}
}