Added hardware info
This commit is contained in:
parent
3e77532af6
commit
ecd633f108
1 changed files with 21 additions and 0 deletions
21
src/App.jsx
21
src/App.jsx
|
|
@ -7,12 +7,33 @@ const App = () => {
|
||||||
document.getElementById(
|
document.getElementById(
|
||||||
'screenSize'
|
'screenSize'
|
||||||
).innerHTML += `Screen resolution: ${window.screen.width}x${window.screen.height}`;
|
).innerHTML += `Screen resolution: ${window.screen.width}x${window.screen.height}`;
|
||||||
|
|
||||||
|
navigator.getBattery().then((battery) => {
|
||||||
|
document.getElementById(
|
||||||
|
'batteryLevel'
|
||||||
|
).innerHTML += `Battery level: ${Math.round(battery.level * 100)}%`;
|
||||||
|
document.getElementById(
|
||||||
|
'batteryStatus'
|
||||||
|
).innerHTML += `Battery status: ${(battery.charging) ? '' : 'not '} charging`;
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById(
|
||||||
|
'memory'
|
||||||
|
).innerHTML += `Device memory: ${navigator.deviceMemory}GB`;
|
||||||
|
|
||||||
|
document.getElementById(
|
||||||
|
'cores'
|
||||||
|
).innerHTML += `# of CPU cores: ${navigator.hardwareConcurrency}`;
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<div className="title">Hardware</div>
|
<div className="title">Hardware</div>
|
||||||
<div className="item" id="screenSize" />
|
<div className="item" id="screenSize" />
|
||||||
|
<div className="item" id="batteryLevel" />
|
||||||
|
<div className="item" id="batteryStatus" />
|
||||||
|
<div className="item" id="memory" />
|
||||||
|
<div className="item" id="cores" />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue