说到微信浏览器,虽说在一定程度上为我们提供了不少便利,但毕竟不如我们平时使用的浏览器一般好用,在使用的过程中难免会出现一些小问题,这就需要一些相关技术人员进行调试,那么微信调试模式怎么打开?接下来小编就教大家如何在线调试微信打开的HTML5页面。
需求
现在微信内嵌了自己的 X5 浏览器内核,该内核毕竟与别的主流浏览器还是有一点差别,如何线上调试成了一个棘手的问题。 开发时我们还可以使用
alert,线上错误就没办法了,再说总alert也很烦。
参考
《微信webview调试方法》
下面这个步骤将允许你在电脑的 chromium 浏览器 :
即时查看你在微信中渲染的html的 dom (会额外插入两个辅助用的 iframe)
选中不同 dom 的节点,微信中渲染的html上相应的块高亮显示。
修改相应的 dom 也会在 微信中渲染的html上及时反馈
断点调试 javascript
《linux下android开发真机设备识别不了怎么办》
步骤
手机开启USB调试
手机上 -> 工具 -> 设置 -> 开发人员选项 -> 开启 USB 调试
PS:华为的手机默认没有显示 开发人员选项,需要: 手机上 -> 工具 -> 设置 -> 关于手机 -> 连续点击 版本号
5~7次, 之后会提示说 进入开发者模式,再返回后就可以看到 开发人员选项 了
手机上安装 tbs 调试包
附件
在手机上面安装微信(如果是第一次新装)
在微信中随便找个聊天窗口,收入 //deletetbs 删除原有的 TBS 工具
在手机上安装附件压缩包中的 tbs_20150526_021257_inspector.apk 或者 从这里下载。
打开 TBS 工具集 :
选择 安装本地TBS内核
选择 com.tencent.mm —— 即为微信安装 TBS
点击最下面的 快速杀死App(强行停止) 按钮,退出微信
点击 (1)安装TBS 按钮
打开微信,随便找个服务号,公众号的链接,打开一个网址,停留1分钟,然后返回到 TBS 工具集 的画面
点击 (3)检查是否安装成功, 确保安装成功
将手机通过USB连接到电脑上
在手机微信中打开网页
吃用 chrominum 浏览器打开 http://localhost:9222, 选择要调试的画面进行调试。
对于微信上的一些小技术的问题,一些人会问微信调试模式怎么打开?以上便是小编为大家提供的关于在线调试微信打开的HTML5页面的相关内容。多学习一些这些微信技术上的知识,在使用微信的过程中更加顺手。如果想要了解更多关于微信的内容,请多多关注微微风。
相关推荐: