Wie simuliere ich Touch Gesten im Browser, vorzugsweise Chrome?

Question

Der Zweck dieser Frage besteht darin, zu erfahren, wie JS-Ereignis-Listener für Berührungsereignisse auf mobilen Geräten getestet werden.

Answer 1

Drücken Sie in Chrome F12, um den Entwicklermodus zu wechseln.

Dann wird auf der oberen linken Ecke des Entwickler-Teil, Sie ein kleines Symbol sehen "Toggle Gerätemodus" (Strg/Cmd + Shift + M)

Dann sagen, können Sie Wechseln Sie zwischen den Geräten an der Spitze.

Dies wird durch eine reale Gerät Touch-Gesten gemacht imitieren.

Answer 2

Wenn Sie in die Entwicklertools (F12) wechseln, geben Sie den Responsive Design-Modus (Strg + Umschalt + M) ein und wählen Sie ein touchfähiges Gerät aus. Sie können es ändern, sodass Touch-Ereignisse ausgelöst werden, wenn Sie mit der Seite interagieren als Mausereignisse).

Answer 3

Öffnen Sie die Devtools und in der oberen Ecke befindet sich ein Symbol mit einem Bildschirm hinter einem Telefon. Klicken Sie darauf, um den Telefonmodus zu aktivieren. Sie werden wissen, dass Sie sich im Telefonmodus befinden, da die Seite kleiner ist und ein Kreis erscheint, wo sich Ihr Cursor befand. Durch Klicken wird ein Berührungsereignis simuliert.