Heim  >  Fragen und Antworten  >  Hauptteil

Debuggen des Vue 2-Produktionscodes mithilfe von Debugger-Anweisungen

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!

P粉545910687P粉545910687374 Tage vor471

Antworte allen(1)Ich werde antworten

  • P粉378264633

    P粉3782646332023-09-12 13:57:09

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

    Antwort
    0
  • StornierenAntwort