如何在 Android 上调试网页

最新推荐文章于 2024-07-29 15:29:22 发布
最新推荐文章于 2024-07-29 15:29:22 发布
阅读量900 收藏
点赞数
原文链接：https://mp.weixin.qq.com/s?__biz=MzA5MDM2NDY3NQ==&mid=2452186326&idx=1&sn=98b9f186780a82db67d9a729006c22ef&chksm=87d10abab0a683acda8f471dd9f8170ede50572d4f3364dab76d091bfc6b35601390216b0f5b&scene=126&sessionid=0
版权


转自：https://cn-sec.com/archives/1054268.html

1. 手机用usb连接至电脑

2. 打开调试开关

手机微信内点击http://debugxweb.qq.com/?inspector=true  (比如在聊天窗口直接访问链接)，只要跳转过微信首页就是开启了调试。

80ee9676aaf0ea68bd264596c16eac14.png

3. 微信内打开所需调试网址（普通浏览器调试，直接用浏览器打开）

4. chrome://inspect/#devices

chrome浏览器打开chrome://inspect/#devices，需要翻墙，这个时候就可以看到我们在微信内打开的网页

4fbc6ef98f5ae357732dc58cdfe485e1.png

5. 开始调试   

点击chrome里的inspect 即可直接调试

2d5b22c8328ff9e15a97f115e6ac581c.png

1fdc6c28a9b02770df0fb1649dc10d3a.png

