作为程序员一定要保持良好的睡眠,才能好编程

微信web开发者工具如何使用

发布时间:2016-06-17

开发微信很难的就是调试,如何调试?哪里出错?都不知道,一头雾水。

现在 微信web开发者工具的问世解决了这一问题:

那么看看如何使用?


第一、下载web开发者工具

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN

打开地址,找到微信工具


https://mp.weixin.qq.com/debug/cgi-bin/webdebugger/download?from=mpwiki&os=x64

w1.png

点击此地址下载 win7 64位


第二、安装


安装不用说了,直接下一步下一步安装成功即可。

w2.png

这是界面打开的效果


下面简单说明一下  调试、JS-SDK、权限列表、移动调试 都是做什么的


调试:

w5.png

JS-SDK:

w4.png

权限列表

w3.png


移动调试:


什么叫移动调试? 这样做有什么好处?

在电脑端可以调试手机端的网页。功能和firebug差不多。

好处:页面布局方便调整,如修改CSS样式、

      JSSDK调用是否成功?这里都会返回状态可以看到。


好,我们来看看如何调试?


调试分为:苹果系统   安卓系统


以苹果系统为例:


w6.png


说明:手机和电脑必须在同一个网段,否则不能连接成功。


看一下手机端的配置是什么样的:如图


w7.png



  然后重新启动微信,并在微信中打开网页进行调试。


  切记点击  开始调试  按钮  如图:

  w8.png




出现这个,上图界面证明手机和电脑端连接成功。


看看如何调试:

w9.png

w11.png


w10.png




   这样就方便我们对网页进行调整。


   后续还会有JS-SDK的使用方法,敬请期待....

  


   精力有限、技术有限,还望各位大牛勿喷....