网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

怎样在电脑PC端模拟手机浏览器测试移动端网站

时间:2024-10-14 23:59:09

1、这里以360极速浏览器来演示,其他浏览器也大同小异,在一个网页中“右键--审查元素”

怎样在电脑PC端模拟手机浏览器测试移动端网站

2、在弹出的窗口中,在右下角找到setting按键,进入设置界面,

怎样在电脑PC端模拟手机浏览器测试移动端网站

3、在settings中,找到overrides,并点击,勾选Enable和User-Agent选项

怎样在电脑PC端模拟手机浏览器测试移动端网站怎样在电脑PC端模拟手机浏览器测试移动端网站

4、然后选择相应需要用到的手机系统与相应的设备进行模拟,这里以android 4.0.2为例

怎样在电脑PC端模拟手机浏览器测试移动端网站

5、然后再下拉,这里可以设置屏幕的分辨率,字体的大小比例等,

怎样在电脑PC端模拟手机浏览器测试移动端网站

6、为更加直观,这里的分辨率我们设置到480*640,可以看到原来的百度首页,因为像素的改变而变型了

怎样在电脑PC端模拟手机浏览器测试移动端网站

7、这样设置好,我们来访问一下手机样式的网站,同样以百度手机站为例,访问后,可以看到和手机样式一致,无论大小与排版都与手机浏览器一样,达到模拟效果

怎样在电脑PC端模拟手机浏览器测试移动端网站
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com