文章目录

微信开发者工具存在的原因

微信开发者工具存在的原因肯定是因为当时其它开发者工具写不了微信小程序。
因为小程序渲染层和逻辑层分离，webstorm 之类的网页开发工具是写不了写小程序的，必须使用微信开发者工具。
微信开发者工具是小程序开发生态一站式IDE，其功能有：代码开发、编译运行、界面和逻辑调试、真机预览、发布版本等。

微信开发者工具底层框架

底层模块：基于nw.js ，使用node.js、chromium以及系统API来实现

用户交互层：使用React、Redux等前端技术框架来搭建，可以跨Mac和Windows 平台使用。

在这里插入图片描述

代码编译

文件编译
微信的渲染环境无法直接理解wxml和wxss文件，所以微信开发者工具会用一个二进制的wxml编译器把wxml和wxss文件编译成js 后放到微信的渲染环境中运行。
对于js 文件，在代码上传之前会被ES6转ES5、代码压缩等，最后合并成一个app-service.js
在这里插入图片描述

模拟器

小程序模拟器
小程序模拟器模拟可以模拟小程序在不同型号的真实设备上的效果。
因为小程序运行环境的不同，我们要在不同型号的手机上测试小程序。

  • 在iOS微信客户端上，小程序的JavaScript代码是运行在JavaScriptCore中。
  • 在Android微信客户端上，小程序的JavaScript代码是通过 X5 JSCore来解析的。
  • 微信开发者工具使用一个隐藏着的Webivew来模拟小程序的逻辑运行环境。

微信开发者工具中逻辑层、渲染层和客户端之间的通信，使用的是WebSocket模拟的。
在这里插入图片描述
在这里插入图片描述

版权声明：本文为匿名原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：