How to display version of Electron environment in an Electron app?

To display the Electron environment version in an Electron application, you can access it by using process.versions.electron in your application's JavaScript code. This property contains the current Electron version number. This is because Electron adds a versions property to the global process object, which includes version information for components such as Node.js, Chrome, and Electron.

Here is a specific example:

If you are developing an Electron application and want to display the Electron version in the application interface, you can add the following code to the JavaScript file for the renderer process:

javascript
document.addEventListener('DOMContentLoaded', () => {
  const version = process.versions.electron;
  document.getElementById('electron-version').textContent = `Electron version: ${version}`;
});

Additionally, you need to add an element in the HTML file to display the version information, for example:

html
<p id="electron-version"></p>

This way, once the application loads, the Electron version number will be displayed in the specified <p> tag.

This approach ensures that users can clearly see the current Electron version when using your Electron application. This is helpful for debugging issues or ensuring application compatibility.