[发明专利]基于移动端的代码展示方法、装置、设备及存储介质

说明书

本申请实施例属于研发管理领域，涉及基于移动端的代码展示方法、装置、设备及存储介质，其中，方法包括：在H5界面接收到触发指令时，查找代码中的标签；确定目标标签，创建空白图片，从所述代码中截取所述目标标签对应的代码段，将所述代码段写入所述空白图片，生成目标图片；将所述目标图片进行存储，将存储的所述目标图片显示于移动端的图片控件内。此外，本申请涉及区块链技术，所述目标图片的数据可存储于区块链中。本申请实施例通过对选定的所述代码段进行图片化处理，实现对所述代码段完整阅读，提高阅读的流畅度。

技术领域

本申请涉及研发管理领域，尤其涉及基于移动端的代码展示方法、装置、设备及存储介质。

背景技术

Hybrid App(混合应用可读指令，混合APP)主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。由于HybridApp兼具了Native App(本地应用可读指令，原生APP)良好用户体验的优势，也兼具了WebApp(网页应用可读指令，移动Web)使用HTML5跨平台开发低成本的优势，因此，目前很多移动应用都是采用Hybrid混合应用开发模式。然而，在开发过程中，往往需要在移动端阅读代码，但在显示时，存在代码过长无法完整显示的问题，阅读时需要左右或上下滑动，而在滑动过程中会存在遗忘，或者滑动到其他代码段的问题，因此，为更方便的阅读代码，需要解决滑动过程容易错过该代码段，或者在阅读时显示不完整的问题。

发明内容

本申请实施例的目的在于克服在移动端阅读代码时，长代码无法完整显示，从而影响阅读流畅性的问题。

为了解决上述技术问题，本申请实施例提供基于移动端的代码展示方法，采用了如下所述的技术方案：

基于移动端的代码展示方法,包括：

在H5界面接收到触发指令时，查找代码中的标签，确定目标标签；

创建空白图片，从所述代码中截取所述目标标签对应的代码段，将所述代码段写入所述空白图片，生成目标图片；

将所述目标图片进行存储；

将存储的所述目标图片显示于移动端的图片控件内。

进一步地，所述在所H5界面接收到触发指令时，查找所述代码中的标签，确定目标标签的步骤之前，还包括：

监视H5界面加载所述代码；

当所述代码加载完成，查找所述代码中的分段标签，预先为每一个所述分段标签创建单击事件。

进一步地，所述在H5界面接收到触发指令时，查找代码中的标签，确定目标标签的步骤包括：

当检测到触发所述单击事件时，查找发生所述单击事件的所述分段标签；

将触发所述单击事件的所述分段标签确定为所述目标标签。

进一步地，所述创建空白图片，从所述代码中截取所述目标标签对应的代码段，将所述代码段写入所述空白图片，生成目标图片的步骤包括：

获取所述移动端屏幕宽和高，根据所述宽和高创建所述空白图片；

以所述目标标签为分段标志，获取所述目标标签对应的所述代码段的宽和高以及所述代码段的内容；

基于所述代码段的宽和高，将所述代码段的内容写入所述空白图片生成目标图片。

进一步地，所述基于所述代码段的宽和高，将所述代码段的内容写入所述空白图片生成目标图片的步骤包括：

比较所述代码段的宽和高与所述移动端屏幕的宽和高；