怎样在电脑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端模拟手机浏览器测试移动端网站
  • oppofindx3pro如何设置字体?
  • 如何打开usb调试模式
  • z2 force怎样刷入基带
  • SCENE软件如何设置三维场景显示点的大小
  • 华为手机如何开启系统夜间升级?
  • 热门搜索
    好看的手抄报边框 保护母亲河手抄报 小学生食品安全手抄报 文明礼仪的手抄报 感恩的心手抄报图片 校园文化手抄报 五年级上数学手抄报 科学幻想画手抄报 运动手抄报图片 动物世界手抄报