前端代码调试方法、装置、计算机设备及计算机存储介质制造方法及图纸

本申请属于研发管理技术领域，本申请提供了一种前端代码调试方法、装置、计算机设备及计算机可读存储介质。本申请通过启动进行代码调试所对应的预设编辑器插件，并基于预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段，响应于对预设字段进行调试的启动调试指令，获取预设字段，根据预设字段，调取预设字段相对应的预设调试模板，根据预设调试模板，将预设字段嵌入预设调试模板，以得到目标调试代码，并对目标调试代码进行调试，将前端代码中出现问题的预设字段脱离开前端代码所对应的原始处理逻辑，并将预设字段嵌入至预设字段相对应的预设调试模板，以对预设字段进行调试，提高了对前端代码进行调试的效率和准确性。准确性。准确性。

【技术实现步骤摘要】
前端代码调试方法、装置、计算机设备及计算机存储介质


[0001]本申请涉及研发管理
，尤其涉及一种前端代码调试方法、装置、计算机设备及计算机可读存储介质。

技术介绍

[0002]在前端领域的生产开发中，经常需要通过在编辑器或浏览器中打印日志进行相关代码调试。传统技术中，一般通过手动编写进行调试所对应的打印日志代码，比较耗时耗力，且容易出错，从而导致对前端代码的调试效率较低。

技术实现思路

