Front-end prototype debugging method and device

The embodiment of the invention provides a front-end prototype debugging method and device which can also be used in the financial field, and the method comprises the steps of monitoring and obtaining label information, dynamic script information and cascading style sheet information input by a user in an editing region; splicing the label information, the dynamic script information and the cascading style sheet information into a progressive UI component according to a set code reconstruction rule, and rendering and displaying the progressive UI component in a preview area. According to the invention, the debugging verification efficiency of the front-end prototype can be effectively improved. 本申请实施例提供一种前端原型调试方法及装置，也可用于金融领域，方法包括：监听并获取用户在一编辑区域内输入的标签信息、动态脚本信息以及层叠样式表信息；根据设定代码重构规则将所述标签信息、所述动态脚本信息以及所述层叠样式表信息拼接为一渐进式UI组件，并在一预览区域渲染和展示所述渐进式UI组件；本申请能够有效提高前端原型的调试验证效率。