javascript - 针对桌面应用项目，如何知道是否是Electron做的应用呢？

Question

通过一个现有的可以F12打开查看浏览器控制器的桌面应用项目，如何知道是否是Electron做的应用呢？

Answer 1

最简单的方式，进入应用程序的安装目录，看下有没有类似“Electron”的依赖库。
以macOS为例，我没看下VSCode的情况：

这就是典型的特征，当然有的经过一层包装。明面上看起来不是，实际上再深扒一下也会发现类似的库

Answer 2

没看懂问题描述，不过可以用debugtron查看是否是用electron开发的应用：https://github.com/pd4d10/debugtron

Answer 3

要判断一个桌面应用是否是由Electron框架构建的，你可以通过以下几种方法：

1. 查看进程信息：

   • 在Windows上，你可以使用任务管理器（Task Manager）来查看应用运行的进程。如果应用是基于Electron的，你可能会在进程列表中看到与electron.exe（或者Electron，取决于你的系统和Electron的版本）相关的条目。
   • 在Linux或macOS上，你可以使用终端（Terminal）和ps命令来查找与Electron相关的进程。

2. 检查开发者工具：

   • 如你所述，如果应用允许通过F12打开开发者工具（DevTools），这通常是Electron应用的一个特征，因为Electron使用了Chromium的渲染引擎。然而，需要注意的是，并非所有基于Chromium的桌面应用都使用Electron，但这仍然是一个强烈的指示。
   • 在开发者工具中，你还可以检查navigator.userAgent字符串，Electron的应用通常会在这个字符串中包含Electron或Chrome/版本号 Electron/版本号这样的标识。

3. 查看应用文件：

   • 如果你有权限访问应用的安装目录或打包文件（如.app、.exe或.AppImage等），你可以查看其中的内容。Electron应用通常会包含electron的可执行文件或相关的库文件。
   • 对于打包的应用（如使用electron-packager或electron-builder打包的应用），你可能会在应用的资源文件夹中找到与Electron相关的文件或目录。

4. 使用工具检测：

   • 有一些第三方工具和服务可以帮助你识别Electron应用，尽管它们可能不如上述方法直接或可靠。

5. 查看应用的文档或官方信息：

   • 最直接的方法可能是查看应用的官方文档、网站或社区论坛，看看是否有提到它是基于Electron构建的。

基于你的描述和提供的图片，如果该应用允许你通过F12打开开发者工具，并且开发者工具中的navigator.userAgent字符串包含Electron的标识，那么几乎可以肯定这个应用是使用Electron构建的。