如何用电脑调试安卓手机浏览器上的网页

最新推荐文章于 2024-07-29 15:29:22 发布
最新推荐文章于 2024-07-29 15:29:22 发布
阅读量1.1w 收藏 1
点赞数
分类专栏： 前端 文章标签： 手机网页页面调试 谷歌浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yutao_1234/article/details/80031655
版权
本文介绍了如何使用电脑上的谷歌浏览器调试安卓手机上的网页。首先，手机需开启开发者模式和USB调试，然后在Chrome中打开待调试页面。接着，电脑连接手机并输入about:inspect，勾选Discover USB devices，选择目标页面进行inspect调试。
摘要由CSDN通过智能技术生成

下面的方法，只适用于安卓手机和windows，并且都需要谷歌浏览器。

手机（安卓机）需要安装chrome与电脑上的chrome配合

1.手机的准备工作

打开手机的开发者模式（设置->关于手机->版本号）；

最低0.47元/天 解锁文章
yutao_1234
关注
专栏目录
Android 手机浏览器调试使用Chrome进行调试实例详解
01-05
使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端：chrome for Android,； PC端：安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑，...
如何在windows上调试安卓机谷歌浏览器上的页面
weixin_33836223的博客
11-25 398
- 下面的方法仅在windows和安卓机上测试过，，，， - 手机（安卓机）需要安装chrome与电脑（Windows）上的chrome配合，也就是只能调试谷歌浏览器上的页面 1.手机的准备工作 打开手机的开发者模式（设置->关于手机->版本号）； 再打开USB调试（设置->开发者选项->USB调试），不同安卓机打开有所差别，反正把USB调试打开就成； 最后在手机...
电脑上调试手机网站的几种方法
weixin_33700350的博客
07-14 397
手机网站开发，最让人头疼的是网站的兼容问题，不同的手机可能会出现一些莫名的问题。手机网站常见问题及解决方案，我会在后面的文章陆续发表，大家可以看一下。 本文主要讲解电脑上如何调试手机网站： 一、安卓手机的调试： 1、最常见的安卓手机的调试方法是用chrome浏览器调节，既方便有简单。（chrome的版本要在v20.0以上） 按F12,调出代码调试器，如下图 可以让代码调试器左右结构显...
Chrome对安卓手机网页进行真机调试
最新发布
墨离的博客
07-29 1120
前期准备 PC端安装Chrome浏览器。 手机安卓Chrome浏览器 连接电脑数据线一条。 梯子。 操作步骤 数据线连接电脑。 手机打开USB调试模式并选择USB连接用途为“传输文件”。 手机打开谷歌浏览器，并打开需要调试的网页。 电脑打开 chrome://inspect/#devices 会进入相应的工具页面。 选择你要调试的应用，点击下面的“inspect”进入对应的调试页面。 接下来就可以进行愉快的调试了。 后续 如果第一次调试的时候遇上 “HTTP/1.1 404 Not
Win 10如何连接Android设备调试App Web应用
qq_42462719的博客
04-02 643
前言：最近测试Android大板上App内的web应用，总结一下所学的新知识 一、安装adb （1）pc端上有安装Android studio，找到adb的路径（默认路径一般为：C:\Users\user\AppData\Local\Android\Sdk\platform-tools） 二、adb连接Android 大板设备 （1）cmd上切换到adb的路径 （2）输入adb connect ×...
Android的webview在电脑浏览器上调试
hh7181521的专栏
12-06 660
Android中使用webview的一个痛点就是调试不是很方便，本文介绍一种Android通过USB链接电脑后，在电脑浏览器中可以打开调试web页面的方式，主要是使用了浏览器自带的DevTools功能。这个设置的意思是开启webview调试功能，只有这个功能开启了才能在电脑中看到webview中的页面及页面的调试信息。第二步：在电脑中打开浏览器Microsoft Edge 在新的页面中打开
安卓手机浏览器：远程调试
we chat：玩转测试开发
07-24 3657
有时我们需要调试手机浏览器网页信息，这时除了使用fiddler抓包拦截篡改，还可以通过USB连接，通过PC远程调试手机上的浏览器信息，进行映射。如果是chrome，请输入chrome//inspect/#devices。3、PC电脑edge输入edge//inspect/#devices。一般而言，勾选元素，网络，控制台，这三个。最后按照实际需要，查看网络请求和响应，或者修改元素或者元素属性。5、正常连接后，点击对应手机设备下方的inspect。6、进行实际需要的调试工作。...
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
11-22
这个问题主要出现在Android设备的某些浏览器上，而iOS设备和PC浏览器则通常表现正常。这个问题的根源在于移动设备浏览器的默认行为，它们通常支持双击缩放以优化用户在小屏幕上的阅读体验。然而，对于某些单页面应用...
电脑浏览器变手机浏览器方法
03-25
标题中的“电脑浏览器变手机浏览器方法”指的是将电脑上的网页浏览体验模拟成手机浏览器的体验，这通常通过特定的浏览器插件或扩展实现。这样的工具可以让用户在电脑上以接近移动设备的方式查看和操作网站，方便进行...
如何在手机浏览器使用调试工具
热门推荐
罗_星星的博客
06-06 5万+
手机端网页的调试致谢：这个使用的工具来自eruda，在此感谢我的舍友超哥告诉我这个强大的工具 gtihub地址： https://github.com/liriliri/eruda 效果预览 http://liriliri.github.io/eruda/近期遇到的问题是电脑端的select指定size，在电脑端正常使用，在手机端不支持size属性，所以想着在手机端添加调试工具，主要目的是打
手机网页前端调试面板
06-27
在手机上可以debug，如同浏览器上F12功能
原生安卓浏览器
09-16
原生的浏览器，喜欢原装的你就下吧，不喜欢的别喷
Android常用浏览器,常用六款经典Android平台浏览器推荐
weixin_39992417的博客
05-26 2679
【IT168 应用】随着3G的逐渐，手机上网资费的大幅下调，移动互联网时代已经到来。手机上网方便快捷，人们用手机上网的频率甚至会高于PC，我们没有理由不去逐渐适应并习惯用手机来进行互联网冲浪。于是一款好用的手机浏览器就成了基本配备。操作流畅，界面友好，节省流量等等都成了我们挑选浏览器的条件。其实系统自带的浏览器其实也并不是特别差劲，只是在用户体验和流量耗费方面做的不够好，而且用智能机的乐趣就在于安...
在手机上访问和调试本地的 H5 页面
花铛
07-05 1万+
在 cmd 里输入 ipconfig，就可以看到 ipv4 地址，也就是电脑本机的 ip 地址。
如何在 Android 上调试网页
一枚小工
09-20 884
转自：https://cn-sec.com/archives/1054268.html1. 手机用usb连接至电脑2. 打开调试开关 手机微信内点击http://debugxweb.qq.com/?inspector=true (比如在聊天窗口直接访问链接)，只要跳转过微信首页就是开启了调试。3. 微信内打开所需调试网址（普通浏览器调试，直接用浏览器打开）4. chrome://inspect/...
【调试手机web网页】
qq_41818873的博客
09-05 369
手机app中嵌入了某些web网页，我们有时候需要调试一下某些注册的js回调函数是否生效，就像电脑上打开控制台一样方便。2、点击想要调试的网页下面蓝色的inspect,会弹出一个新的页面，这里就能看到手机端的页面和控制台了。1、电脑上Google浏览器打开chrome://inspect/#devices，能够看到我们的设备。2、电脑连接VPN可以访问Google（自己找个翻墙软件）必须能访问Google，否则弹出的页面是404。1、手机打开开发者模式，连接到电脑上。3、在控制台输入要执行的命令，比如。
相见恨晚，这6个适合安卓用户的浏览器，你用过吗
ITduo的博客
02-03 6881
每个人手机里面有一款浏览器，当我们遇到问题的时候，可以打开浏览器搜索自己想要的答案。如果选用的手机浏览器不好，那么手机上可能会被安装很多垃圾软件。下面，和大家聊聊几款好用、适合安卓用户的浏览器，个人觉得这些浏览器非常香，有种相见恨晚的感觉。
安卓手机除了UC，还有哪些良心好用的浏览器可选？
ITduo的博客
11-30 7259
浏览器作为手机端不可缺少的APP之一，几乎每个人的手机都安装有浏览器。UC浏览器作为国内最流行的手机浏览器之一，拥有庞大的用户群体。不少人醉心于它强大的功能，但是也有一些用户因为UC令人震惊的广告，以及越来越臃肿的体积，选择弃之而去。那么，安卓手机除了UC，有没有哪些比较良心好用的浏览器可选呢？
手机浏览器如何打开开发者模式 进行调试
04-05
Android手机： 1. 打开手机的Chrome浏览器； 2. 点击右上角的三个点，选择“设置”； 3. 在“设置”中，选择“开发者选项”； 4. 打开“开发者选项”，开启“USB调试”和“远程调试”； 5. 将手机连接到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值