[筆記] 如何在桌機瀏覽器上模擬 touch 事件

章節連結

近期要在桌機的瀏覽器上,模擬手機的 touch 行為。雖說可透過 Chrome 的 DevTool 可以達成,但開啟點並不好找。這邊筆記下相關內容。
browsersync chrome


內容

1. 開啟 Dev Tool,右上角的 … 點擊後,會出現一個 More Tools -> 內有 Sensors 選項
notes-browser-touch-mobile-event-mock-1
2. 點擊後,在下方的 Touch 的選項改選擇 Force enabled

notes-browser-touch-mobile-event-mock-2


參考資料

1. :hover and :active on touch in mobile devices?

按讚加入粉絲團

延伸閱讀