Bonjour,
Question certainement atypique pour recadrer des éléments dont la taille peut dépasser la résolution écran ou projecteur.
Comment récupérer via une instruction javascript la résolution écran d’un PC branché via une prise HDMI sur un écran Tv HD (ou projecteur) dont la résolution est connue soit 1920x1080 pixels.
Éventuellement, bien que je pense impossible en javascript seul, détecter ce type de branchement pour coder en dur une résolution écran sans faire appel à une sélection manuelle.
En effet Windows 7 et + dispose d’un utilitaire baptisé Se connecter à un projecteur. Quatre possibilités sont offertes : Ordinateur uniquement / Dupliquer / Etendre / Projecteur uniquement.
Le mode Dupliquer restitue sur la TV la même résolution que celle du PC… Pour mon exemple 1348x703 avec un PC > Aucun souci sur la TV.
Le mode Projecteur force la résolution maximale de la TV HD soit le 1920x1080.
Dans ce mode Projecteur les instructions Javascript retournent toujours la résolution écran du PC soit 1348x703. Par contre une page internet plein écran épouse la totalité de la taille de l’écran laissant supposer que le premier code testé fonctionnerait… ce qui n’est pas le cas !
Voici les tests réalisés : Tous retournent à tort la résolution de l’écran principal du PC.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 var fen = document.getElementsByTagName('html')[0]; console.log(fen.clientHeight); console.log(fen.clientWidth);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 console.log(screen.width); console.log(screen.height);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 console.log(screen.availWidth); console.log(screen.availHeight);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 console.log(document.body.clientWidth); console.log(document.body.clientHeight);D’autres idées ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 console.log(window.innerWidth); console.log(window.innerHeight);
Merci par avance
Partager