在electron的开发中,有着比较严格的安全规范。如果您使用了不安全的属性,electron会有相关的错误提示信息。这些信息一般都是以黄色文字的形式,出现在console中的。不过,相信选择了不安全属性的你,应该也有苦衷吧。看着这些warning,是不是有些窝火呢?那么,本文中,苏南大叔就描述的是另外的一个掩耳盗铃的故事:如何完全忽视不输出electron的warning信息。

本文测试环境win。注意:本文的操作方案是个掩耳盗铃的方案,请谨慎使用。

症状描述

当然,本文的操作并不是推荐的安全操作。仅仅是给有强迫症的开发同学使用的。在禁用掉这些错误信息之前,请仔细阅读每条warning。这些warning都是不一样的,请尽量解决相关的warning信息。

设置环境变量

本方案范例命令行如下所示:

cross-env ELECTRON_DISABLE_SECURITY_WARNINGS=true

这个掩耳盗铃的方案就是:设置环境变量ELECTRON_DISABLE_SECURITY_WARNINGS为true,然后再运行相关程序即可。不过鉴于设置环境变量的方案很多,并且相互兼容性很差。苏南大叔这里就建议使用cross-env这款命令行工具。

比如原有命令如下所示:

node .electron-vue/dev-runner.js

那么新的命令如下所示:

cross-env ELECTRON_DISABLE_SECURITY_WARNINGS=true node .electron-vue/dev-runner.js

方案变形

当然,这个并非唯一答案,不同的操作系统,都有很多不同的答案。但是cross-env这款工具是最兼容的:

win:

set ELECTRON_DISABLE_SECURITY_WARNINGS=true && node .electron-vue/dev-runner.js

mac:

export ELECTRON_DISABLE_SECURITY_WARNINGS=true && node .electron-vue/dev-runner.js

或者

ELECTRON_DISABLE_SECURITY_WARNINGS=true node .electron-vue/dev-runner.js

逻辑依据

苏南大叔是从electron源码中,下面的这个文件中,推断出本文的操作方案的。解决这个问题的时候,您也可以参考一下下面的这个electron源码:

/lib/renderer/security-warnings.js:

总结

隐藏掉这些警告信息,仅仅是个掩耳盗铃的行为,并不值得推荐使用。但是,如果您追求眼不见心不烦。那么,恭喜你,本文内容是你的最佳选择。

html页面禁用开发者工具,禁用electron开发者工具中console警告信息相关推荐

  1. 微信 PC 端h5页面打开的内置浏览器开发者工具界面

    困境 项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...

  2. Electron开发者该如何提升自己的技能水平

    导读:这篇文章是写给那些已经可以娴熟的使用前端技术(HTML,CSS,JavaScript,Node.js)开发Electron桌面应用的开发者的. 作者:刘晓伦 来源:华章计算机(hzbook_js ...

  3. SAP UI5 应用开发教程之三十八 - 使用 Chrome 开发者工具查看程序执行出错时的上下文信息

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. 为Web 开发者Bug 报告和跟踪工具

    软件开发生命周期中最重要的技能就是开发者如何快速和高效的跟踪代码中的错误并解决它们,这就是所谓的"调试". 这一过程最常发生在实现.测试和质量管控阶段.无论是一个小问题还是错误,w ...

  5. 9个面向前端开发者的有用VSCode 插件工具

    英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7c ...

  6. 微信开发者工具未绑定企业号开发者

    最近在对接企业微信时遇到一个神奇的坑,官方文档也没有看到明显说明,这里记一下避免大家走弯路. # 前置条件 微信账号是企业超级管理员 企业微信后台-我的企业-微信插件已勾选开发者工具 构造第三方 oa ...

  7. vscode 切换开发者工具_vscode 切换开发者工具_VSCode高效开发工作流配置指南

    LayaAirIDE 2.4将VSCode剥离出去,其主要目的是让开发者编码工作流更加自由.比如 ,可以即时体验到新版本的升级,无需受限于LayaAirIDE.可以通过VSCode来灵活配置自己的开发 ...

  8. 历史 微信开发者工具_微信开发者工具PC版-微信开发者工具下载v1.03.2010240-IE浏览器中文网站...

    微信自成一个生态,微信开发者工具让用户能够自行设计自己的小程序界面.添加各种需要的功能,软件相对比较容易上手,可以与公众号对接,提升流量. 功能介绍 菜单栏 微信web开发者工具 切换帐号:快速切换登 ...

  9. 15 个开发者必备的Web开发工具!

    Web开发不是一件轻松的任务,开发者需要做很多的事情来确保网站运行正常.高效... 本文介绍15个非常优秀的每个web开发者都应该拥有的工具,列表如下: 1. Firebug Firebug是Fire ...

最新文章

  1. 报表统计-mysql存储过程
  2. phpcms开启、关闭在线编辑模板的方法
  3. 线性规划实战—投资的收益和风险
  4. HTML-通知公告Tips
  5. linux使用环境实验报告,Linux 及其使用环境实验报告.doc
  6. 架构 | 聊聊我心中的架构设计观
  7. 什么时候才能都及格呢?
  8. ubuntu下wps不能输入中文
  9. C语言-字符串处理函数strcat
  10. (组合数学笔记)递推关系小结及典型题分析
  11. 学习 Python,这 22 个包怎能不掌握?
  12. JavaScript函数和对象
  13. 19.UNIX 环境高级编程--伪终端
  14. LABjs分析 http://labjs.com/documentation.php#queuescript
  15. 二维码乱象调查:扫一扫背后藏陷阱 制码技术几无门槛
  16. 如何使用CSS绘制奥运五环标志
  17. php登陆飞信,用PHP模拟登录WAP飞信实现飞信发送_PHP教程
  18. 从音频提取音高以及音符
  19. 荣耀发布标志性旗舰智能手机Magic3系列;环旭电子为小型物联网设备推出双核蓝牙5.0天线封装模块 | 全球TMT...
  20. Jira 史诗指南 (2022)

热门文章

  1. 家居行业智慧供应链协同管理平台供应链上下游一体化协同,提升管理效能
  2. c语言编程的电压表设计,数字电压表的单片机设计(C语言编程)详解.doc
  3. MEM/MBA 写作-论说文(04)文章结构
  4. hive中json字符串(get_json_object与json_tuple)及url解析(parse_url)
  5. 思维导图:Mindjet MindManager 2023
  6. 记一次Uml编辑器Umlet
  7. 无线通信关键技术-扩频
  8. 【笔记】用vs2017 c语言写 贪吃蛇 小游戏
  9. 4月8日云栖精选夜读 | 阿里云、蚂蚁区块链医疗解决方案首次应用于未来医院电子处方...
  10. python modifysetup什么意思_setup.py人性化指南