zoukankan      html  css  js  c++  java
  • chrome emulation 快速查看移动设备h5页面

    之前有分享过chrome emulation的简单使用说明,如何快速学习查看移动设备H5页面呢?

    下载Chrome 33.0.1750.154 m 版本。
    Step1 按F12
    Step2 点击Hide drawer,chrome_emulator

    Step3 打开emulation,
    QQ截图20140420182150 QQ截图20140420182140
    Step3 将代码编辑区调到浏览器右侧,QQ截图20140420181919,由于移动H5页面尺寸比较小,所以个人比较习惯这样设置,具体看个人喜好。
     

    经过以上四步的简单设置,我们就可以使用chrome enulation真实地模拟移动设备的上网环境,进而体验到h5页面的页面展现。
    这时就可以在浏览器地址栏中输入具体的网页地址,emulation会自动判断你设置的各种参数而去调用开发人员专门针对某一款设备而设计的H5页面。

    比如输入:
    百度:www.baidu.com,模拟器会自动将地址重定向至针对移动设备的地址:http://www.baidu.com/#|idxPop
    20140420183417968
    美团:https://www.meituan.com/,模拟器会自动将地址重定向至针对移动设备的地址:https://i.meituan.com/
    20140420183634562
    大众点评网:https://www.meituan.com/,模拟器会自动将地址重定向至针对移动设备的地址:http://m.dianping.com/
    20140420183533328

    快来试试吧。

  • 相关阅读:
    Day60
    Day53
    Day50
    Day49
    Day48
    Day47
    Day46(2)
    Day46(1)
    Day45
    Day44
  • 原文地址:https://www.cnblogs.com/css3China/p/3691818.html
Copyright © 2011-2022 走看看