项目页卡主要有三大功能

# 基本信息

包括图标、AppID、第三方平台名(只有第三方平台的开发小程序才会显示)、目录信息、上次提交代码的时间以及代码包大小。

# 基础库版本切换

开发者可以在此选择任意基础库版本,用于开发和调试旧版本兼容问题。

clientlib

# 显示基础库支持的客户端版本

工具1.02.2002252或以上版本,开发者可以在此查看任意基础库支持的微信客户端版本范围

clientlibversion

# 显示灰度中的基础库

正式版本的基础库全量发布前,会有一个灰度的过程。

工具1.02.2002252或以上版本,开发者可以在此查看正在灰度中的基础库版本

canaryclientlib

# 下发测试基础库

注意:该功能只能下发到登录开发者工具的微信号的客户端,并会影响到该客户端所有小程序

工具1.02.2003112或以上版本,开发者可以在此选择任意基础库版本并下发到客户端

pushcommonlib

微信客户端对开发版小程序打开调试,可以查看下发测试基础库的生效时间以及版本

pushcommonlibtime pushcommonlibversion

# 本地设置

# 上传代码时样式自动补全

在预览、真机调试、上传时使用 autoprefixerwxss 文件中的样式类自动补全前缀,以对不同的浏览器内核的真机做样式兼容性适配 autoprefixer 的 browsers 参数为 [ 'iOS >= 8', 'Chrome >= 37', ],勾选此项会增大代码包体积。

# 上传代码时自动压缩样式

在预览、真机调试、上传时使用 cssnanowxss 文件进行压缩

# 上传代码时自动压缩混淆

在预览、真机调试、上传时使用 UglifyJS 或者 Terser 对 js 文件进行压缩混淆

# 上传时进行代码保护

开启此选项,开发者工具会尝试对项目代码进行保护,主要是对文件进行扁平化处理并替换 require 引用的文件名,以下情况不适合使用此功能

  1. 对于小程序只有简单页面的情况下,开启此功能效果不佳
  2. 有文件超过 500kb,且其中有使用 require 引用项目中的文件的情况,在运行时可能会报文件没有找到
  3. 动态引用的情况,如 var a = 'somefile.js'; require(a);
  4. require 函数赋值给其他变量的情况,如 var a = require; a('somefile.js');
  5. require 作为二元运算符的参数的情况,如 require + 1;
  6. 使用 ... 运算符且未开启 ES6 转 ES5 的情况

# 自动运行体验评分

开启后,模拟器运行时,调试器-Audit 面板将自动运行体验评分检测 auto audit

# 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

正式发布的小程序的网络请求是需要校验网络请求(wx.request, wx.connectSocketwx.downloadFile, wx.uploadFile)、<web-view /> 组件允许加载的业务域名是否已经配置成为合法域名,以及域名的 TLS 版本、HTTPS 证书有效性,

其中服务器域名和 <web-view /> 业务域名可以在 mp 管理后台 开发-开发管理-开发设置 中进行配置。

在开发过程中可以开启此选项,开发工具将不会校验安全域名、<web-view /> 业务域名,以及 TLS 版本、HTTPS 证书,帮助在开发过程中更方便的完成调试工作。

# 启用数据预拉取

开启后模拟器每次编译都会先同步预拉取数据,详见数据预拉取

# 启用代码自动热重载

开启后,修改代码文件,模拟器可以在不刷新的情况下生效变更。 进入热重载模式后,会在模拟器区域有个显示的提示,该功能在 2.12.0 及以上的基础库生效

注意: App.onLaunch 因没有触发场景无法生效热重载,需要重新点击编译;Page.onLoad 需要重新进入页面热重载的变更才能生效

# 启用多核心编译

开启后开发者工具将使用 node cluster 多核能力进行本地代码编译,

注意:对于双核四线程 CPU 的机器不建议开启该功能

# 启用自定义处理命令

开启后,工具在编译前、预览前、上传前这三个时机调用开发者自定义的命令, 开发者可以去对代码进行一些预处理或者上报的逻辑

# 项目设置

# 域名信息

将显示小程序的安全域名信息,合法域名可在 mp 管理后台 开发-开发管理-开发设置 中进行设置。

host

# 高级设置

将显示小程序代码包允许的大小等其他配置信息