判断当前访问环境是否为移动端

函数体

  1. this.utils.isMobile()

函数说明

1、若当前访问环境为移动端,返回true。反之,返回false。
2、常用于组件样式双端适配,或针对不同端的不同执行逻辑。

使用示例

  1. //下载
  2. //PC端直接下载,移动端调用钉钉JSApi查看预览图下载
  3. if (this.utils.isMobile()) {
  4. //移动端
  5. if (window.dd) {
  6. dd.biz.util.previewImage({
  7. urls: ["your download link"],//图片地址列表
  8. current: "your download link",//当前显示的图片链接
  9. onSuccess: function (result) {
  10. /**/
  11. },
  12. onFail: function (err) { }
  13. })
  14. }
  15. } else {
  16. //非移动端
  17. const a = document.createElement('a');
  18. a.download = 'image.jpg';
  19. a.href = "your download link";
  20. document.body.appendChild(a);
  21. a.click();
  22. document.body.removeChild(a);
  23. }

判断当前登录环境是否为钉钉

函数体

  1. export function isDingTalkEnv(win) {
  2. win = win || window;
  3. return win.navigator && /dingtalk/i.test(win.navigator.userAgent) //true false
  4. }
  1. if (window.dd) {
  2. }

函数说明

1、若当前登录环境为钉钉,返回true。反之,返回false。
2、常用于调用钉钉JSApi前的环境检测。

使用示例

  1. if (this.isDingTalkEnv()) {
  2. dd.biz.util.scan({
  3. type: "all",
  4. onSuccess: function (res) {
  5. // 调用成功时回调
  6. window.open(res.text);
  7. },
  8. onFail: function (err) {
  9. // 调用失败时回调
  10. console.log(err)
  11. }
  12. });
  13. } else {
  14. this.utils.toast({
  15. type: "warring",
  16. title: "该功能仅手机端钉钉可用!"
  17. })
  18. }

判断当前宜搭页面是否为提交页面

函数体

  1. this.utils.isSubmissionPage()

函数说明

1、若当前宜搭页面为提交页面,返回true,反之,返回false。

使用示例

  1. if (this.utils.isSubmissionPage()) {
  2. //提交页面
  3. //your code
  4. } else {
  5. //非提交页面
  6. //your code
  7. }

判断当前宜搭页面是否为数据查看页面

函数体

  1. this.utils.isViewPage()

函数说明

1、若当前宜搭页面为数据查看页面,返回true,反之,返回false。

使用示例

  1. if (this.utils.isViewPage()) {
  2. //数据查看页面
  3. //your code
  4. } else {
  5. //非数据查看页面
  6. //your code
  7. }

附录

钉钉JSApi