移动前端——通过Chrome自带的开发者工具Emulation模拟移动设备访问网站
发表于：2024-11-28 作者：热门IT资讯网编辑
编辑最后更新 2024年11月28日，Emulation模拟器一、使用方法通过快捷键F12或ctrl+shift+i打开开发者工具，点击左上角类似手机的图标即可查看到Emulation所在的目录；二、关于EmulationDevice（设
Emulation模拟器
一、使用方法
通过快捷键F12或ctrl+shift+i打开开发者工具，点击左上角类似手机的图标即可查看到Emulation所在的目录；
二、关于Emulation
Device（设备信息）--Model 用于选择模拟的移动设备
--Resolution 分辨率设置
--Divice pixel radio 像素比设置（物理像素与独立像素的比值）
--Emulate mobile 模拟移动端的特性（该特性是由viewport进行设置的，一般情况为勾选状态）
--Shrink to fit 缩放以适应屏幕
Media 媒体查询
Network （User Agent 浏览器信息）
Sensors（传感器）--Emulate touch screen 模拟移动端触摸事件（--touch-events）
--Emulate geolocation coordinates 模拟地理信息
--Accelerometer 模拟陀螺仪