Google Chrome affiche cercle gris curseur

Google Chrome affiche un cercle gris curseur lorsque les outils de dev est active. Pourquoi est-ce qui se passe et comment dois-je faire de cet arrêt?

InformationsquelleAutor Randy Hall | 2013-07-24

google-chrome google-chrome-devtools

45

29 Nov 2017 mise à Jour:

Rapide mise à Jour vous est offert par @Howdy_McGee.

Chrome 62 vous devez Ajouter le Type d'Appareil, il n'y a plus d'une option pour Afficher le Type d'Appareil.

Pourquoi est-ce arrivé?

Randy Hall points ci-après "Ce curseur indique un "contact", comme votre doigt, pour l'émulation événements tactiles (le) du navigateur Chrome."

20 juillet 2017 mise à Jour: (version 59.0.3071.115) Juste vérifier à nouveau, ressemble au dessous est toujours valide, même à travers un tas de Chrome mises à jour. Ils ont changé le libellé de l' Show device type à Add device type. J'ai modifié le libellé ci-dessous, mais l'image ne reflète pas le changement.

Ils ont aussi changé la façon dont les device type paramètres de travail, a expliqué ci-dessous.

Une fois en mode réactif (via F12, puis ctrl + shift + m), vous devez sélectionner les paramètres de la section indiquée par le 3 gris cercles, puis sélectionnez Add device type. Une fois que vous faites cela, une nouvelle liste déroulante apparaîtra à côté de la zone dimensions, sélectionnez Mobile (no touch). J'imagine qu'ils n'ont cela de sorte que vous n'avez pas à garder sur le bureau et ajuster la user agent type à un appareil mobile, comme je l'ai décrit ci-dessous.

Que font les Types d'appareils veux dire?

