微信web开发者工具怎么使用

如题所述

微信web开发者工具使用,用到的工具:电脑,步骤如下:
下载安装微信web开发者工具,打开微信web开发者工具界面如下:

2.输入要调试微信程序的url,并选择移动设备的类型(安卓或者ios),以安卓为例:

说明:左边选择相应的区块,右边的代码就会追踪到。
注意事项:打开调试工具中的url需要微信公众号平台授权登录微信web开发者工具。
温馨提示:内容为网友见解,仅供参考
第1个回答  2016-01-29
微信web开发者工具主要功能:
  使用自己的微信号来调试微信网页授权;
  调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出;
  使用基于 weinre 的移动调试功能;
  利用集成的 Chrome DevTools 协助开发。
 
 工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器,可以直接操作网
页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。本回答被提问者采纳
第2个回答  2016-01-29
Web版微信是对微信APP1个补充!同意排名第1的@孙骁 答案的中“1切的产品都是由于有用户需求在支持”这个说法,但不同意 “回家以后有电脑了还让用户还对着手机发微信,完全是跟用户过不去”的说法。我认为Web版微信是对APP版本的补充,而不是相互替换。 从产品功能对照来看Web版要比APP版瘦身很多,具体参见下表(精简版): 从功能对照上来看可以很明显的看到Web版微信除保存了基本聊天以外其他的附带的平台特性都没有被保存。从使用处景上来看Web微信更多利用在1些特殊的场合,如:上班不方便用手机时,还有需要快速输入的时候等,同时Web微信也有自己的特点功能,“截屏”和默许关注的微信号“文件传输助手”。 微信团队关注到了1个非常有普遍性的用户需求,手机与电脑之间的内容互传。在出现文件传输助手这个功能之前,用户1般通过第3方手机助手如:91、豌豆荚等工具;或直接通过USB连接到电脑上进行文件夹操作,而且由于Android文件系统的关系很大1部份用户都看不懂文件夹的含义,给用户操作带来困扰的场景不在少数。而文件传输助手的出现在很大程度上解决了这个问题。“将手机拍摄的照片传到电脑上,将电脑上的截屏发送给手机”这样的利用场景是不是常常在你的生活当中出现?通过Web微信与微信App之间的联动你就能够非常轻松的做到这1点,乃至你都不需要打开截图工具(Web微信自带截图功能)。 从微信的运营上也能够看到,事实上微信团队并没有想用户主动的推送Web微信这个产品,他们做的只是为用户关注了1个微信号,并提示用户如果想要传文件的话可以试试看用这个,这些所做的工作是不是和他们希望公众服务号做的事儿似曾相识呢?“不要去打扰用户,你就是为了给用户带来价值,为用户提供服务的存在”这句在公然场合说烂了的箴言正被微信官方以本身行动来贯彻着。 补充1句,当产品做到微信这个层级的时候,每增加1个功能都意味着动1大群人的奶酪,而且大平台产品1旦真心想往哪儿钻,常常哪里就是鬼哭狼嗥众妖退散之势。即便是“手机和电脑文件互传”这样的1件小事儿,也够让从事这项服务的利用厂商们心惊肉跳1番的。显示全部
相似回答