Le Responsive Design, Vue sur Chrome / Safari ou IE
Dans Firefox il est possible pour moi d'aller au responsive design vue en appuyant sur ctrl + maj + m et je peux ajuster le contexte de la zone d'une taille telle que 720 * 720
.
Comment puis-je le faire sur IE, Chrome ou Safari?
Vous devez vous connecter pour publier un commentaire.
Dans Apple Safari, votre meilleure option pour le diagnostic sensible vues en utilisant les éléments suivants: -
Ouvrez Safari et cliquez sur Safari > Préférences > Avancé
Activer l'option "Afficher le Menu développement dans la Barre de Menu" option et fermer la boîte de dialogue préférences
Il devrait maintenant être Développer un élément de menu en haut de votre écran
Cliquez sur le menu développement et l'option "Activer Resposnive Mode de Conception" ou utilisez le raccourci clavier [Commande] + [Option] + R.
⌥ + ⌘ + R
Le nouveau réécrit outils de dev dans IE11 comprendra une fonctionnalité pour vous permettre de définir la résolution et de l'orientation pour le navigateur, pour une utilisation avec des tests réactifs mises en page.
Voir ici pour plus de détails.
(remarque, IE11 n'a pas encore été dévoilé, mais il est dans l'aperçu si vous voulez l'essayer)
Voici un javascript outil que j'utilise sur Safari et Chrome, même si je ne suis pas sûr de savoir comment il fonctionne dans IE; très utile: http://responsive.victorcoulon.fr
Il n'y a pas une telle chose dans IE. Chrome a quelque chose de similaire lorsque vous êtes dans les outils de dev en cliquant sur l'engrenage dans le coin en bas à droite en tant que "remplace -> mesures de l'appareil".
L'option dans mon Chrome (32.0.1700.41 bêta-m Aura) est "Remplace" -> "Show" Émulation "afficher dans la console tiroir". Puis cliquez sur "Afficher la console" icône située à côté de l'icône d'engrenage.
La façon la plus simple à émuler les résolutions d'écran de Chrome est d'ancrer ses Outils de Dev à droite (il y a un bouton dans le coin en haut à droite) puis faites-le glisser sa bordure (et éventuellement en bas navigateurs frontière). Chrome montrer fenêtre actuelle dimensions dans son coin en haut à droite de sorte que vous pouvez, par exemple, 320 x 480 pixels. Il agit très similaire à FF Responsive Design Vue.
Chrome
D'abord activer "l'Émulation" en allant à Paramètres (Icône D'Engrenage) et vérifier "Show" Émulation "afficher dans la console tiroir"
Maintenant, fermez le panneau de configuration, puis appuyez sur Esc et vous aurez une Émulation onglet. Vous pouvez faire beaucoup de changements. La modification de la taille de l'écran, à l'émulation touch, l'accéléromètre, l'usurpation d'agent utilisateur, etc.
Si vous obtenez le message "google chrome écran de l'émulation n'est pas disponible sur cette page", (probablement vous êtes sous Linux, où chrome a désactivé certaines choses en ce moment), alors vous aurez besoin de changer un [[chrome://flags][chrome://flags] options de suivi de cette solution
IE11
Pour IE 11, les Outils de développement F12 ont un onglet dédié pour la modification des mesures de l'appareil, etc.
Je n'utilise pas Safari, donc je ne peux pas dire à ce sujet.