【技术实现步骤摘要】
本公开涉及计算机信息处理领域，具体而言，涉及一种用于浏览器端的网页接口分析方法及装置。
技术介绍
1、在现代的web开发中，前后端分离的架构已经成为了主流。网页通过接口与后端服务器进行数据交互，而开发人员通常需要了解哪些接口返回了特定的数据，以便进行调试和开发。目前，已有一些现有实现方案可以实现网页接口分析，如使用浏览器的开发者工具、使用代理工具进行数据捕获和分析等。然而，这些方案存在一些限制和不便之处，例如复杂的操作流程、需要额外的工具或依赖等。
2、因此，需要一种新的用于浏览器端的网页接口分析方法及装置。
3、在所述
技术介绍
部分公开的上述信息仅用于加强对本申请的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
1、有鉴于此，本申请提供一种用于浏览器端的网页接口分析方法及装置，能够提供一种方便、快捷的方式来确定文档对象模型节点与接口返回的信息之间的关联，以满足开发人员在web开发过程中的需求。
2、本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。
3、根据本申请的一方面，提出一种用于浏览器端的网页接口分析方法，该方法包括：当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字；确定所述关键字对应的文档对象模型节点；通过所述文档对象模型节点在预定位置处获取接口数据；对所述接口数据进行展示处理；将所述接口数据展示在用户界面中以供用户分析。
4
5、在本申请的一种示例性实施例中，获取接口请求的返回数据，并将其储存在预定位置，包括：取返回数据；将所述返回数据储存在所述预定位置；在所述预定位置处对所述返回数据进行解析。
6、在本申请的一种示例性实施例中，获取返回数据，包括：通过改变原型链的方式获取返回数据；和/或通过fetch api的方式获取返回数据。
7、在本申请的一种示例性实施例中，将所述返回数据储存在所述预定位置，包括：提取所述返回数据和文档对象模型节点之间的关联关系；基于所述关联关系将所述返回数据储存在所述预定位置。
8、在本申请的一种示例性实施例中，提取所述返回数据和文档对象模型节点之间的关联关系，包括：将所述返回数据中的json对象转换为字符串；通过正则表达式遍历所述返回数据以提取所述返回数据和文档对象模型节点之间的关联关系。
9、在本申请的一种示例性实施例中，当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字，包括：基于预设插件的原生api接口对浏览器进行监听；当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字。
10、在本申请的一种示例性实施例中，通过所述文档对象模型节点在预定位置处获取接口数据，包括：提取所述文档对象模型节点的父节点；基于所述父节点采用向下取值的方式获取预定位置处的数据；提取包含所述文档对象模型节点的文本内容作为所述接口数据。
11、在本申请的一种示例性实施例中，对所述接口数据进行展示处理，包括：格式化所述接口数据；将匹配到的关键字进行高亮显示。
12、根据本申请的一方面，提出一种用于浏览器端的网页接口分析装置，该装置包括：关键字模块，用于当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字；节点模块，用于确定所述关键字对应的文档对象模型节点；数据模块，用于通过所述文档对象模型节点在预定位置处获取接口数据；处理模块，用于对所述接口数据进行展示处理；展示模块，用于将所述接口数据展示在用户界面中以供用户分析。
13、根据本申请的一方面，提出一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上文的方法。
14、根据本申请的一方面，提出一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上文中的方法。
15、根据本申请的用于浏览器端的网页接口分析方法及装置，通过当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字；确定所述关键字对应的文档对象模型节点；通过所述文档对象模型节点在预定位置处获取接口数据；对所述接口数据进行展示处理；将所述接口数据展示在用户界面中以供用户分析的方式，能够提供一种方便、快捷的方式来确定文档对象模型节点与接口返回的信息之间的关联，以满足开发人员在web开发过程中的需求。
16、应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。
本文档来自技高网...【技术保护点】
1.一种用于浏览器端的网页接口分析方法，其特征在于，包括：
2.如权利要求1所述的方法，其特征在于，还包括：
3.如权利要求2所述的方法，其特征在于，获取接口请求的返回数据，并将其储存在预定位置，包括：
4.如权利要求3所述的方法，其特征在于，获取返回数据，包括：
5.如权利要求3所述的方法，其特征在于，将所述返回数据储存在所述预定位置，包括：
6.如权利要求5所述的方法，其特征在于，提取所述返回数据和文档对象模型节点之间的关联关系，包括：
7.如权利要求1所述的方法，其特征在于，当用户在浏览器界面中进行预定操作时，基于所述预定操作获取关键字，包括：
8.如权利要求1所述的方法，其特征在于，通过所述文档对象模型节点在预定位置处获取接口数据，包括：
9.如权利要求1所述的方法，其特征在于，对所述接口数据进行展示处理，包括：
10.一种用于浏览器端的网页接口分析装置，其特征在于，包括：
【技术特征摘要】
1.一种用于浏览器端的网页接口分析方法，其特征在于，包括：
2.如权利要求1所述的方法，其特征在于，还包括：
3.如权利要求2所述的方法，其特征在于，获取接口请求的返回数据，并将其储存在预定位置，包括：
4.如权利要求3所述的方法，其特征在于，获取返回数据，包括：
5.如权利要求3所述的方法，其特征在于，将所述返回数据储存在所述预定位置，包括：
6.如权利要求5所述的方法，其特征在于，提...
【专利技术属性】
技术研发人员：李鹏飞，李杰，陈露姹，
申请(专利权)人：杭州迪普科技股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。