前端如何防止用户使用F12看控制台

先分享一下自己的搭的免费的chatGPT网站 https://www.hangyejingling.cn/

正文

1、如果是VUE框架开发，在生产环境中。在入口文件APP.vue中添加如下代码，其他框架同理

if (process.env.mode === 'production') {
	(function noDebugger() {
		function testDebugger() {
			var d = new Date();
			debugger;
			if (new Date() - d > 10) {
				document.body.innerHTML = '<div>年轻人，不要太好奇</div>';
				return true;
			}
			return false;
		}

		function start() {
			while (testDebugger()) {
				testDebugger();
			}
		}

		if (!testDebugger()) {
			window.onblur = function () {
				setTimeout(function () {
					start();
				}, 500);
			};
		} else {
			start();
		}
	})();
}

2、效果图如下：

正常打开：

按了F12