Penyahpepijatan kod pengeluaran Vue 2 menggunakan pernyataan penyahpepijat

Question

Saya ingin dapat mengesan sama ada pengguna telah membuka alatan pembangun dalam aplikasi web Vue 2 saya. Saya mencipta dan membina aplikasi menggunakan @vue/cli 5.0.8 dengan konfigurasi lalai.

Saya jumpa kod ini, ia sepatutnya menyelesaikan masalah -

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

Masalah saya ialah binaan pengeluaran lalai Vue membersihkan pernyataan penyahpepijat daripada kod.

Adakah terdapat sebarang pilihan untuk mengekalkan kata kunci penyahpepijat khusus ini? Atau biarkan semua pernyataan penyahpepijat tidak berubah?

Saya cuba menambah yang berikut pada Vue.config saya tetapi penyahpepijat masih dialih keluar

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

Sebarang bantuan akan sangat dihargai, terima kasih!

Answer 1

Mungkin anda boleh menggunakan "outHeight,outWidth/innerHeight,innerWidth" untuk mencapai keperluan anda.