远方的海
远方的海,WordPress,免费
2014 Sep 22 19 : 35

电脑模拟iPhone、安卓设备打开手机网页!

您当前的位置: 首页 > 资源分享 > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

我们经常会遇到这样的情况,比如要审查手机页面的元素;或者某些页面需要用手机浏览,但是身边只有电脑…这种情况我们可以用chrome浏览器解决,功能叫做Emulation。

使用方法

首页在chrome页面里面按下F12或者右击选择审查元素:如下图所示:

电脑模拟iPhone、安卓设备打开手机网页!

打开show drawer,这样控制台就可以看见了:

电脑模拟iPhone、安卓设备打开手机网页!

 

下面就是控制台了,在控制台里面选择emulation标签,选择你想要的设备,比如这里我选择了苹果的iPhone 5。

电脑模拟iPhone、安卓设备打开手机网页!然后点击Emulate就可以用iPhone5的效果浏览该页面了。以本站为例,效果如下:

电脑模拟iPhone、安卓设备打开手机网页!

应用

  1. 对于开发者,这个可以用来测试移动端的适配效果,也可以看别人的移动端元素。
  2. 模拟设备小尾巴。
  3. 访问手机wap页面。

以上。

好文!分享给朋友,或者点个赞吧~

文章信息

分类:资源分享

您可能也会喜欢

发表回复

Post Comment


  1. Nick :

    IE也可以。

    2015-7-18
  2. hua :

    这个简单

    2014-10-3
    • 远方的海水神 :

      谢谢!也挺实用的!

      2014-10-3