应用场景

在企业微信内部嵌入的网页需要获取剪切板的内容。

剪切板内容获取

读取剪切板navigator.clipboard
兼容性

navigator.clipboard.readText().then(clipText => {console.log("复制内容：",clipText);
})

腾讯会议获取会议时间、会议链接和会议号

  navigator.clipboard.readText().then(clipText => {console.log("复制内容：",clipText);//两个正则都可以只是第二个正则更方便我取值//const time = /([0-9]{4}[\/][0-9]{2}[\/][0-9]{2})[\x20]([0-9|:|-]+)/;const time = /([0-9]{4}[\/][0-9]{2}[\/][0-9]{2})[\x20]([0-9|:]+)([-])([0-9|:]+)/;const url = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/;const code = /(?<=\u4f1a\u8bae\u0020\u0049\u0044\uff1a)([0-9\x20]+)/;time.exec(clipText)&&console.log("time结果：",time.exec(clipText)[0])url.exec(clipText)&&console.log("url结果：",url.exec(clipText)[0])code.exec(clipText)&&console.log("code结果：",code.exec(clipText)[0])
});

更新=========================

因为特殊原因无法使用微信提供的调试工具，所以使用的google浏览器进行调试。上面的代码在Google浏览器是没有任何问题的，但是在移动端使用时navigator没有clipboard的方法。

企业微信页面剪切板内容读取

微信提供的API

wx.getClipboardData({success: function(res) {console.log(res.data)}
})

使用前记得通过config接口注入权限验证配，详细内容查看企业微信API文档
调用企业微信的获取剪切板内容的API后对数据进行解析，任然使用上文使用过的正则。

wx.getClipboardData({success: function(res) {console.log(res.data)const url = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/;const code = /(?<=\u4f1a\u8bae\u0020\u0049\u0044\uff1a)([0-9\x20]+)/;url.exec(res.data)&&console.log("url结果：",url.exec(res.data)[0])code.exec(res.data)&&console.log("code结果：",code.exec(res.data)[0])}
})

iPhone无法进入页面

以上代码在安卓上可以正常运行，并且截取内容正确，但是iPhone却出现空白，无法进入页面，（这是真的坑，因为连页面也进不去完全不知道哪里错了，排查问题排查了一下午，TAT）最后发现问题是IOS不支持零宽断言

零宽断言

接下来的四个用于查找在某些内容的之前或之后的东西，但是有不包含这些内容本身的时候，零宽断言就起到作用了。也就是说它们像\b,^,$那样用于指定一个位置，这个位置应该满足一定的条件(即断言)，因此它们也被称为零宽断言¹

上文中使用到的(?<=exp)就是零宽度正预测先行断言

所以iPhone直接挂了，（优秀）

修改正则

wx.getClipboardData({success: function(res) {console.log(res.data)const url = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/;const code = /([0-9]{3}[\x20][0-9]{3}[\x20][0-9]{3})|([0-9]{3}[-][0-9]{3}[-][0-9]{3})/;url.exec(res.data)&&console.log("url结果：",url.exec(res.data)[0])code.exec(res.data)&&console.log("code结果：",code.exec(res.data)[0])}
})

去掉零宽断言就可以了

更新=========================

iPhone时间对比兼容问题

iPhone真的问题多多，在对比会议时间是否过期的时候遇到的时间对比异常的问题。
时间的格式是YYYY-MM-DD HH:MM:SS，对比是否早于当前时间代码如下：

if(new Date('2021-12-22 10:55:00')>new Date){console.log("没有过期");
}esle{console.log("过期了");}

以上代码在安卓和Google浏览器运行判断是正常的，但是在iPhone无论是什么情况返回都是false。因为iPhone识别的格式为YYYY/MM/DD HH:MM:SS。

let time = '2021-12-22 10:55:00';
if(navigator.userAgent.includes("iPhone")){time.replace(/-/g,"/");
}
if(new Date(time)>new Date){console.log("没有过期");
}esle{console.log("过期了");}

来自link. ↩︎

js获取剪切板内容（企业微信内嵌网页）相关推荐

js 获取剪切板内容
1. 粘贴事件 const items = (event.clipboardData || window.clipboardData).itemsconst len = items.lengthlet ...
Android 10 获取剪切板内容
一般可以放在Activity的onResume中调用如下方法: //获取剪切板内容 private void getClipboardData() {this.getWindow().getDecor ...
python获取剪切板图片_python 获取剪切板内容的两种方法
第一种 # -*- coding: utf-8 -*- # @Time : 2020/3/16 21:26 # @File : get_text_from_cupboard_13.py # @Auth ...
微信及企业微信内嵌浏览器内核信息及H5跑分数据-企业微信开发
加我微信li570467731,拉你进二百多人企业微信开发同行群(文末有二维码). 企业微信开发三部曲: <企业微信应用开发概述篇(免费)>已完结: <企业微信开发第三方应用开发篇& ...
Android微信浏览器标题,企业微信内H5网页分享微信好友ios正常安卓自定义标题、图标、未生效...
企业微信内H5网页分享微信好友ios正常安卓自定义标题.图标.未生效问题类型 API/组件名称终端类型微信版本基础库版本 Bug 'onMenuShareWeibo', 'onMenuShar ...
微信小程序点击复制文本到剪切板，获取剪切板内容
设置剪切板:wx.setClipboardData 获取剪切板:wx.getClipboardData api:https://developers.weixin.qq.com/miniprogram ...
android 获取剪切内容,Android Q 获取剪切板内容
背景有时候我们需要在app启动时去获取用户复制的内容,这时候需要进行剪切板相关操作,而Android Q开始只有系统默认的输入法应用或者应用处于焦点时才能获取到剪切板的数据,经测试只有targetS ...
企业微信内嵌H5，引入 JS-SDK 调用 wx.previewFile 预览/下载文件（vue2.0适用）
文章目录业务场景使用步骤 1. 引入企业微信 JS-SDK 2. 配置 wx.config 3. 调用 wx.previewFile 附:官方文档业务场景基于vue2.0开发企业微信内嵌H5, ...
js获取剪切板文字图片方法
有时候经常在网上看到网页可以读取系统粘贴板的内容,可以显示文字和图片等内容,就挺好奇的,所以就研究了一下. 基本原理通过监听input的paste事件,获取到clipboardData内容,然后显示 ...

js获取剪切板内容（企业微信内嵌网页）

js获取剪切板内容

应用场景

剪切板内容获取

腾讯会议获取会议时间、会议链接和会议号

更新=========================

企业微信页面剪切板内容读取

iPhone无法进入页面

零宽断言

修改正则

更新=========================

iPhone时间对比兼容问题

js获取剪切板内容（企业微信内嵌网页）相关推荐

最新文章

热门文章