Debuggen des Vue 2-Produktionscodes mithilfe von Debugger-Anweisungen

Question

Ich möchte erkennen können, ob der Benutzer Entwicklertools in meiner Vue 2-Webanwendung geöffnet hat. Ich habe die Anwendung mit @vue/cli 5.0.8 mit Standardkonfiguration erstellt und erstellt.

Ich habe diesen Code gefunden, er sollte das Problem lösen -

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

Mein Problem ist, dass der Standard-Produktions-Build von Vue Debugger-Anweisungen aus dem Code entfernt.

Gibt es eine Option, dieses spezielle Debugger-Schlüsselwort beizubehalten? Oder sogar alle Debugger-Anweisungen unverändert lassen?

Ich habe versucht, Folgendes zu meiner Vue.config hinzuzufügen, aber der Debugger wurde trotzdem entfernt

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

Jede Hilfe wäre sehr dankbar, vielen Dank!

Answer 1

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