移动端页面在手机中调试

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

移动端页面在手机中调试

在移动端表现:

移动端页面在手机中调试


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

查看所有标签

猜你喜欢:

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

ES6标准入门(第3版)

ES6标准入门(第3版)

阮一峰 / 电子工业出版社 / 2017-9 / 99.00

ES6是下一代JavaScript语言标准的统称,每年6月发布一次修订版,迄今为止已经发布了3个版本,分别是ES2015、ES2016、ES2017。本书根据ES2017标准,详尽介绍了所有新增的语法,对基本概念、设计目的和用法进行了清晰的讲解,给出了大量简单易懂的示例。本书为中级难度,适合那些已经对JavaScript语言有一定了解的读者,可以作为学习这门语言最新进展的工具书,也可以作为参考手册......一起来看看 《ES6标准入门(第3版)》 这本书的介绍吧!

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

HTML 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具