移动端页面在手机中调试

栏目: 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』选中标签。

移动端页面在手机中调试

在移动端表现:

移动端页面在手机中调试


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

查看所有标签

猜你喜欢:

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

Web 2.0界面设计模式

Web 2.0界面设计模式

黄玮 / 电子工业出版社 / 2013-9-1 / 59

本书集Web 2.0的发展及特点、Web 2.0界面设计模式基本理论、实际模式实践及代码实现等诸多内容于一身,具有很强的实用性。这些内容不是简单的顺序堆砌,而是以Web 2.0界面设计模式和应用为主线,其中完美地穿插了各种与之相关的Web 2.0设计理念、用户行为模式、用户体验及基于Dojo的实现方式等相关知识,真正做到将Web 2.0界面设计模式所需要的方方面面的知识有机地融为一个整体。实现不需......一起来看看 《Web 2.0界面设计模式》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试