使用调试器语句进行Vue 2生产代码调试
P粉545910687
P粉545910687 2023-09-11 21:35:26
0
1
446

我想要能够检测用户是否在我的Vue 2 webapp中打开了开发者工具。 我使用@vue/cli 5.0.8以默认配置创建和构建应用程序。

我找到了这段代码,应该能解决问题 -

const minimalUserResponseInMilliseconds = 100; const before = Date.now(); debugger; const after = Date.now(); if (after - before > minimalUserResponseInMilliseconds) { //Action }

我的问题是,Vue的默认生产构建会从代码中清除debugger语句。

有没有选项可以保留这个特定的debugger关键字?或者甚至保留所有debugger语句不变?

我尝试将以下内容添加到我的Vue.config中,但debugger仍然被移除了

configureWebpack: { optimization: { minimizer: [ new TerserPlugin({ terserOptions: { compress: { drop_debugger: false // 用于检查用户是否打开了开发者工具

任何帮助将不胜感激,谢谢!

P粉545910687
P粉545910687

全部回复 (1)
P粉378264633

也许你可以使用"outHeight,outWidth/innerHeight,innerWidth"来实现你的需求。

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!