65 votes

Comment simuler un zoom par pincement dans Google Chrome?

Je suis le développement d'une pincée de zoom automatique pour une application mobile écrite en javascript et j'ai envie de la tester cette dans Google Chrome avec l'appareil mobile fonctionnalité d'émulation. Mais je ne peux pas trouver un moyen de tester un geste de pincement.

J'ai essayé tout ce que j'ai pu trouver sur internet (en appuyant sur Shift et en déplaçant la souris, en appuyant sur Alt et en déplaçant la souris), mais rien de cela n'a fonctionné. Est-il encore un "natif" dans Google Chrome pour simuler une pincée de zoom geste?

btw, je suis en utilisant la version MacOs de version de Google Chrome 59.0.3071.86

80voto

vsync Points 11280

Maj + clic de la souris et glisser à travers la fenêtre

Travaille pour moi. Le seul problème est que le touchstart événement sera de retour 1 pour originalEvent.touches

6voto

mEnE Points 174

Sur Chrome v.71.xx, vous pouvez pincer le zoom en appuyant sur 'Basculer la barre d’outils Périphérique' dans les outils de développement, puis maintenez la touche Maj enfoncée et maintenez la touche Maj enfoncée, puis faites glisser la souris.

5voto

Zich Points 1690

Pincée gestes ont différents auditeurs dans les différents navigateurs, mais il est un remarquable léger bibliothèque nommée hammer.js qui gère pincer,balayer et .... assez facile et bien dans tous les navigateurs, Malheureusement, il n'a pas de Bureau de support de Chrome, de sorte que vous ne pouvez pas déboguer votre web-mobile codes facilement,

Maj de la Souris, cliquer et glisser sur le Bureau de Chrome avec le marteau de la bibliothèque ne fonctionne pas très bien, il active le marteau Pan de l'événement au lieu de pincer et ne fonctionne qu'une fois!, après qu'il continue d'appeler Pan de l'événement lorsque vous déplacez votre souris à travers votre fenêtre, qui est assez ennuyeux, et rend le débogage impossible.

Solution : La seule façon pratique, que je connais, pour tester vos gestes sur un navigateur mobile est d'utiliser Safari Safari connexion sur ios/osx dispositifs de Chrome ou de Chrome de connexion pour les appareils android.

- Je l'utiliser pour déboguer mon codes JavaScript avec Chrome DevTools mais dans web-mobile, projets j'utilise Safari Inspecteur Web, parce que j'ai un iphone et un Mac!. vous aussi vous ne pouvez pas déboguer votre appareil ios avec le Bureau de Chrome.

Jetez un oeil à cet article pour savoir comment configurer votre Safari de l'Inspecteur Web.

Remarque: vous devez connecter votre iphone à votre mac à l'aide d'un câble usb, et de permettre à l'Inspecteur Web sur votre iphone (Réglages-> Safari -> Avancé -> Inspecteur Web) Si vous ne parvenez pas à voir se Développer sur le menu Safari, cliquez sur Préférences, puis dans l'onglet Avancé, cochez la case "Afficher le menu développement dans la barre de menu". le reste est expliqué dans l'article mentionné ci-dessus.

Mise à jour

Il n'est pas possible de déboguer un appareil ios sur un Bureau Windows de Safari.

4voto

tokiop Points 112

Sous Chrome 66, en mode de simulation, double-cliquez et faites glisser les zooms avant / arrière.

0voto

GGGin Points 66

La dernière réponse a cinq votes négatifs, mais ce que je veux dire, c'est que la dernière version du navigateur google chrome(78) sur la plate-forme Android n'a pas la fonction de zoom. Vous pourriez avoir des problèmes avec votre compréhension de la fenêtre d'affichage. L'échelle de la fenêtre d'affichage est pinchzoom. Si vous définissez comme cela, votre page web ne peut pas déclencher pinchzoom.

<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

Votre pouvez définir de cette façon dans votre page web

<meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=yes">

Les autres réponses ont déjà dit que des raccourcis pour zoom par pincement.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X