随着移动互联网的持续发展，微信官方帐户已成为企业与用户之间交流的重要桥梁。为了更好地利用微信生态系统，将越来越多的H5 Web项目嵌入了微信公共帐户或企业微信应用程序中，以向用户提供服务。

但是，微信公共帐户H5网页项目只能在微信环境中打开，例如在微信或企业微信中。如果在浏览器中打开，它将提示：

因此，在开发和调试移动H5官方帐户网页项目时，我们经常遇到一些问题。本文将分享一些公共帐户网页项目的调试技能，希望帮助每个人更有效地调试。

1。常见的移动调试方法

有很多方法可以调试移动H5项目，例如通过真实手机连接到计算机上同一LAN的WiFi，但是手机不会直接打开像这样的开发人员工具。我们可以使用诸如等工具等工具在真实电话，查看网络请求，输出和其他信息上调试页面，或使用代理劫持来查看相关的请求信息。

但是，上述方法都不能方便地调试。如果这是一个微信的官方帐户项目，我们可能经常遇到诸如调试，清理授权和清洁库等场景。尽管我们还可以手动清洁微信缓存，但毕竟这更麻烦了，而且如此快速生效并不容易。

因此，调试官方帐户网络项目可能需要更方便的工具。许多朋友仅使用微信开发人员工具来调试微信迷你程序，但不知道微信开发人员工具也可以用于调试官方帐户网络项目。接下来，我们将重点介绍如何使用微信开发人员工具来调试移动官方帐户网络项目。

2。使用微信开发人员工具

首先，您自然需要下载和安装微信开发人员工具。不用说，我相信您会认识那些优秀的人。

01

选择官方帐户网络项目

打开微信开发人员工具后，在左侧的“选项卡菜单”中选择[公共帐户Web项目]，如图所示：

02

登录到您的微信帐户

单击[公共帐户Web项目]菜单后，将打开一个新窗口。为了使使用微信登录信息更加方便，建议在打开后尽快使用微信界面上的QR码并将其绑定到您的微信帐户，以便您可以在随后的调试期间与微信公共帐户建立连接。

03

了解调试接口

接下来，让我们看一下这个窗口的布局。有一个类似于顶部的浏览器的地址栏。在这里，您可以输入官方帐户Web链接，这是微信身份验证回调的链接，例如：

＃

输入链接并按下后，它将跳到相应的应用程序页面。左侧是一个页面显示窗口，该窗口模拟移动终端，右侧是熟悉的开发人员调试接口。以下是类似于浏览器开发人员工具的元素查看，窗口和网络请求监视等工具。

04

访问当地开发环境

通过开发人员工具打开应用程序后，我们可以像通常调试浏览器的PC Web应用程序一样调试官方帐户Web项目。在正式调试之前，我们可能还需要配置代理以更方便地调试本地开发环境。

配置

借助此功能，更容易代理。首先，我们通过NPM I -G命令安装它，然后在浏览器:: 8899中访问它，然后配置这样的规则，例如：

：8080/：//*/api

上面的配置意味着将页面访问请求代理到本地开发环境：：8080 /（将端口实际上实际启动的端口号更改为端口号），并排除以 / API开头的请求，因为我们可能需要背景接口才能实际访问测试环境。开发人员工具中实际访问的链接类似于以下内容：

％3A％2F％2F％2FS％-H5％2F＆=代码＆=＆= 1＃

根据实际业务对特定参数（例如微信授权方法）进行调整。