如何调试微信内置浏览器？

Question

页面：nycweb.io/dob.php

很简单的页面应用了 materializeCSS的 JavaScript库，在电脑上以及手机浏览器里点击时可以展开条框，但是在微信浏览器里面点击就无响应。

请问该有什么工具可以像开发者工具那样调试微信浏览器的css和 JavaScript？

更新：答案中大家提到官方版本的微信开发工具，我才发现我原来已经装过这个了，但是当时没用起来就忘记了。我重新下载和安装了该工具，但是问题依旧。无论是打开网址还是点击“登录”按钮，总是出现一个如图所示的空白对话框。

Answer 1

拿走不谢，微信官方Web开发调试工具。

http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html

Answer 2

使用QQ浏览器 安装微信调试插件，mac版的微信官方Web开发调试工具，网页调试时没有QQ浏览器插件强大

Answer 3

微信web开发者工具

Answer 4

微信出了开发者工具

Answer 5

现在微信已经出了微信的Web调试工具
附上链接：微信web开发者工具

Answer 6

微信提供的官方开发工具仍然有兼容性的问题。有些css的属性需要不加webkit前缀，在开发工具里没问题，手机上还是不行。

Answer 7

看看这个 http://www.jianshu.com/p/1c53...