更新记录
1.0.0(2024-12-18)
- 对屏幕截图保存(不需要权限),对指定截图进行保存,安卓,ios支持,web不支持.
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.8,Android:5.0,iOS:10,HarmonyNext:不支持 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
x-screenshot-s
开发文档
- 可以对窗口进行静默截图
- 可以对某一个view节点进行截图
应用场景
- 对产品端,给用户反馈保存时,可以对当前反馈的页面进行截图反馈,比如界面异常上传等
- 对局部节点截图保存可以进行对局部的分享保存,比如页面的排版海报
- 对整个页面分享保存
兼容性
IOS |
IPAD |
macOs |
Andriod |
WEB |
10+ |
10+ |
- |
5.0+ |
不支持 |
注意事项
使用前一定要打基座才可用,一定要在页面上先引用,再去打基座。
如果你mac开发。ios可以不用打基座,能直接使用(但前提是你要配置好原生开发环境,否则一样要打包)
如果你是开始安卓,不管是mac,win电脑都要打包基座才能使用。
示例代码
<x-sheet id="screentIds">
<x-button class="mb-16" :block="true" @click="getScreenimg">保存屏幕图片</x-button>
<x-button :block="true" @click="getSEleimg">保存节点截图</x-button>
</x-sheet>
import {getRootShotImage,getElementShotImage} from "@/uni_modules/x-screenshot-s"
const getScreenimg = ()=>{
getRootShotImage((str:string)=>{
if(str==null) return;
console.log(str)
uni.previewImage({
current:str,
urls:[str] as string[]
})
})
}
const getSEleimg = ()=>{
let ele = uni.getElementById("screentIds") as UniElement|null
getElementShotImage(ele,(str:string)=>{
if(str==null) return;
console.log(str)
uni.previewImage({
current:str,
urls:[str] as string[]
})
})
}