请选择 进入手机版 | 继续访问电脑版

做设计论坛(bbs.zuosj.com)

 找回密码
 立即加入

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 804|回复: 0

[推荐] 使用Chrome浏览器模拟手机端访问网页

[复制链接]

5

主题

7

帖子

72

积分

超级版主

Rank: 8Rank: 8

积分
72
QQ
发表于 2014-7-12 01:33:05 | 显示全部楼层 |阅读模式
本帖最后由 左左 于 2014-7-12 01:34 编辑

在2014年开始,兼容手机和平板设备的网站将会越来越流行,响应式网页也是未来的设计趋势。今天我们将介绍使用Chrome浏览器来模拟真实的手机端访问网站,这样方便设计师和前端人员测试页面的兼容性。
下面来看看设置方法:
STEP1: 首先确保你的Chrome在32以后版本。(小编是Chrome35版本)
STEP2: 按F12或(Ctrl+Shift+I)键来打开”开发者工具”,点击[Show drawer.]图标,如下图:

使用Chrome浏览器模拟手机端访问网页

使用Chrome浏览器模拟手机端访问网页

使用Chrome浏览器模拟手机端访问网页

使用Chrome浏览器模拟手机端访问网页

使用Chrome浏览器模拟手机端访问网页

使用Chrome浏览器模拟手机端访问网页

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入

本版积分规则

QQ|Archiver|手机版|小黑屋|左设计工作室旗下网站 ( 蜀ICP备14010612号-1

GMT+8, 2017-10-17 13:50 , Processed in 0.322903 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表