前言：

本文主要分享以下两点：

1. 如何打开 Mac 版企业微信中的调试控制台：由于 Mac 版企微调试工具的开启方式和 Windows 不一样，网上教程零散，所以整理了详细步骤，帮前端同学快速上手～

2. 我遇到个坑：页面在 Windows 端企微正常，Mac 端打开时字体却闪一下变大，需要用企微调试工具定位问题，附解决方法。

一、背景介绍

随着公司企业微信的全员推广，内部业务页面逐步迁移至企微环境运行，既提升了协作效率，也对页面兼容性提出了更高要求。近期开发的页面在 Windows 端企微中表现正常，但 Mac 端企微打开时出现字体闪烁变大的异常，需通过 企微内置调试工具 定位问题。由于 Mac 版企微调试工具的开启路径与 Windows 端存在差异，特此整理详细操作流程，为同类场景提供参考。

二、打开步骤

1. 首先 打开 debug模式：

   方法：同时按下快捷键 command + shift + control + D，会有debug模式开启的提示。

再按一次就是关闭提示：

2. 然后点击左上方的“调试”菜单，即【调试】——>【浏览器、webView相关】——>【开启webView元素审查】。具体见下面截图：

结束这个步骤之后，再次打开调试查看时，【开启webView元素审查】会变成【关闭webView元素审查】，这样就说明开启成功，即：

3. 最后 关闭 应用 重新打开 即可。这一步非常重要！如果不重新打开的话，右键时，也不会出来“检查因素”，即下面第四步就不会生效。

4. 右键，出现 “检查因素”，打开就是调试控制台了：

三、Mac的企业微信的网页，会默认给body加一个zoom属性

这一隐形的设置可能会成为你项目中bug的原因。就比如我项目中的问题，在 Windows 中，页面的字体没有问题，在 Mac 的企微中打开，页面中的字体会缩放一下，就是由于这个默认属性导致的。我需要对此单独处理一下，就能完美解决问题，解决方案如下图：

四、总结

这就是 Mac 端企业微信调试工具的完整开启步骤啦～ 按照流程操作后，就能像在浏览器控制台一样，调试企微内的页面样式、接口请求等，轻松定位字体异常、布局错乱、交互失效等问题。

如果你的工作中也需要在企微生态开发页面，本文的调试控制台开启方法能直接参考。若有其他企微调试的小技巧，也欢迎在评论区留言交流，一起避坑提效！

以上，希望对你有帮助！