Android H5移动调试技巧——Chrome /Edge /QQ Inspect

这篇具有很好参考价值的文章主要介绍了Android H5移动调试技巧——Chrome /Edge /QQ Inspect。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Android APP项目原生的Html5做,cordova框架技术。苦于调试不便。稍微了解一下浏览器调试插件。

Chrome Inspect

使用该调试技巧,调试移动端中—自身开发的Hybrid APP、微信、UC、QQ、抖音等打开的页面,就像在电脑chrome调试一样方便。

手机上开启开发者模式
以Pixel 为例
设置–>关于->Android 版本号片->快速连接点击7次–>开启开发者模式
设置–>系统–>开发者选项–>USB调试开启
手机、电脑 采用USB数据线链接

电脑chrome中打开网址(chrome://inspect/#devices)

安卓手机浏览器调试,chrome,edge,前端

启动失败:

据说是要vpn,后面介绍其他浏览器调试

安卓手机浏览器调试,chrome,edge,前端

分析原因
国内网络限制所致

windows自带Edge调试

Chrome我这里不启作用,估计是要vpn。

改用windows自带的Edge浏览器:

 地址:edge://inspect/#devices

启动

安卓手机浏览器调试,chrome,edge,前端

 点击Inspect之后效果:

安卓手机浏览器调试,chrome,edge,前端

 完美。

其他的方法: QQ浏览器 

解决方法 qq浏览器
1. 下载qq浏览器
2. 打开qqbrowser://inspect/#devices
3. 点击inspect fallback 
注意:点击的不是inspect

 安卓手机浏览器调试,chrome,edge,前端

 补充:

微信调试可以打开

http://debugx5.qq.com文章来源地址https://www.toymoban.com/news/detail-738261.html

到了这里,关于Android H5移动调试技巧——Chrome /Edge /QQ Inspect的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • chrome开发调试小技巧—Replay XHR(重新请求)

    一、需求 想要验证一个ajax请求,需要每次都需要在页面点几次才会触发或者刷新页面,着急调试看效果时,可以通过chrome的Replay XHR功能直接同参数重新请求ajax 二、实现 chrome调试工具network下找到要重新发起的ajax请求,右键找到Replay XHR点击即可重新请求  

    2024年02月12日
    浏览(27)
  • h5移动端页面调试工具Chii与 weinre 一样的远程调试工具

    与 weinre 一样的远程调试工具,主要是将 web inspector 替换为最新的 chrome devtools frontend. 电脑上跑一个chii服务,把对应的js嵌入h5页面内,用手机访问h5页面,chrome内看chii服务地址即可找到对应管理控制台     可以通过 npm 安装。   用下面的命令开启服务。   在你的页面中使

    2024年02月08日
    浏览(45)
  • 已解决:H5移动端网页实现录音功能,js实现录音功能,包括安卓webview接口也可以使用

    遇到一个需求,需要做一个手机网页录音的功能,嵌入到webview中去,用安卓原生录音倒是可以,但是想着尽量去安卓化开发,就想着用纯的js前端代码去实现录音功能。 在 Web 应用程序中,JavaScript 是运行在浏览器中的客户端脚本语言,不具有直接访问设备硬件的能力。因此

    2024年02月07日
    浏览(35)
  • 详解 APISIX Lua 动态调试插件 inspect

    作者罗锦华,API7.ai 技术专家/技术工程师,开源项目 pgcat,lua-resty-ffi,lua-resty-inspect 的作者。 原文链接 Apache APISIX 有很多 Lua 代码,如何在运行时不触碰源代码的情况下,检查代码里面的变量值? 修改 Lua 源码来调试有如下缺点: 生产环境不允许也不应该修改源码 修改源码

    2023年04月14日
    浏览(29)
  • 安卓玩机搞机技巧综合资源----手机各种代码 查询信息 开启端口 调试选项【十】

    接上篇 安卓玩机搞机技巧综合资源------如何提取手机分区 小米机型代码分享等等 【一】 安卓玩机搞机技巧综合资源------开机英文提示解决dm-verity corruption your device is corrupt. 设备内部报错 AB分区等等【二】 安卓玩机搞机技巧综合资源------EROFS分区格式 小米红米机型分区类型

    2024年02月11日
    浏览(37)
  • Android(安卓) 无线ADB调试手机(WiFi 调试、蓝牙调试)

    1. 手机和电脑连接同一局域网(连同一个 WiFi、手机开热点电脑连接、电脑开热点手机连接) 2.手机打开USB调试模式 3. 查找你需要连接的Android(安卓)设备的ip (方式一)手机开热点电脑连接(手机分享蓝牙网络给电脑连接): 1)电脑打开cmd窗口(win+R) 输入: 2)在cmd里面输入:

    2024年02月09日
    浏览(45)
  • vue3.0 安卓和ios h5 移动端音频自定义圆环可拖拽播放(兼容微信浏览器)

    安装  npm install weixin-js-sdk 引入 template     div class=\\\"circle_box\\\"         div id=\\\"content\\\"/div          img class=\\\"img_0\\\" src=\\\"https://img.yzcdn.cn/vant/cat.jpeg\\\" alt=\\\"\\\"          img @click=\\\"changeType\\\" class=\\\"img_1\\\" v-show=\\\"playbool\\\" src=\\\"@/assets/decompression/pressure_audio_play.png\\\" alt=\\\"\\\"          img @click=\\\"changeType\\\"

    2023年04月23日
    浏览(90)
  • android不可不知调试技巧

    目录 1、条件断点 2、评估表达式(Evaluate Expression) 3、日志断点 4、方法断点 5、异常断点 6、Field WatchPoint 假设我们列表循环的某个元素时候才暂停,就用这种方式。具体方式在循环列表打断点,对着断点右键一下,然后会弹出有一行填写condition的,这里就填写条件即可,如

    2023年04月26日
    浏览(26)
  • vue移动端H5调起手机发送短信(兼容ios和android)

    移动端h5页面调起手机发送短信功能,ios和android的兼容写法不一样。 android  ios

    2024年02月08日
    浏览(26)
  • QT搭建Android编译环境及使用安卓虚拟机调试

    QT是可以创建Android APP的,同时生成apk提供安装。 而为了编译和生成apk,就需要为QT添加对应的支持包。 一、Android环境支持包下载 1、JAVA SE8 JDK JAVA SE8 JDK是JAVA环境的支持包,Android APP通常使用JAVA区编写,但是使用QT可以直接用C/C++,其实是QT将C/C++自动转换为了JAVA,最后用的也

    2024年02月14日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包