企业微信网页开发本地调试方式

一、开启企业微信调试模式

首先在企业微信打开一个网页应用时，其实就是打开了一个微信环境的浏览器，此时想要检查网页元素，查看请求接口，需要开启调试模式。企业微信默认是不支持调试的，需要再单独下载一个文件放在安装目录中。

企业微信Windows版本调试

1. 把 devtools_resources.pak 放到企业微信的安装目录下（复制的文件名，要保证为 devtools_resources.pak），注意安装目录带有版本号（4.0.1304.400是浏览器内核的版本号）；

1. 关闭企业微信，重新启动；
2. 启动后直接按快捷键 ctrl + alt + shift + D，进入调试模式；
3. 在需要调试的页面上点击右键，点“ShowDevTools”，进入调试模式。

企业微信Mac版本调试

1. 按下command+shift+control+D进入调试模式
   

2. 调试->浏览器、webView相关->开启webView元素审查
   

3. 内置浏览器右键
   

调试模式其实就是打开了浏览器的开发者工具，具体参考官方文档：

https://developer.work.weixin.qq.com/document/path/90315#%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%B0%83%E8%AF%95

二、让本地代码跑在企业微信中

企业微信的网页应用在创建时，需要配置主页和可信域名，主页域名可以是http或者https，但不能是ip地址，可信域名不用带协议。此时我们希望点击网页应用时，打开的是本地服务，同时修改本地代码时，网页能实时更新。这时就需要使用修改host的方式，让本机访问应用域名时解析到本地服务。

Windows系统HOSTS文件路径：C:\Windows\System32\drivers\etc\HOSTS

Hosts文件主要作用是定义IP地址和主机名的映射关系，是一个映射IP地址和主机名的规定。可以用文本文件打开，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，浏览器会立即打开对应网页，如果没有找到，则浏览器会将网址提交远程的DNS服务器进行IP地址解析。

假如网页应用配置的主页是http://www.baidu.com，本机启动的服务在192.168.1.16，此时在HOSTS文件末尾加上一条规则：

192.168.1.16 www.baidu.com

**注意：**域名必须是http，本地服务必须在80端口，因为http默认端口是80

此时再点击网页应用，就可以发现打开的是本地网页。过程中尝试本地服务启动在443，网页应用首页配置为https，但因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。

因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。