微信小程序预览，怎么实现的？

[tosmq009]

话说，网页上小程序预览怎么做的 很多提供开发小程序的产品，都可以在线预览呢 他们是怎么实现的呀

我大概猜一下，是通过一些网页模板引擎来进行渲染的

那是不是先要把 组件的信息存起来，然后展示 html 的时候，就用引擎转换一下

求解求解~~ 谢谢大家

[POPOEVER]

调 API 服务器端渲染后返回网页啊

[nciyuan]

一个小程序最大才 2MB，直接给浏览器也没有压力啊

[tosmq009]

@POPOEVER @nciyuan 不是说在微信客户端展示，而是说在 PC 的展示，很多小程序开发网站，都提供在 PC 预览小程序效果的 H5 渲染，而这个 H5 渲染，是怎么做到的？如果要同步到微信小程序，是不是需要一个转编译的过程呢？

[POPOEVER]

@tosmq009 H5 渲染是什么意思？不是说了么，服务器端渲染成网页直接返回，都直接渲染成网页了还管他在那里显示，React 不就是一样的道理么

[nciyuan]

@tosmq009 1.請問，給 Chrome 一个总共才 2M 的网站，一定是很 OK 的，一般 PC 完全可以承受 2M 的网页
2.请学习一下 iframe 这个 HTML 标签相关的知识
3.请你参考 Chrome DevTools 如何仿真自动设备
还有呢，小程序的框架和 API 的功能代码用 html 也可以实现啊
基本上就两种情况，把 WXML 相关的内容用 html 替代重做一遍，然后交给浏览器渲染，或者服务器端直接渲染好，然后返回直接加载