本文主要是介绍Vue3 - 线上项目怎么加 debugger 防止调试（简易版），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
vue项目build后，debugger 会被删除，这里可以很方便让你实现这个逻辑。
找到 public/index.html 文件。
<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico"><title><%= htmlWebpackPlugin.options.title %></title></head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body><script>setInterval(() => {const startTime = performance.now();debugger;const endTime = performance.now();// 设置一个阈值，例如100毫秒if (endTime - startTime > 100) {window.location.href = 'about:blank';}}, 1000);</script>
</html>
直接加上 script 就可以了。
这篇关于Vue3 - 线上项目怎么加 debugger 防止调试（简易版）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
