需求:

用户在没有打开控制台的时候,不显示某个字段;用户打开控制台的时候,才显示

问题:

我们前端如何判断用户打开了控制台

思考:

解决方案:

  • 监听事件(F12,或者鼠标组合键等)
  • 百度一下
  • 插件处理

过程:

监听事件:

  • 监听键盘F12键这个比较容易,但是要监听用户的鼠标事件就很困难
  • 打开控制台的方法有点多,自己很难每种方式都处理
  • 只能知道用户点了右键,但是点击后用户选择的是哪个就不知道了,自己手撸确实挺麻烦。

百度一下:

  • 网上提供了一些”奇淫技巧“
  • 提供一个比较权威的解决方案
  • https://stackoverflow.com/questions/7798748/find-out-whether-chrome-console-is-open#
  • 但是还是会有一些问题,他的原理就是重写了toString方法
  • 如果你调用了控制台就会调用console的方法,然后在处理toString方法的时候就会告诉你当前控制台的状态

插件处理:

  • github上有人专门处理这个问题,给出了一个包插件
  • 用第三方库来判断是比较省心的
  • 缺点可能就是代码重了点
  • https://github.com/sindresorhus/devtools-detect
  • 这个库挺好的,可以参考一下

前端如何判断用户是否打开了控制台相关推荐

  1. js判断浏览器是否打开了控制台

    (function () {var re = /x/;var i = 0;console.log(re);re.toString = function () {return '第 ' + (++i) ...

  2. 可以判断用户打开页面次数吗?_看前端如何单枪匹马实现小程序页面级版本控制...

    在此之前我们先了解下小程序的运行机制. 小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」. 「热启动」 假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将 ...

  3. 微信小程序中判断用户是否已关注公众号的两种实现

    背景: 最近的一个小程序项目中有这么一个需求:进入我的主页后, 如果用户没有关注过我们的公众号, 则展示一个引导关注公众号组件, 点击后跳转到一篇公众号文章, 指引用户进行关注,用户完成关注隐藏该组件 ...

  4. php 判断app浏览器打开,手机浏览器下判断是否安装某app,并判断是否打开该应用...

    今天在做前端输出的时候,需要和app的做些对接工作.就是在手机浏览器中下载某app时,能判断该用户是否安装了该应用.如果安装了该应用,就直接打开该应用:如果没有安装该应用,就下载该应用. 那么下面就对 ...

  5. qt判断用户是否正在使用当前应用程序

    转自:https://blog.csdn.net/qq_37529442/article/details/78136917 如何在qt程序中判断当前应用程序是否被用户使用呢?我们先了解一下QAppli ...

  6. uniapp微信小程序:点击按钮先判断用户是否授权位置信息、用户位置信息授权、进入下一个页面

    文章目录 前言 一.创建点击事件的方法 二.判断用户是否授权位置 三.弹出位置授权框 四.坐标到坐标所在位置的文字描述的转换(逆地址解析) 五.拒接授权后再次点击按钮跳转到允许访问位置设置 总结 前言 ...

  7. java判断用户是否在某一个区域登录_Java实现QQ登录和微博第三方登录

    来源:http://www.cnblogs.com/liuxianan转自公众号:Java后端 1. 前言 个人网站最近增加了评论功能,为了方便用户不用注册就可以评论,对接了 QQ 和微博这 2 大常 ...

  8. 请求微信接口,判断用户是否关注公众号

    最近开发了一个投票活动,用户可上传一张照片,分享微信好友或朋友圈邀请好友点赞,点赞前几名可获得相应的奖品.上传照片的用户必须关注某公众号. 用户点击上传按钮,后台判断用户是否关注公众号,关注则前端可使 ...

  9. Android 判断通知栏是否打开及前往设置页面

    项目中用到日程提醒功能,如果应用的通知栏没有打开,则需要提示用户前去打开通知栏,判断通知栏是否打开代码如下: private boolean isNotificationEnabled(Context ...

最新文章

  1. 我的自白——华夏藏珍第一周
  2. 一个简单的汇编报时小闹钟
  3. C# (类型、对象、线程栈和托管堆)在运行时的相互关系
  4. RDS关系型数据库 入门 01 创建关系型数据库实例【华为云分享】
  5. TensorFlow中报错 module ‘tensorflow_core._api.v2.train‘ has no attribute ‘GradientDescentOptimize
  6. 使用Varnish代替Squid做网站缓存加速器的详细解决方案
  7. Linux实战教学笔记50:Zabbix监控平台3.2.4(二)深入理解zabbix
  8. 睿停车系统车场服务器,睿停车后台管理中心系统-用户手册-前台版本
  9. js html转盘点名,原生JS实现简易随机点名功能
  10. tomcat管理员在远程(不同)机器上访问管理页面
  11. linux下c语言按q退出_解析Linux环境下RAID 6的Q校验算法
  12. modbus 调试工具之modbus slave与modbus poll
  13. unity2018关联不到vs_vs2015与unity2018兼容性问题
  14. 浊音、清音、爆破音音频分析
  15. 医院排队叫号系统源码
  16. Spark自定义对象排序及自定义序列化
  17. 数字逻辑——卡诺图化简练习题
  18. 利用随机森林填补缺失值
  19. CardView 设置 selector
  20. 在计算机领域中图形用户界面,带图形用户界面的计算机

热门文章

  1. 如何用一个IPad屏幕适配各尺寸的IPhone
  2. Centos 7 开机一直转圈 提示failed to load SELinux policy freezing的解决方法
  3. 如何将CAD图块转换成外部参照?
  4. 对于line-height的认识
  5. 程序人生:我相信每个软件测试工程师都有一份跟我差不多的心酸历程?
  6. zuul+SpringSession的session不一致问题
  7. Using the Scheduler Application - JDE Scheduler Job 原理
  8. C#做一个简单浏览器
  9. 服务器CPU占用过高处理方案
  10. netty-对象池实现Recycler用法测试