如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

大家在electron的开发过程中,可能会遇到白屏的情况。在苏南大叔的以前的文章中,已经对白屏的情况做了一些调试工作。具体见这里:https://newsn.net/say/electron-api-demo-build-error.html 。在本篇文章中,苏南大叔将补充说明2个参数,用于electron的log调试。本文的实验基础项目是electron的api-demo。

前言

下面的截图,是本文叙述的前提。大家可以先看看截图。

electron的log调试手段,可用于白屏调试 - 009

electron的log调试手段,可用于白屏调试(图11-1)

electron的log调试手段,可用于白屏调试 - 005

electron的log调试手段,可用于白屏调试(图11-2)

electron的log调试手段,可用于白屏调试 - 004

electron的log调试手段,可用于白屏调试(图11-3)

electron .

这个是最普通的electron的启动命令。

electron .

在这种情况下,我们可以使用传统的console.log进行日志调试。主进程main.js里面日志将输出在终端中,而渲染进程中的日志,我们将在开发者工具中看到。一般最爱出问题的渲染进程中的错误,也是需要在开发者工具中查看的。

electron的log调试手段,可用于白屏调试 - 001

electron的log调试手段,可用于白屏调试(图11-4)

electron的log调试手段,可用于白屏调试 - 002

electron的log调试手段,可用于白屏调试(图11-5)

electron的log调试手段,可用于白屏调试 - 006

electron的log调试手段,可用于白屏调试(图11-6)

electron的log调试手段,可用于白屏调试 - 007

electron的log调试手段,可用于白屏调试(图11-7)

electron . --enable-logging

具体的使用命令类似如下:

electron . --enable-logging

这种情况下,原本输出在开发者工具中的信息,也将输出在终端中一份,比如各种console输出,或者error输出等。这对于白屏的情况,并且在各种情况下,不能打开开发者工具的时候,尤为有用。只不过在终端中的输出的log信息,和原本的开发者工具相比,逼格略low。

electron的log调试手段,可用于白屏调试 - 003

electron的log调试手段,可用于白屏调试(图11-8)

electron的log调试手段,可用于白屏调试 - 008

electron的log调试手段,可用于白屏调试(图11-9)

electron . --debug (api-demo专属功能)

命令行如下,将会强制打开开发者工具,工具的位置将有上一次打开的位置所决定(在api-demo中,是这样的)。主进程日志在终端输出,渲染进程日志在开发者工具中输出。

请注意,这个--debug,仅仅在api-demo里面才存在。在其它demo里面(例如quick-start),是没有这个功能参数的。具体如何移植这个功能,请参见苏南大叔的后续文章。

electron . --debug

electron的log调试手段,可用于白屏调试 - 010

electron的log调试手段,可用于白屏调试(图11-10)

electron . --debug --enable-logging (api-demo)

两个参数同时开启的话,那么效果就是叠加的了。会默认打开开发者工具,而且错误信息会在终端和开发者工具中同时输出。

electron . --debug --enable-logging

electron的log调试手段,可用于白屏调试 - 012

electron的log调试手段,可用于白屏调试(图11-11)

结语

各种反馈『白屏/无法看日志/打不开开发者工具』的同学,大有人在。那么如果你看了苏南大叔这篇文章,是不是有思路该如何调试了呢?相信你能成功的,加油!

--debug功能虽然不是electron里面的原生参数,但是苏南大叔会在接下来的文章中,给大家讲述如何移植"--debug"这个命令参数的。具体参见:https://newsn.net/say/electron-param-debug.html

更多苏南大叔带来的electron开发技巧,请点击这里查看: https://newsn.net/tag/electron/

  【electron】秘籍文章入口,仅传授于有缘之人  electron

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-dev-logging.html
上一篇好文:利用upx给electron的exe减肥效果对比
下一篇好文:electron的webview标签之新开窗口

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~