Javascript Girl
  1. Javascript Girl
  3. Faking max-device-largeur
Intereting Posts
JavaScript pendant le mousedown Pourquoi 1 === 1 === 1 est-il faux? Modification du format d'importation automatique dans WebStorm Détecter la touche CTRL et SHIFT sans événement de dépannage? Comment Facebook réalise-t-il un défilement infini? Le navigateur Chrome n'est pas capable de faire un appel de serveur lorsque l'aperçu avant impression est ouvert Chargez des textures depuis Base64 dans Three.js Comment fonctionne cette définition de méthode d'objet sans le mot-clé "fonction"? Faites en sorte que les fichiers d'en-tête et de bas de page soient inclus dans plusieurs pages html Comment GitHub change-t-il l'URL mais pas le rechargement? La console de Javascript de Chrome: qu'est-ce qu'il produit en termes d'objets? Puis-je trouver un élément en utilisant regex avec Python et Selenium? Comment sauter en haut de la page du navigateur Google.maps.geometry.spheric error Comment exécuter le script de sortie ajax

Faking max-device-largeur

Pour implémenter un site Web mobile, il serait utile de définir la largeur maximale du périphérique dans mon navigateur. Je connais des plugins pour fausser l'agent utilisateur. Cela est-il également possible pour la largeur maximale du périphérique? Je préférerais utiliser un navigateur régulier comme Firefox, IE, Opera, … au lieu de tout type d'émulateurs de navigateur mobile ou même de smartphones différents.

Merci, Ropo

Chrome vous permet de définir les paramètres du périphérique, qui sont utilisés dans le calcul des requêtes multimédias pour la largeur du périphérique. Pour ce faire, ouvrez Outils de développement, cliquez sur l'icône de l'engrenage dans le coin inférieur droit, puis accédez à l'onglet Arrache.

Edition 17 janvier 2014 : Chrome dispose désormais d'un onglet Émulation, qui se trouve à côté de Console, dans les Outils de développement.

Dans le cas commun, les navigateurs de bureau peuvent être utilisés pour les contrôles de santé mentale de html et css, mais les navigateurs mobiles sont très différents dans le traitement html, css et javascript.

Pour «imiter» la max-device-width vous pouvez remplacer la max-device-width max-device-width max-width et redimensionner la fenêtre de votre navigateur à la taille requise (les versions réelles des navigateurs supporte les instructions de requête multimédia à max-width ).

Nous utilisons les navigateurs de bureau aux premiers stades du développement et des émulateurs d'interfaces Web mobiles en retard. Les testeurs d'interface utilisateur utilisent uniquement des périphériques réels.