Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : window.matchMedia()

Vérifie si la propriété CSS @media est active ou non

Syntaxe
MediaQueryList window.matchMedia(String media)

Compatible tous navigateurs

Description
Retourne un objet de type MediaQueryList qui permet de détecter par JavaScript si la propriété @media du CSS en cours est active ou non.

L'objet de type MediaQueryList contient les propriétés :
media sous forme de chaîne de caractères
matches sous forme de booléen

Utilisez la propriété matches pour obtenir le résultat sous forme de booléen utilisable directement dans une condition.


Exemple 1 : Testez si il existe une propriété CSS de media type smartphone
Code source
<script type="text/javascript">
console.log(window.matchMedia("(max-width:380px)").media);
console.log(window.matchMedia("(max-width:380px)").matches);

if (window.matchMedia("(max-width:380px)").matches) {
 document.write("JavaScript a détecté une CSS @media en mode smartphone active")
} else {
 document.write("JavaScript n'a pas détecté une CSS @media en mode smartphone active")
}

</script>

Résultat
Emulation de la console
Explication
Détecte la taille maximale de 380px en largeur depuis la CSS @media.
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="window.matchmedia"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='385'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico FROM js_equivalent_ressource, js_equivalent_language WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id AND js_equivalent_ressource.etat=1 AND js_equivalent_language.etat=1 AND js_equivalent_ressource.typeof='REF' AND js_equivalent_ressource.idRessource="385"
SELECT * FROM js_exemple WHERE ID='385' ORDER BY ordre
SELECT * FROM js_url WHERE ID='385' ORDER BY ordre
SELECT * FROM js_url WHERE ID='6' ORDER BY ordre

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 17/06/2025 15:28:30 sur php 7 en 44 ms