如何打开x5的调试功能

ketal

x5内核是腾讯基于Chrome内核魔改出来的产物
具体介绍请看介绍
腾讯自家的产品都是采用的x5内核，包括QQ，微信，QQ浏览器，QQ空间.......
而x5内核里面自带了一个调试工具，利用这个工具，我们可以快捷查看
网页内请求，Log,LocalStorage,Cookies,网页源代码....
下面我就来讲讲如何打开这个调试工具以及简单的运用
这里我用QQ来举例
首先用QQ打开调试页面http://debugx5.qq.com/

点击上面的信息

然后打开vConsole调试功能

其他几个可以不理他
这样我们就成功的打开了调试工具

下面是一个简单的示例
我们打开一个群的头衔界面

可以看到，下面就有一个vConsole按钮
这就是调试工具
点一下他

就打开了调试工具
下面有个编辑框，可以执行js，我们来试一下

1. alert("测试");

复制代码

输入代码，点击OK提交
点击Element，就可以查看网页源代码

这一串就是头衔代码

我们来试试通过js修改掉他

1. document.getElementsByTagName("div")[12].innerHTML='<div class="medal-icon" style="background-image: url(&quot;https://thirdqq.qlogo.cn/g?b=sdk&k=Xsfn5sqhBaSDjyaicZn9q5w&s=640&t=1548491318&quot;);"><div class="medal-wear"></div></div> <div class="medal-name">真她妈刺激</div> <div class="medal-desp">py头衔</br>独一无二</div>';

复制代码

由于没有id，也没有name，我们通过标签名来获取到这个对象，并用innerHTML来更新html代码

测试结果如图
我们再来试试修改一下这个头衔数量

1. document.getElementById("number").innerHTML="666";

复制代码

这里有id，我们就通过id来获取对象

ketal

咕咕咕

枫木林语

谢谢分享(*°∀°)=3

我爱我愿

过来看看

常见的露比

看看教程

雨落惊鸿,

你终于发帖了

1307578181

看一下0.0

ketal

爸爸 发表于 2019-2-17 10:29
你终于发帖了

潜水好玩鸭

mengxiang8826

看看隐藏的什么宝贝

边ヽ塞

感谢楼主分享

ningyi

学习学习

雨落惊鸿,

幼儿园扛把子 发表于 2019-2-17 10:32
潜水好玩鸭

你资料空白怎么搞的

1124948893

感谢分享

ketal

爸爸 发表于 2019-2-17 10:37
你资料空白怎么搞的

py就行

皆空亡

回复看看