[发明专利]一种页面预览方法、装置及其存储介质

说明书

本发明公开了一种页面预览方法、装置及其存储介质，该方法包括：对页面代码进行扫描得到符合预定选取字符原则的预定字符段，将所述预定字符段嵌入可执行预览操作的文本中，对嵌有所述预定字符段的文本执行预览操作。通过页面代码中字符段的特点将其转化为可以预览操作的所述文本，然后对所述文本执行预览操作以实现所述页面代码的渲染预览，解决了现有技术中在代码编写过程中无法对页面渲染预览的技术问题。

技术领域

本发明涉及计算机领域，尤其是指一种页面预览方法、装置及其存储介质。

背景技术

目前，在很多浏览页面的开发应用中，页面的渲染预览需要调用外部的系统或系统内的组件，开发编写代码时则无法进行页面渲染进行预览。比如，在Flutter开发过程中，页面布局采用Widget理念，页面的渲染就需要使用系统提供的Widget或者自定义Widget，代码的编译过程中，页面UI的代码无法直接进行预览，这样开发人员就会始终不知道代码编写出的页面效果。

所以发明人发现现有技术中至少存在如下问题，在代码编写过程中无法直观看到代码对应的页面设计效果的技术问题。

发明内容

本申请提供了一种页面代码的预览方法，其目的在于，利用页面代码的字符段特性对页面代码进行预览，解决了现有技术中编写代码环境下无法进行页面渲染预览的技术问题。

该方法包括：

对页面代码进行扫描得到符合预定选取字符原则的预定字符段；

将所述预定字符段嵌入可执行预览操作的文本中；

对嵌有所述预定字符段的文本执行预览操作。

可选地，所述对页面代码进行扫描得到符合预定选取字符原则的预定字符段步骤前，该方法还包括：

读取文件代码，其中，所述文件代码为全部或部分为所述页面代码的代码；

对所述文件代码进行逐行扫描得到所述页面代码的范围识别字符段，其中，所述范围识别字符段为用于识别所述页面代码在所述文件代码中范围的字符段；

根据所述范围识别字符段获取所述文件代码中的所述页面代码。

可选地，所述对页面代码进行扫描得到符合预定选取字符原则的预定字符段包括

对所述页面代码进行扫描；

获取具有关联字符段的指定字符段，其中，所述指定字符段为符合预定代码规则的代码字符段；

将所述指定字符段关联的所述关联字符段作为所述预定字符段。

可选地，所述预定代码规则为所述指定字符段具有定位识别字符段和关键字字符段，以及所述关联字符段，其中，所述定位识别字符段用于对所述关键字字符段在所述指定字符段中的位置进行定位，所述关键字字符段用于指明所述指定字符段中的所述关联字符段。

可选地，所述获取具有关联字符段的指定字符段，其中，所述指定字符段为符合预定代码规则的代码字符段步骤后，该方法还包括：

判断所述关键字字符段是否属于预定关键字，其中，所述预定关键字为预置的字符段；

如果所述关键字字符段不属于所述预定关键字，则从所述文件代码起始开始重新扫描，直到扫描到所述范围识别字符段并获取所述页面代码；

返回所述对所述页面代码进行扫描的步骤。

可选地，所述获取具有关联字符段的指定字符段，其中，所述指定字符段为符合预定代码规则的代码字符段步骤后，该方法还包括：

判断所述关键字字符段是否属于预定关键字，其中，所述预定关键字为预置的字符段，