App.vue参考：
<template>
<div id="app" @contextmenu.prevent="handleContextMenu">
<router-view />
</div>
</template>
<script>
export default {
data() {
return {}
},
computed: {},
watch: {},
created() {
},
mounted() {
this.disableRightClick();
this.disableDevTools();
},
methods: {
handleContextMenu(e) {
e.preventDefault();
this.$message.warning('右键功能已禁用');
},
// 禁止右键菜单
disableRightClick() {
// 全局禁止右键
document.addEventListener('contextmenu', (e) => {
e.preventDefault();
return false;
});
// 禁止文本选择（可选）
// document.addEventListener('selectstart', (e) => {
// e.preventDefault();
// return false;
// });
// 禁止拖拽
document.addEventListener('dragstart', (e) => {
e.preventDefault();
return false;
});
},
// 禁止开发者工具
disableDevTools() {
this.preventF12();
this.preventCtrlShiftI();
this.preventCtrlU();
this.detectDevTools();
},
// 禁止F12
preventF12() {
document.addEventListener('keydown', (e) => {
if (e.key === 'F12' || e.keyCode === 123) {
e.preventDefault();
// this.$message.error('开发者工具已禁用');
return false;
}
});
},
// 禁止Ctrl+Shift+I
preventCtrlShiftI() {
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey && e.keyCode === 73) {
e.preventDefault();
// this.$message.error('开发者工具已禁用');
return false;
}
});
},
// 禁止Ctrl+U
preventCtrlU() {
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.keyCode === 85) {
e.preventDefault();
// this.$message.error('查看源代码已禁用');
return false;
}
});
},
// 检测开发者工具
detectDevTools() {
const checkDevTools = () => {
const widthThreshold = window.outerWidth - window.innerWidth > 160;
const heightThreshold = window.outerHeight - window.innerHeight > 160;
if (widthThreshold || heightThreshold) {
this.handleDevToolsDetected();
}
};
setInterval(checkDevTools, 1000);
},
handleDevToolsDetected() {
// 可以采取的措施：
// 1. 显示警告
// this.$message.error('检测到开发者工具，请关闭');
// return false;
// 2. 跳转到其他页面
// window.location.href = '/warning';
// 3. 清空控制台
console.clear();
// 或者强制停止脚本执行
window.stop();
document.write('');
document.close();
},
}
}
</script>
<style scoped>
</style>