一枚小工
关注
在pc上调试app内嵌的网页
lianfengzhidie的博客
07-11 3409
环境：MAC电脑，安卓手机一部，苹果手机一部，手机内装有待调试的app，而app里有用webview写的内嵌网页。 一、安卓系统的app 1.数据线连接安卓手机和mac电脑。 2.打开chrome://inspect/#devices网页，这是谷歌提供的在线工具：Inspect with Chrome Developer Tools. 3.打开手机，以小米手机为例，点“设置”——》“我的设...
手机web前端调试页面的几种方式
MichaelAn的博客
02-13 3614
手机web前端调试页面的几种方式 前言 PC端web页面调试比较容易，这里主要说几种移动端调试的方法，从简单到复杂、从模拟调试到远程调试，大概分为几部分： 1、Chrome DevTools(谷歌浏览器)的模拟手机调试 2、weinre(web inspector remote)远程调试工具 3、微信的“web开发者...
安卓手机浏览器：远程调试
we chat：玩转测试开发
07-24 3670
有时我们需要调试手机浏览器网页信息，这时除了使用fiddler抓包拦截篡改，还可以通过USB连接，通过PC远程调试手机上的浏览器信息，进行映射。如果是chrome，请输入chrome//inspect/#devices。3、PC电脑edge输入edge//inspect/#devices。一般而言，勾选元素，网络，控制台，这三个。最后按照实际需要，查看网络请求和响应，或者修改元素或者元素属性。5、正常连接后，点击对应手机设备下方的inspect。6、进行实际需要的调试工作。...
Chrome对安卓手机网页进行真机调试
最新发布
墨离的博客
07-29 1181
前期准备 PC端安装Chrome浏览器。 手机安卓Chrome浏览器 连接电脑数据线一条。 梯子。 操作步骤 数据线连接电脑。 手机打开USB调试模式并选择USB连接用途为“传输文件”。 手机打开谷歌浏览器，并打开需要调试的网页。 电脑打开 chrome://inspect/#devices 会进入相应的工具页面。 选择你要调试的应用，点击下面的“inspect”进入对应的调试页面。 接下来就可以进行愉快的调试了。 后续 如果第一次调试的时候遇上 “HTTP/1.1 404 Not
网页真机调试DEMO（Android）
12-12
Android平台的在线网页调试工具，Socket实现。
如何调试 Android 手机网页
热门推荐
zhangxin09的专栏
10-13 3万+
兵马未动，粮草先行。安排好 debug 工作的道理也一样，调试的基本工作务必先于开发之前搞得好，不然后果很严重……！哈哈，这样的开场白太那个了……其实实不相瞒，俺的实际情况是，到项目后期才懂得那么一点页面调试手段，之前怎么弄……不怕见笑，还是 console.log/alert 几招，甚至几招都算不上，，好原始的说……嗯，少废话，来上货，，
【调试手机web网页】
qq_41818873的博客
09-05 381
手机app中嵌入了某些web网页，我们有时候需要调试一下某些注册的js回调函数是否生效，就像电脑上打开控制台一样方便。2、点击想要调试的网页下面蓝色的inspect,会弹出一个新的页面，这里就能看到手机端的页面和控制台了。1、电脑上Google浏览器打开chrome://inspect/#devices，能够看到我们的设备。2、电脑连接VPN可以访问Google（自己找个翻墙软件）必须能访问Google，否则弹出的页面是404。1、手机打开开发者模式，连接到电脑上。3、在控制台输入要执行的命令，比如。
在安卓手机中调试网站
肖的博客
10-31 671
尝试在手机上 去进行项目的预览和测试 要保证自己的手机可以正常运行； 要保证 手机 和 开发项目的电脑 处于同一个 WIFI 环境中，也就是说 手机 可以 访问到 电脑的 IP 打开自己的 项目中 package.json 文件，在 dev 脚本中，添加一个 --host 指令， 把 当前 电脑的 WIFI IP地址， 设置为 --host 的指令值； 如何查看自己电脑所处 WIFI 的IP...
如何在手机上调试页面
qq_40088443的博客
06-26 1072
1.PC端写完后，用nginx启动 2.cmd-ipconfig ,找WLAN的IP 3.手机连接电脑发出的wifi，然后访问ip地址。就可以出现了
android上调试H5
07-21
由于android上，部分网页报错，网页直接调试是看不到的，此app方便H5开发人员，查看具体错误打印
Android Studio上调试手机数据库（SQLite）
rayza_lei的博客
10-14 9356
在 Eclipse 时代，调试 SQLite 大都是在DDMS中，data/data/目录下找到db将数据库文件，将文件导出到电脑，然后再用软件打开查看。现在在 Android Studio，是不是可以沿用这些方法？有没有更方便的调试方法？答案都是肯定的1、沿用老办法，在电脑上使用SQLiteSpy软件查看（不推荐）在Android Studio上，点击Tools->Android->Android
chrome调试android设备,在桌面chrome中调试android设备中的web页面
weixin_31539461的博客
05-27 599
准备工作1， 桌面版chrome2， Android设备(安装有chrome浏览器)3， Android-sdkAndroid-sdk安装及设置SKD安装从http://developer.android.com/sdk/index.html下载android-sdk开发包，安装后，执行SDK Manager.exe，安装android SDK Platform-tools工具包。环境变量配置：在...
Android编程权威指南—— HTTP与后台任务
qq_48919230的博客
12-10 269
文章目录前言一、创建 PhotoGallery 应用二、网络连接基本三.使用 AsyncTask 在后台线程上运行代码四.线程与主线程五.从 Flickr 获取 JSON 数据六.从 AsyncTask 回到主线程 前言 本章，我们要学习应用级HTTP网络编程。当前，几乎所有网络服务的开发都是以HTTP网络协议为基础的。本章应完成的任务是：获取、解析以及显示Flickr图片的标题。 一、创建 PhotoGallery 应用 创建一个全新的Android应用项目（目标设备选Phone and Tab..
【学习记录1】手机浏览器调试方法
wenhui的博客
01-24 1万+
首先你的电脑安装了nodejs，npm 安装方法很简单：百度nodejs（window系统），下载exe文件，下一步下一步就会安装成功 第一步：安装: npm install spy-debugger -g 第二步：手机和 PC 保持在同一网络下（比如同时连到一个Wi-Fi下） 第三步：命令行输入：spy-debugger 没有自动打开浏览器，就按命令行提示用浏览器打开相应地
用Chrome调试Android手机上的网页
weixin_30784501的博客
03-07 278
Chrome的开发者工具虽然很好用，但面对越来越多的手机型号，也显得有些力不从心，经常出现的情况之一是，在Chrome里调试得好好的页面，在手机上就变得不是那么一回事了。为此我们需要使用Chrome的远程调试功能。 1.下载并安装Android SDK：这里我们选择单独的SDK工具。 地址：http://developer.android.com/sdk/installin...
安卓APP web页面调试
weixin_30872499的博客
03-18 1697
1. 安卓客户端打的是debug包，且客户端webview调试功能开启 2.安卓手机进入开发者模式（不会的请自行百度） 3.用数据线连接电脑，且连接方式为媒体设备（mtp）模式 4.在开发者选项中>>开启开发者选项，开启usb调试，选择调试应用 5.谷歌浏览器设置 　　　(1) 浏览器URL输入chrome://inspect/#devices，可看到以下界面 　　(2...
网页远程调试Android,远程调试 Android 设备网页
weixin_35775608的博客
05-28 535
网页在手机浏览器打开时，怎么调试？安卓设备的 Chrome 浏览器支持远程调试，可以使用桌面浏览器的开发者工具。本文介绍如何进行远程调试。Step 1：启用开发者模式远程调试需要打开” 开发者模式”。如果你的手机已经打开，可以跳过这一步。开发者模式的打开方法是，进入” 设置 > 关于手机” 菜单，找到” 内部版本号” 这一项(或类似名称的条目)，在上面连续按七次。退回上一级菜单，应该就能看到...
使用 edge 或 chrome 调试 安卓app/手机网页
Jioho的博客
10-28 2万+
edge 真香啊 从路转粉到转正的 edge 虽然目前主力浏览器还是 chrome。毕竟 edge 上插件还没那么多，很多从 chrome 同步过去的插件都是用不了/报错了。但是这并不影响 edge 的进步！尤其是国内的网络，edge 能满足大部分的需求。加上 edge 控制台的字体，配色，深得我心~。等 edge 插件市场成长起来后，一定把 edge 当主力！ 回到正题，调试 H5 每次说到调试 H5，好像有很多工具，又好像很多都拿不出手。比如: fiddler 普通的抓包工具了 spy-deb
在Android上调试Unity
03-12
我可以回答这个问题。在Android上调试Unity，可以使用Android Studio和Unity的集成插件来进行调试。首先需要在Unity中设置Android平台的构建设置，然后在Android Studio中打开Unity项目，进行调试和测试。具体的步骤可以参考Unity官方文档或者相关的教程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值