移动端页面在手机中调试

栏目: IOS · Android · 发布时间: 6年前

内容简介:移动端页面运行在PC端,在移动端访问页面,实时的在PC端查看console、network等,并进行移动端的页面调试。1.手机打开『USB调试』例如:小米5 plus开启『USB调试』

简介

移动端页面运行在PC端,在移动端访问页面,实时的在PC端查看console、network等,并进行移动端的页面调试。

工具

  1. Chrome(PC版、移动版,版本尽量一致)
  2. 手机(本人是Android,小米5 plus)
  3. USB线

步骤

1.手机打开『USB调试』

例如:小米5 plus开启『USB调试』

a. 我的设备->全部参数->MIUI版本(双击两次),会提示已处于开发者模式。

b. 退出到『设置』,到『系统和设备』下选择『更多设置』,找见『开发者选项』,点进去开启『USB调试』。

2.手机和PC连接USB,手机会提示接入信息,点击确定。

3.PC端chrome地址栏访问 chrome://inspect/#devices,会出现

移动端页面在手机中调试

4.调试(举例展示)

PC端在『Elements』选中标签。

移动端页面在手机中调试

在移动端表现:

移动端页面在手机中调试


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

About Face 4: 交互设计精髓

About Face 4: 交互设计精髓

[美] 艾伦·库伯、[美] 罗伯特·莱曼、[美] 戴维·克罗宁、[美] 克里斯托弗·诺埃塞尔 / 倪卫国、刘松涛、杭敏、薛菲 / 电子工出版社 / 2015-10 / 118.00元

《About Face 4: 交互设计精髓》是《About Face 3:交互设计精髓》的升级版,此次升级把全书的结构重组优化,更加精练和易用;更新了一些适合当下时代的术语和实例,文字全部重新编译,更加清晰易读;增加了更多目标导向设计过程的细节,更新了现行实践,重点增加 移动和触屏平台交互设计,其实《About Face 4: 交互设计精髓》多数内容适用于多种平台。 《About F......一起来看看 《About Face 4: 交互设计精髓》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换