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

Posted 2023-03-13

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

2.输入要调试微信程序的url，并选择移动设备的类型（安卓或者ios），以安卓为例：

说明：左边选择相应的区块，右边的代码就会追踪到。
注意事项：打开调试工具中的url需要微信公众号平台授权登录微信web开发者工具。 参考技术A 微信web开发者工具主要功能：
　　使用自己的微信号来调试微信网页授权；
　　调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出；
　　使用基于 weinre 的移动调试功能；
　　利用集成的 Chrome DevTools 协助开发。
　
　工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口，以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器，可以直接操作网
页，模拟用户真实行为。右侧上方是地址栏，用于输入待调试的页面链接，以及清除缓存按钮。右侧下方是相关的请求和返回结果，以及调试界面和登录按钮。本回答被提问者采纳 参考技术B 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番的。显示全部