Screen Info

Reported Screen Width:

Reported Screen Height:

Device Pixel Ratio:

Actual Screen Width:

Actual Screen Height:

Source Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Encrypt API Key</title>
</head>
<body>
    <script>
    function getScreenInfo() {
        const screenWidth = window.screen.width;
        const screenHeight = window.screen.height;
        const devicePixelRatio = window.devicePixelRatio;
        const actualWidth = screenWidth * devicePixelRatio;
        const actualHeight = screenHeight * devicePixelRatio;

        console.log(`Reported Screen Width: ${screenWidth}`);
        console.log(`Reported Screen Height: ${screenHeight}`);
        console.log(`Device Pixel Ratio: ${devicePixelRatio}`);
        console.log(`Actual Screen Width: ${actualWidth}`);
        console.log(`Actual Screen Height: ${actualHeight}`);

        document.getElementById('reported-width').textContent = screenWidth;
        document.getElementById('reported-height').textContent = screenHeight;
        document.getElementById('dpr').textContent = devicePixelRatio;
        document.getElementById('actual-width').textContent = actualWidth;
        document.getElementById('actual-height').textContent = actualHeight;
    }

    // Call the function on page load
    window.onload = getScreenInfo;
    </script>
    <div>
        <h1>Screen Info</h1>
        <p><span class="label">Reported Screen Width:</span> <span id="reported-width"></span></p>
        <p><span class="label">Reported Screen Height:</span> <span id="reported-height"></span></p>
        <p><span class="label">Device Pixel Ratio:</span> <span id="dpr"></span></p>
        <p><span class="label">Actual Screen Width:</span> <span id="actual-width"></span></p>
        <p><span class="label">Actual Screen Height:</span> <span id="actual-height"></span></p>
    </div>
</body>
</html>

AIChatLog

Thursday, July 25, 2024

Screen Info

Screen Info

Source Code

No comments:

Post a Comment

Did Lord Chesterfield Use a Secretary?

Search This Blog