码迷,mamicode.com
首页 > 移动开发 > 详细

Chrome调试手机页面

时间:2014-06-12 06:30:01      阅读:368      评论:0      收藏:0      [点我收藏+]

标签:class   http   tar   ext   com   get   

新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试。查看 制作的网页是否能够适合各种手机型号使用。

 

下面所以下如何使用Chrome调试多类型手机网页。

 

首先 下载Chrome 浏览器。

在你要调试的网页或是本地页面中。按F12 打开调试器。

工具/原料

  • Chrome浏览器

方法/步骤

  1.  

    打开 仿真面板。如图所示:

    bubuko.com,布布扣
    bubuko.com,布布扣
  2.  

    可以在 Device 选择设备。

    可以在Screen  设置模拟的屏幕方面的东西,设置分辨率,屏幕尺寸。

    可以在 User Agent 设置 客户端Agent

    可以在 sensors  设置感应等,模拟触屏操作。

    bubuko.com,布布扣
  3.  

    配置好之后,点击 Emulate 。开始进行仿真。

    (选择Device需要点击emulate)其余选项是在修改后自动改变。

    bubuko.com,布布扣
    bubuko.com,布布扣
  4. 4

    如何假设 平板旋转屏幕?

    可以在 screen中,点击分辨率中间的互换按钮就可以了。

    使用Chrome浏览器调试,配置好调试设置之后,可以自由输入 网址查看 在移动设备上的现实情况。

    bubuko.com,布布扣
    END

注意事项

  • 如果不出现菜单,下载最新版Chrome浏览器插件。

Chrome调试手机页面,布布扣,bubuko.com

Chrome调试手机页面

标签:class   http   tar   ext   com   get   

原文地址:http://www.cnblogs.com/8090sns/p/3782758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!