ParMD
| |

Création d’une Page Web pour Afficher les Informations sur l’Écran de l’Appareil

Utilisez vos anciens smartphones de manière astucieuse en les transformant en télécommandes intelligentes !
On a créer une page web qui affiche les détails de l’écran de l’appareil lorsqu’il s’y connecte, notamment la largeur, la hauteur et la densité de pixels. D’autres informations comme le système d’exploitation, le navigateur et bien plus encore.

Recycler des anciens smartphones pour en faire des télécommandes intelligentes peut être une solution ingénieuse. Lorsque ces appareils se connecte à notre page web, ils affichent des informations clés sur l’écran. Ceci permet entre autre, de collecter la résolution de l’écran pour des besoins de développement.

Pourquoi une page web d’affichage des informations sur l’écran ?

Que vous soyez un développeur cherchant à optimiser l’interface utilisateur d’une application ou un utilisateur curieux de connaître les caractéristiques de son appareil, notre page web peut vous apporter ces informations.

De plus, notre page web affiche des informations sur le système d’exploitation de l’appareil, le navigateur utilisé et d’autres détails techniques. Cela peut être précieux pour les développeurs web qui souhaitent s’assurer que leur site est compatible avec une variété d’appareils et de navigateurs.

Facilité d’utilisation :

Il vous suffit de connecter votre appareil, et les informations s’affichent instantanément. Vous n’avez pas besoin de télécharger d’application ou de logiciel supplémentaire. Tout se passe dans votre navigateur web.

Donnez une seconde vie à vos anciens appareils :

La conversion de vieux smartphones en télécommandes intelligentes est une excellente façon de prolonger leur utilité. Vous pouvez les utiliser pour contrôler des appareils domestiques intelligents, des médias en streaming, des présentations, et bien plus encore. Notre page web vous aide à exploiter pleinement le potentiel de ces appareils.

Voici le lien vers le site en question: https://sysinfo.md.lu/

Si vous désirer utiliser une tel page sur votre serveur, voici le code de la page web.

<!DOCTYPE html>
<html>
<head>
    <title>Informations sur l'écran</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #container {
            text-align: center;
            font-weight: bold;
            width: 100%;
        }

        /* Augmentation de la taille du texte */
        #container p {
            font-size: 220%; /* Augmente la taille du texte */
        }

        /* Style pour les résultats des commandes en rouge */
        .resultat-commande {
            color: red;
        }
    </style>
</head>
<body>
    <div id="container">
        <!-- Utilisation de la balise p pour le texte -->
        <p>
            <script>
                // Obtient la largeur de l'écran en pixels
                var screenWidth = window.screen.width;
                document.write("Largeur de l'écran : <span class='resultat-commande'>" + screenWidth + " pixels </span><br>");

                // Obtient la hauteur de l'écran en pixels
                var screenHeight = window.screen.height;
                document.write("Hauteur de l'écran : <span class='resultat-commande'>" + screenHeight + " pixels </span><br>");

                // Obtient la densité de pixels
                var screenDPI = window.devicePixelRatio;
                document.write("Densité de pixels : <span class='resultat-commande'>" + screenDPI + " DPI </span><br>");

                // Informations système
                document.write("Système d'exploitation : <span class='resultat-commande'> " + navigator.platform + "</span><br><br>");
                document.write("Navigateur : <span class='resultat-commande'>" + navigator.appName + " </span> Version : <span class='resultat-commande'> " + navigator.appVersion + "</span><br>");

                //<!-- Informations système supplémentaires -->
                document.write("Version du système d'exploitation : <span class='resultat-commande'> " + navigator.oscpu + "</span><br>");
                document.write("Type de processeur : <span class='resultat-commande'> " + navigator.hardwareConcurrency + " cœurs </span><br>");
                document.write("Mémoire RAM disponible : <span class='resultat-commande'> " + (window.performance.memory.totalJSHeapSize / (1024 * 1024)).toFixed(2) + " Mo </span><br>");
                document.write("Espace de stockage disponible : <span class='resultat-commande'> " + (navigator.deviceStorage[0].freeSpace / (1024 * 1024)).toFixed(2) + " Mo </span><br>");
                document.write("Résolution d'écran native : <span class='resultat-commande'> " + screen.width + "x" + screen.height + "</span><br>");
                document.write("Navigateur Web : <span class='resultat-commande'> " + navigator.userAgent + "</span><br>");

                // Liens utiles
                document.write("<br><br><a href='https://iav.lu'>iav.lu</a>");
            </script>
        </p>
    </div>
</body>
</html>

Laisser un commentaire