微信如何查看页面源码

做前端微信网页开发时,在调试什么的,如果能够想在浏览器那样右键查看源码就好了,对一些头疼的bug调试还是有帮助的。微信真的不能查看网页源码吗?

其实是可以的,只是这个debug功能微信没有公开,但是可以开启。

开启步骤:

在微信会话列表页点击右上角“加号按钮”,选择菜单中的”添加朋友”,在添加朋友界面的搜索框中输入字符串:“:help”,然后点击搜索:

 

会出现一个你未曾见过的搜索结构页面,里面有四个调试功能:上传日子/修复数据/上传文件/js调试功能

点击最后一个“js调试功能”,然后点 确定

然后随便打开一个页面,点击右上角的三个点按钮,在底部弹出的按钮栏里,会多了一个debug按钮:

点击debug按钮,又会出现两个选择:查看日志资讯查看网页源代码

点击查看网页源代码就能看到源码啦:

通过上面的方法,大部分页面都能看到源码,但是我在写下这篇文章时,发现有一些页面(比如http://my.163.com/client/?state=activities)怎么刷新后,点击查看网页源码都是一篇黑,没有任何代码,可能是和某些代码有关,暂时还没有找出原因,如有兴趣可以自行试下,如果知道原因,欢迎留言分享。

另外一个查看日志资讯按钮,打开所有页面点击后也都是黑的,我还以为可以看到js的console输出日志呢



本文由 w3cmark_前端笔记 版权所有,转载时请注明出处。
注明出处格式:w3cmark (http://www.w3cmark.com/2017/weixin-debug-open.html)

分享到:

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
关注w3cmark
微信公众号 w3cmark_com