[0003]本申请提供了一种前端代码调试方法、装置、计算机设备及计算机可读存储介质，能够解决传统技术中对页面前端所对应的前端代码的调试效率较低的技术问题。
[0004]第一方面，本申请提供了一种前端代码调试方法，包括：启动进行代码调试所对应的预设编辑器插件，并基于所述预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段；响应于对所述预设字段进行调试的启动调试指令，获取所述预设字段；根据所述预设字段，调取所述预设字段相对应的预设调试模板；根据所述预设调试模板，将所述预设字段嵌入所述预设调试模板，以得到目标调试代码，并对所述目标调试代码进行调试，以实现对所述前端代码进行调试。
[0005]第二方面，本申请还提供了一种前端代码调试装置，包括：接收单元，用于启动进行代码调试所对应的预设编辑器插件，并基于所述预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段；第一获取单元，用于响应于对所述预设字段进行调试的启动调试指令，获取所述预设字段；调取单元，用于根据所述预设字段，调取所述预设字段相对应的预设调试模板；调试单元，用于根据所述预设调试模板，将所述预设字段嵌入所述预设调试模板，以得到目标调试代码，并对所述目标调试代码进行调试，以实现对所述前端代码进行调试。
[0006]第三方面，本申请还提供了一种计算机设备，其包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现所述前端代码调试方法的步骤。
[0007]第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器执行所述前端代码调试方法的步骤。
[0008]本申请提供了一种前端代码调试方法、装置、计算机设备及计算机可读存储介质。本申请通过启动进行代码调试所对应的预设编辑器插件，并基于所述预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段，响应于对所述预设字段进行调试的启动调试指令，获取所述预设字段，根据所述预设字段，调取所述预设字段相对应的预设调试模板，根据所述预设调试模板，将所述预设字段嵌入所述预设调试模板，以得到目标调试
代码，并对所述目标调试代码进行调试，以实现对所述前端代码进行调试，从而基于预设编辑器插件，将前端代码中出现问题的预设字段脱离开所述前端代码所对应的原始处理逻辑，并将所述预设字段嵌入至所述预设字段相对应的预设调试模板，以对所述预设字段进行调试，从而等同于对包含所述预设字段的前端代码的调试，并且可以重复使用所述预设编辑器插件，以对不同的出现问题的预设字段进行对应调试，相比传统技术中通过手动编写打印日志，本申请实施例对前端代码进行调试时，耗时耗力较少，且避免了手动编写打印日志出错的可能性，提高了对前端代码进行调试的效率和准确性。
附图说明
[0009]为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0010]图1为本申请实施例提供的前端代码调试方法的一个流程示意图；
[0011]图2为本申请实施例提供的前端代码调试方法的第一个子流程示意图；
[0012]图3为本申请实施例提供的前端代码调试方法的第二个子流程示意图；
[0013]图4为本申请实施例提供的前端代码调试方法的第三个子流程示意图；
[0014]图5为本申请实施例提供的前端代码调试方法的第四个子流程示意图；
[0015]图6为本申请实施例提供的前端代码调试方法的第五个子流程示意图；
[0016]图7为本申请实施例提供的前端代码调试装置的一个示意性框图；以及
[0017]图8为本申请实施例提供的计算机设备的示意性框图。
具体实施方式
[0018]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0019]应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
[0020]请参阅图1，图1为本申请实施例提供的前端代码调试方法的一个流程示意图。如图1所示，该方法包括以下步骤S11
‑
S14：
[0021]S11、启动进行代码调试所对应的预设编辑器插件，并基于所述预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段。
[0022]S12、响应于对所述预设字段进行调试的启动调试指令，获取所述预设字段。
[0023]其中，所述前端代码为前端页面所对应的代码。
[0024]具体地，前端页面所对应的前端代码出现问题时，一般为前端代码中所包含的预设字段出现了问题，例如预设字段不能正常显示，例如预设字段出现空白或者出现乱码等，需要前端开发人员或者维护人员对该出现问题的前端代码进行调试，以确定导致问题的原因，并对前端代码所包含的字段进行维护，即维护人员需要对前端代码中出现问题的确定
的预设字段进行调试。对前端代码进行调试可以转换为通过对前端代码中所包含的出现问题的预设字段进行调试。本申请实施例中通过对前端页面所对应的前端代码中所包含的预设字段进行调试，以实现对前端页面所对应的前端代码进行调试。在对前端页面中所包含的预设字段进行调试时，在前端的控制台或浏览器端中预先安装编辑器插件，基于前端所安装的预设编辑器插件对待调试的前端页面所对应的前端代码进行调试。进行前端代码调试时，启动前端预先安装的进行代码调试所对应的预设编辑器插件，然后用户基于所述预设编辑器插件，通过预设的输入形式输入需要进行调试前端页面中所包含的预设字段，例如用户通过预设的输入文本框输入需要进行调试前端页面中所包含的预设字段，然后用户再启动对所述预设字段进行调试，计算机设备响应于用户启动对所述预设字段进行调试的启动调试指令，获取用户输入的待进行调试的预设字段。
[0025]S13、根据所述预设字段，调取所述预设字段相对应的预设调试模板。
[0026]具体地，针对调试需要实现本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端代码调试方法，包括：启动进行代码调试所对应的预设编辑器插件，并基于所述预设编辑器插件，接收用户输入待进行调试的前端代码所包含的预设字段；响应于对所述预设字段进行调试的启动调试指令，获取所述预设字段；根据所述预设字段，调取所述预设字段相对应的预设调试模板；根据所述预设调试模板，将所述预设字段嵌入所述预设调试模板，以得到目标调试代码，并对所述目标调试代码进行调试，以实现对所述前端代码进行调试。2.根据权利要求1所述前端代码调试方法，其特征在于，所述响应于对所述预设字段进行调试的启动调试指令的步骤包括：监测所述启动调试指令所对应的预设调试快捷键；若监测到所述预设调试快捷键被触发，执行所述响应于对所述预设字段进行调试的启动调试指令的步骤。3.根据权利要求1所述前端代码调试方法，其特征在于，所述根据所述预设调试模板，将所述预设字段嵌入所述预设调试模板，以得到目标调试代码的步骤包括：根据所述预设调试模板，触发预设插入方法；获取所述预设字段及所述预设字段在所述预设调试模板中所对应的目标位置；将所述预设字段插入所述预设目标位置，以得到目标调试代码。4.根据权利要求3所述前端代码调试方法，其特征在于，所述根据所述预设调试模板，触发预设插入方法的步骤之前，还包括：判断所述预设字段是否为单个字段；若所述预设字段为单个字段，执行所述根据所述预设调试模板，触发预设插入方法的步骤；若所述预设字段为多个字段，迭代执行所述根据所述预设调试模板，触发预设插入方法的步骤，直至对每个所述预设字段均生成了各自所对应的目标调试代码。5.根据权利要求1所述前端代码调试方法，其特征在于，所述对所述目标调试代码进行调试的步骤包括：根据所述预设字段的调试结果所对应的预设样式参数，将所述预设字段所对应的调试结果进行日志打印。6.根据权利要求5所述前端代码调试方法，其特征在于，所述根...

【专利技术属性】
技术研发人员：潘炌炘，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：