vite-plugin-cy-ban
v2.0.2
Published
vite 自定义引入 ban
Readme
vite-plugin-cy-ban
🚫 一个 Vite 插件,用于自动引入 cy-plugin-ban 。
支持在开发和生产环境中生效,可配置重定向、替换页面内容以及自定义回调。
✨ 功能特性
- 禁止右键菜单
- 禁止文字选中
- 禁止复制粘贴
- 禁止拖拽图片
- 禁止双指缩放
- 禁止双击放大
- 禁止键盘快捷键打开开发者工具
- 控制台打开后支持:
- 页面重定向
- 替换页面内容
- 执行回调函数
📦 安装
# 插件
npm install cy-plugin-ban --save
npm install vite-plugin-cy-ban --save-dev
🚀 使用方法
import { defineConfig } from 'vite';
import cyViteBan from 'vite-plugin-cy-ban';
export default defineConfig({
plugins: [
cyViteBan({
entry: './src/main.ts', // 必须指定入口文件
disableContextMenu: true, // 禁止右键菜单
disableSelection: true, // 禁止文字选中
disableCopy: true, // 禁止复制
disablePaste: true, // 禁止粘贴
disableDragImage: true, // 禁止拖拽图片
disableOpenDevTool: true, // 禁止键盘打开调试面板
disableDoubleFingerScale: true, // 禁止双指缩放
disableDoubleTouchAmplify: true, // 禁止双击放大
redirect: 'https://www.baidu.com', // 控制台打开后重定向
write: '<div>你被禁止了</div>', // 控制台打开后替换页面内容
callback: () => {
console.log('你被禁止了'); // 控制台打开后执行回调
}
})
]
});