vue+electron项目实现禁止截屏,复制粘贴功能
vue+electron项目实现禁止截屏,复制粘贴功能最近开发一个pc端的应用程序,主要是该应用程序涉及到教育类的课程,为了防止公司制作的课程被盗用,不想用户通过复制粘贴或者截图,截屏等功能操作。1、主要是我这个项目主要是用electron + vue创建的项目,所以主要语言还是使用到vue项目在App.vue这个文件加上以下代码,主要设置pc应用程序不能复制和粘贴选择等操作。this.$next
vue+electron项目实现禁止截屏,复制粘贴功能
最近开发一个pc端的应用程序,主要是该应用程序涉及到教育类的课程,为了防止公司制作的课程被盗用,不想用户通过复制粘贴或者截图,截屏等功能操作。
1、主要是我这个项目主要是用electron + vue创建的项目,所以主要语言还是使用到vue项目
在App.vue这个文件加上以下代码,主要设置pc应用程序不能复制和粘贴选择等操作。
this.$nextTick(() => {
// 禁用右键
document.oncontextmenu = new Function("event.returnValue=false");
// 禁用选择
document.onselectstart = new Function("event.returnValue=false");
});
2、防止用户截屏主要是在主进程里面写以下代码就可以实现了,找到main文件夹下的index.vue文件,红色花圈那块才是需要加的
mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
webPreferences: {
nodeIntegration: true
}
})
mainWindow.setContentProtection(true)
截图就直接黑屏了,给大家看一下效果
参考文件
https://www.electronjs.org/docs/api/browser-window#winsetcontentprotectionenable-macos-windows
更多推荐
所有评论(0)