【uniapp】页面屏蔽f12和鼠标右击+如何破解

理想青年宁兴星

已于 2024-09-10 21:16:18 修改

阅读量136

点赞数 2

分类专栏： HBuilder X 文章标签： uni-app 前端

于 2024-08-22 10:10:50 首次发布

本文链接：https://blog.csdn.net/wjjjjxxxx/article/details/141420847

版权

HBuilder X 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先，破解页面屏蔽F12方法之一就是：Ctrl+Shift+i。

当然也可以在没有屏蔽F12或屏蔽右击的情况下先右击检查，然后也能进入到有屏蔽的页面中查看控制台。

其次，设置页面屏蔽F12

<template>
  <view @contextmenu.prevent @mousedown.prevent @touchstart.prevent>
    <!-- 页面内容 -->
    <text>长按或右击无法显示菜单</text>
    <text>按 F12 会无效</text>
  </view>
</template>

<script>

export default {

  mounted() {
    window.addEventListener('keydown', this.handleKeydown);
  },

  beforeDestroy() {
    window.removeEventListener('keydown', this.handleKeydown);
  },

  methods: {
    handleKeydown(event) {
      if (event.key === 'F12') {
        event.preventDefault(); // 禁止 F12 打开开发者工具
        return false;
      }
    }
  }

}
</script>

<style scoped>
view {
  user-select: none; /* 禁用文本选择 */
}

</style>