在chrome上调试安卓手机页面及部分异常解决

在前端设计app页面时，有些调试布局、查看控制台打印信息或者查看请求需要通过调试器进行调试查看，但是在手机上我们除了装插件，一般无法进行调试，而chrome的chrome://inspect/#devices给我们提供了安卓在浏览器上调试的方法。

第一步
打开手机上的开发者模式，具体打开方式，可以根据手机型号自行进行百度
第二步
用数据线将手机和电脑关联在一起
第三步
在chrome浏览器上访问chrome://inspect/#devices网页，等待一会儿就会查看到当前手机正在访问的进程，然后点击inspect进行页面访问
问题一：点击inspect访问页面报404：
解决办法：
①可以重新关闭，然后打开手机的开发者模式尝试重新访问连接
②或者点击旁边的inspect fallback查看
问题二：页面空白
解决办法：
需要先激活当前tab页，也就是选中focus tab后再点击inspect或者Open tab with url 新打开一个页面，调试页面正常显示了。

在chrome上调试安卓手机页面及部分异常解决相关推荐

绕过限制，在PC上调试微信手机页面
绕过限制,在PC上调试微信手机页面场景假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开.而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试.这里针对常见的三种页面 ...
Android 借助Stetho在Chrome上调试Android网络、数据库、Sharedpreferences
Android 借助Stetho在Chrome上调试Android网络.数据库.Sharedpreferences 转载请标明出处:http://blog.csdn.net/zhaoyanjun6/a ...
安卓手机管理_Mac上的安卓手机管理工具：HandShaker for mac
想要在Mac上快速方便的管理安卓手机?HandShaker官方版是锤子科技公司开发的一款在Mac系统上管理安卓手机的强大应用.可以帮助用户在Mac电脑上也可以方便自如地传输和管理文件.全新的同步传输协 ...
cordova 安卓文件多选_mac上的安卓手机数据传输软件推荐
使用mac电脑如何管理安卓手机呢,你需要安装适用于mac的安卓手机数据传输软件,下面Macz小编就为您介绍几款mac上的安卓手机数据传输软件. AnyTrans for Android for Mac ...
win10 连接android,win10系统连接安卓手机usb没反应的解决方法
很多用户都喜欢将手机usb连接电脑来进行充电或者操作,然而有不少win10系统用户却遇到连接安卓手机usb的时候没有任何反应,遇到这样的故障要如何解决呢?本教程就给大家分享一下win10系统连接安卓手 ...
为什么android手机内存不够,安卓手机老是内存不足怎么解决
在有些时候我们的安卓手机老是内存不足了,这该怎么解决呢?那么下面就由学习啦小编来给你们说说安卓手机老是内存不足的解决方法吧,希望可以帮到你们哦! 安卓手机老是内存不足的解决方法一: 手机内存,一般分为 ...
Android系统累次停止运行,安卓手机反应迟钝的原因及解决方法
安卓手机现在是很多人的随身必备物品,长年累月的使用过后有的机友发掘自己的机子反应很迟钝,那么安卓手机为什么会反应迟钝呢?又有什么解决方法呢?小豆浆经过总结发现造成我们的安卓手机的反应速度变慢的原因有很 ...
android 刷机后存储空间变小,安卓手机内存越来越小的解决办法
智能手机目前已经非常流行,不过近期网络朋友反馈手机内存越来越小,手机运行速度越来越慢,不知道怎么回事?如果您也遇到类似的问题,那么多半是安卓手机经常安装卸载大量的游戏和软件造成的,安卓大量软件不仅会使 ...
博客园首页新随笔联系订阅管理如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面...
本教程用的是我自己的手机三星A9,其他安卓手机方法也相同. 第一步首先你得打开手机的开发者选项,确保USB调试和通过USB验证应用程序保持打开状态,如图所示第二步,确保你的电脑和安卓手机都已经安装了 ...

在chrome上调试安卓手机页面及部分异常解决

在chrome上调试安卓手机页面及部分异常解决

在chrome上调试安卓手机页面及部分异常解决相关推荐

最新文章

热门文章