1.首先引用兩個釘釘的js
<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.7.13/dingtalk.open.js"></script><!--釘釘JSAPI庫(使用對象dd)-->
<script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-pc-api/2.3.1/index.js"></script><!--釘釘JSAPI庫(PC端專用——使用對象DingTalkPC)-->
2.判斷pc端還是移動端的釘釘(此例子是Vue操作,React類似)
mounted: function() {
dd.device.base.getPhoneInfo({ onSuccess: function(data) { /* { screenWidth: 1080, // 手機屏幕寬度 screenHeight: 1920, // 手機屏幕高度 brand:'Mi', // 手機品牌 model:'Note4', // 手機型號 version:'7.0', // 版本 netInfo:'wifi', // 網絡類型 wifi/4g/3g operatorType:'xx' // 運營商信息 } */ // alert(JSON.stringify(data)); alert('現在是手機移動端'); }, onFail: function(err) { alert(JSON.stringify(err)); } }); //PC端釘釘執行此方法 if (DingTalkPC.ua.isDesktop && DingTalkPC.ua.isInDingTalk) { alert("你在用電腦看?"); } }
本文的解決方案靈感來自https://blog.csdn.net/qq_29819449/article/details/80328181