Chrome inspect学习(四)Android端本地环境/测试环境前端与客户端交互,涉及客户端代码报错,如何调试
2023-09-27 14:26:39 时间
前言
问题一:在开发内嵌H5页面时,涉及前端与客户端交互,那么涉及客户端的代码在本地是无法执行的,只有在真机上能执行,如果执行时发现问题,如何调试呢?
方案
方案一:使用vconsole,可以查看DOM结构、接口调用,但无法查看CSS样式,也可以在关键位置打日志,但是无法打断点debug调试,所以调试起来并没有特别方便
方案二:使用Chrome inspect,可以查看DOM结构、接口调用、CSS样式也可以打断点进行debug调试
tip:关于debug调试一般是页面没打包我们调试,打包了就是压缩代码了不好调试,所以一般都是本地环境在页面在手机中加载时去debug调试!!!
效果
结果
这样我们就可以像在chrome控制台中一样去debug了~~~
相关文章
- 取代Android?聊聊谷歌的Fuchsia新操作系统
- 46道面试题带你了解中高级Android面试,知乎上转疯了!
- 2021京东最新Android面试真题解析,文末领取面试资料
- android 关闭多个或指定activity
- Android更改桌面应用程序launcher的两种方式
- 小心!Google Play 中出现首个使用代码注入Android恶意软件——Dvmap
- Android性能优化第(一)篇---基本概念
- Android Handler处理机制 ( 二 ) ——Handler,Message,Looper,MessageQueue
- Android App自适应draw9patch不失真背景图
- 【Android 应用开发】多点触控 ( 多点触控事件 | PointerId | PointerIndex | 坐标获取 | 触摸点个数 )
- Android实现三级联动下拉框 下拉列表spinner
- 【Android 进程保活】应用进程拉活 ( 双进程守护 + JobScheduler 保活 | 成功率最高 | 推荐使用 )
- 我的Android进阶之旅------>使用ThumbnailUtils类获取视频的缩略图