Chrome远程调试手机端UC浏览器

今天在手机UC上发现我的一个网页打不开,而在PC上是正常的,因此需要通过Chrome远程调试手机端UC浏览器查下问题,折腾了老久才弄好。

获取 Google USB 驱动程序

  1. 首先将手机通过USB接口与PC连接
  2. 接着要确认手机USB驱动程序是不是正常,可以在设备管理器中查看,如果设备左侧没有黄色感叹号,则说明正常。

    如果不正常就需要手动安装了,给个链接:获取 Google USB 驱动程序

开发者选项

  1. 打开手机的开发者选项

    进入手机中 我的设备 -> 全部参数,连续7次点击版本号,以Redmi K20 Pro为例,是点击MIUI版本七次。

    接着就可以进入 更多设置 -> 开发者选项 中开启开发者选项了。

  2. 允许USB调试

    接着滚动到下方 调试 处,允许 USB调试

开始调试

  1. 打开chrome://inspect/,开启Discover USB devices

  2. 使用UC开发版访问需要调试的网页
  3. 点击chrome上对应网页的inspect打开调试界面。

  4. 也可以断点调试,基本上与chrome PC端调试无异。

建议

其实最重要的应该是fanqiang吧,如果遇到无法调试,报HTTP 404这类的问题,基本上是要fanqiang了。^_^

首发链接



扫一扫微信小程序或搜索Tusi博客,即刻阅读最新文章!

原文地址:https://www.cnblogs.com/wenbinjiang/p/11425085.html

时间: 2024-11-02 15:03:47

Chrome远程调试手机端UC浏览器的相关文章

安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了.以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些繁琐的事情就特别让人厌烦了.移动互联网的浪潮,

移动端Web开发调试之Chrome远程调试(Remote Debugging)

本篇主要说一下Chrome RemoteDebugging 的方法,之前也遇到一些坑,自己总结了一些经验,分享如下. Chrome DevTools调试移动设备Brower Page Tabs/WebViews 安卓远程调试目前支持所有操作系统(Windows,Mac, Linux, and Chrome OS.)中调试,支持: ● 调试站点的页面 ● 调试安卓原生App中的WebView ● 实时将安卓设备的屏幕图像同步显示到开发机器. ● 通过端口转发(port forwarding)与虚拟

使用 桌面的 chrome 远程调试 Android 的页面

手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦.使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面. 准备 手机端:chrome for Android, 安装谷歌浏览器 桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑,并开启调试模式. 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build

[转] 在安卓设备上使用 Chrome 远程调试功能

你的网页内容在移动设备上的体验可能和电脑上完全不同.Chrome DevTools 提供了远程调试功能,这让你可以在安卓设备上实时调试开发的内容. 安卓远程调试支持: 在浏览器选项卡中调试网站. 在原生安卓应用中调试网页内容. 将屏幕从你的安卓设备上投影到你的开发机器上. 使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器. 需求 要开始远程调试,你需要: 安装 Chrome 32 或者之后的版本. 连接安卓设备用的 USB 线缆. 对于通过浏览器调试:安卓 4.0 以上并且安装了 Ch

如何通过Chrome远程调试android设备上的Web网站

网上的帖子很多,但很多都是老版本的,试过了,根本不管用,花了一天时间,终于在本机试验通过了,特记录下来,以备用.有需要的朋友也可以参考.先上一张图,看看PC端chrome上调试的效果: 左边是手机的模拟操作器,右边是大家熟悉的开发人员工具,也可以在手机上操作,PC端左边屏幕会同步到手机上的界面. 下面再说一下环境配置: 1.手机端,我手机是华为荣耀4,android4.4.4,很旧的手机了,大家别笑话,但不影响本次试验.安装chrome版本为58.0.3029.83: 2.PC端,win7 64

使用chrome远程调试设备

前言:在做ionic项目的时候,除了发现可以用weinre调试页面之外,还发现了用chrome一样可以远程调试手机上的页面. 使用chrome开发工具远程在Android上远程调试 准备工作 开始远程调试之前,需要做好如下准备: 在你电脑上安装Chrome 32 或者更新的版本 一根连接Android设备的USB线 手机系统是Android 4.0+ 并且在手机上安装 Android版本的Chrome浏览器. 注意:远程调试需要电脑上的chrome浏览器版本比手机上的chrome浏览器版本新.

使用chrome远程调试设备及调试模拟器设备

使用chrome开发工具远程在Android上远程调试 准备工作 开始远程调试之前,需要做好如下准备: 在你电脑上安装Chrome 32 或者更新的版本 一根连接Android设备的USB线 手机系统是Android 4.0+ 并且在手机上安装Android版本的Chrome浏览器. 注意:远程调试需要电脑上的chrome浏览器版本比手机上的chrome浏览器版本新. 设置Android手机 在Android手机上选择 设置>开发人员工具>USB调试,然后会弹出一个提示框"是否允许U

chrome远程调试按inspect后出现的界面为空白,应如何解决?

使用chrome进行远程调试命令: chrome://inspect 编辑hosts文件,添加: Hosts文件路径:C:\Windows\System32\drivers\etc\hosts 61.91.161.217 chrome-devtools-frontend.appspot.com61.91.161.217 chrometophone.appspot.com 即可

移动端H5APP开发调试之Chrome远程调试

移动端采用原生开发还是H5开发一直接争论不休.但不论怎么说,采用H5开发app不仅仅快速高效,而且布局简单.漂亮,目前许多的框架已经可以做到让人看不出是原生还是H5开发了. 采用H5开发有一个好处就是可以用Chrome连上真机,直接调试,那真是神器啊. 除了Chrome Debug之外,也涌现出许多第三方开发的远程调试工具,诸如支持全平台调试的 Weinre 和Adobe Edge Inspect CC,国人自研的iOS专用工具MIHTool 等.但本人还是习惯于 Chrome,太方便了. 使用