À compter d'aujourd'hui (20 juillet 2017), les mêmes paramètres pour device type existent (comme le montre l'image ci-dessus), mais ils fonctionnent un peu différemment qu'auparavant avant:
- Mobile: Maintenant à l'échelle le contenu de la page lors du redimensionnement de la fenêtre (afin de simuler avec précision la densité de pixels sur un appareil mobile). Le cercle qui remplace la souris, simule un écran tactile de l'action lorsque vous cliquez (à part entière dans le développement mobile /test).
- Mobile (sans contact): Également à l'échelle le contenu de la page lors du redimensionnement de la fenêtre, mais continue à utiliser votre curseur de la souris pour cliquer sur les actions.
- Bureau: Ne pas mettre à l'échelle le contenu, utilise régulièrement curseur de la souris (à part entière du bureau de développement /test).
- De bureau (touche): Aussi ne pas mettre à l'échelle le contenu, mais remplace votre curseur de la souris avec un cercle qui va simuler la touche d'écran sur cliquez sur.
Mais j'ai encore envie d'émuler un périphérique mobile spécifique...

Il y a toujours un moyen de remplacer l'agent utilisateur avec ce Mobile (no touch) jeu. Lorsque vous êtes à la recherche à votre console (apporté par F12), vous verrez les 3 cercles verticaux à côté de la console onglet, cliquez sur eux et de les amener jusqu' des Conditions de Réseau. Dans cette section, vous allez voir que User agent est fixé à Select Automatically, juste le désactiver et utiliser la liste déroulante pour modifier le user-agent que vous souhaitez émuler comme. Cela vous permettra d'émuler un périphérique mobile spécifique.
- Solution fantastique. Merci.
- Je reçois ma souris vers l'arrière, mais l'émulation remonte à la version de bureau.
- J'ai mis à jour ma réponse à expliquer comment remplacer le user-agent si vous voulez continuer à reproduire dans un environnement mobile (avec votre souris et non pas la lumière cercle gris).
- Accepté cela comme la réponse correcte, étant donné que Chrome a changé.
- Merci beaucoup! Pour quelque raison, quand j'étais affichage en mode réactif dans le débogueur, je n'ai eu ni un curseur OU le cercle gris. Mon curseur complètement disparu de l'écran dès qu'il allait entrer dans le site, j'ai été le débogage. Réglage de l'user-agent pour "Mobile (sans contact)" m'a un curseur de nouveau. Merci!
- J'ai mis à jour la réponse car dans chrome 50, les mesures ont un peu changé.
- WOW - ceux 2017 points sont vraiment là-bas. Raté complètement.
- Chrome 62 vous devez Ajouter le Type d'Appareil, il n'y a plus d'une option pour Afficher le Type d'Appareil
InformationsquelleAutor Tony M
26

Ce curseur indique un "contact", comme votre doigt, pour l'émulation de touche événements dans le navigateur Chrome.

Dans les outils de dev de la fenêtre, cliquez sur réglages (vitesse) bouton en bas à droite. Aller à la Overrides onglet et désactiver Emulate touch events.

Je poste ici parce que ça m'a pris du temps à trouver par le biais de recherches, et je sais que d'autres ont eu le même problème.

Mise à jour via Paulo Manuel Santos commentaire:

À partir de Chrome 32 l'Émulation est configuré dans un endroit différent. C'est la façon d'en arriver à cela: les Éléments, appuyez sur la touche Echap, de l'Émulation, de Capteurs, d'Imiter l'écran tactile
- Désolé pour la confusion. Depuis Chrome 30, vous verrez aussi un avis d'inscription de tous les actifs des remplacements.
- Bon à entendre, merci!
- À partir de Chrome 32 l'Émulation est configuré dans un endroit différent. C'est la façon d'en arriver à cela: les Éléments, appuyez sur la touche Echap, de l'Émulation, de Capteurs, d'Imiter l'écran tactile
- Dans google Chrome, 49, lors de l'exécution dans un appareil mobile, la mode, l'option n'est plus disponible.
- Je suis venu ici pour dire la même chose. Ils ont enlevé. Il n'est plus une émulation onglet, et il ne figure pas dans les Senors onglet. Je suis également en utilisant Chrome 49. Cependant, j'ai trouvé une solution que je vais poster une réponse.
- J'espère que vous êtes tous heureux, j'ai aimé cette fonctionnalité. Maintenant, comment suis-je censé voir où la souris est?
- il y a encore du chemin! Découvrez la réponse que j'ai posté.
InformationsquelleAutor Randy Hall
6

À juillet 2017 cette option appels Ajouter un appareil de type:
- Vous, monsieur, êtes êtes des génies
InformationsquelleAutor valex
4

Sur Chrome 50 il semble que l'Émulation option n'est pas disponible..
Ma solution est d'ajouter un appareil personnalisé avec le Mobile (sans contact)' option..

InformationsquelleAutor solex16
2

Aucune des réponses ci-dessus, a travaillé pour moi... Donc après avoir cliqué sur le susmentionnés 3 points dans le coin en bas à droite, j'ai choisi Paramètres et puis Restaurer les paramètres par défaut et de le recharger

Ce n'est pas une solution propre, mais je venais de choisir un nouveau quai position de côté et puis j'étais de retour au travail
- En fait, c'est une EXCELLENTE suggestion. Pour "réinitialiser tout" (DONT "réinitialiser touch émulation"), alors ne EXACTEMENT ceci: Outils de Dev > Paramètres > faire défiler vers le bas > appuyez sur le bouton [Restaurer les paramètres par défaut et de le recharger] bouton.
- La réponse ci-dessus ne fonctionne pas pour moi non plus. Je suppose parce que Chrome est sur la version 73 maintenant, et la réponse ci-dessus mentionné version 62. Cette solution semble la plus rapide et la plus facile de toute façon.
InformationsquelleAutor binte
1

Lorsque vous cliquez sur cette ICÔNE pour activer (en bleu); Le Cercle Gris CURSEUR apparaît comme le représentant de toucher du doigt pour les périphériques, et Désactiver cela permettra de simuler la version de bureau et Montrant POINTEUR Curseur.

InformationsquelleAutor Shaf

Vous devez vous connecter pour publier un commentaire.