Ⅰ 如何通过SocketLog进行web和微信开发调试
移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：
无须手工在页面中加入 weinre 调试脚本
可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，非局限于 ajax 请求
微信web开发者工具Chrome DevTools
Ⅱ 如何通过SocketLog进行web和微信开发调试
微信web开发者工具移动调试
移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：
无须手工在页面中加入 weinre 调试脚本
可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，非局限于 ajax 请求
微信web开发者工具Chrome DevTools
微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致，可以快速上手。
Ⅲ 微信 web 开发需要注意什么
微信 web 开发不需要注意什么。跟网页开发类型，只不过把页面放到微信平台上而已，兼容问题调一下就好了。
Ⅳ 微信web开发者工具怎么用 微信web开发者工具使用方法
微信web开发者工具使用教程：
1、首先用户需要做的就是先下载安装，并启工具。
即刻下载使用==》微信web开发者工具下载
2、调试微信网页授权，具体操作步骤为：
1）开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。
2）为了保证开发者身份信息的安全，对于希望调试的公众号，我们要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。
3）开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面如下图所示：
4）完成登录和绑定后，开发者就可以开始调试微信网页授权了，注意只能调试自己绑定过的公众号：
非静默授权的 URL：点击查看
在微信 web 开发者工具中上面的 URL，webview 模拟器显示效果如图：
点击“确认登录”即可带着用户信息跳转到第三方页面，很方便的进行后续的开发和调试。
静默授权的 URL：点击查看
在微信 web 开发者工具中打开该 URL 则会自动跳转到第三方页面。
（注意：如果使用了代理，需代理本身支持https直连，才能调试https页面。）
3、模拟JSSDK权限校验
通过 web 开发者工具，可以模拟 JSSDK 在微信客户端中的请求，并直观地看到鉴权结果和 log。以微信 JSSDK DEMO 页面为例：
http://demo.open.weixin.qq.com/jssdk
在调试器中打开该 URL，可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。 如下是校验通过的页面：
如下是校验未通过的页面：
在“权限列表” Tab 中，可以查询到当前页面拥有权限的 JS-SDK 列表：
4、移动调试
移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：
1）无须手工在页面中加入 weinre 调试脚本
2）可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，非局限于 ajax 请求
（注意，移动调试功能暂不支持https。）
5、Chrome DevTools
微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致，可以快速上手。
以上内容就是微信web开发者工具的一些基本使用方法，毕竟是一款适合开发人员使用的“高大上”软件，对于小编这种“文盲”来说是根本不知道软件的具体使用方法的，这个还需要开发者自行摸索，相信它一定能够成为开发者开发必备的利器。
Ⅳ 微信web开发者工具怎么用 微信web开发者工具使用方法
首先要做的任务就是下载安装，
2、调试微信网页授权，具体操作步骤为：
1）开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。
如果你想要更加生动的话可以去后盾人平台多看一下视频，质量很不错的。
Ⅵ 微信web开发工具在哪
1、登录公众号管理后台。
Ⅶ 微信Web开发工具有哪些
微信Web开发工具有很多，包括比如说Liveweave、JS Bin、Codepen、Dabblet等等。但是，Web开发人员没必要全部精通，找到适合自己使用的就可以了，然后学到真正的开发技术，成为互联网大型企业都在高薪招聘的web开发人才。
第一种微信Web开发工具——Liveweave
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
第二种微信Web开发工具——JS Bin
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。
第三种微信Web开发工具——Codepen
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有CoffeeScript和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。
第四种微信Web开发工具——Dabblet
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS编辑器和效果，HTML编辑器和效果，CSS和HTML的编辑器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
第五种微信Web开发工具——JSFiddle
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
第六种微信Web开发工具—— CSSDeck C
SSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。
Ⅷ 微信web开发工具使用
web开发者工具，就是为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了 web 开发者工具。它是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作；
你可以：
使用自己的微信号来调试微信网页授权
调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出
使用基于 weinre 的移动调试功能
利用集成的 Chrome DevTools 协助开发
Ⅸ 微信开发者工具和微信web开发者工具有什么区别
微信开发者工具范围更广，微信web开发者工具范围相对小，做小程序建议使用微信web开发者工具，毕竟我也是一名前端开发者，我用的就是这个。
Ⅹ 如何通过SocketLog进行web和微信开发调试
微信web开发者工具移动调试 移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点： 无须手工在页面中加入 weinre 调试脚本 可以在 weinre 的网络请求页卡中，看到完整的 http 请求 log，