元素调试方法、装置、设备、存储介质及程序产品.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112948245A(43)申请公布日2021.06.11(21)申请号202110218504.0(22)申请日2021.02.26(71)申请人北京百度网讯科技有限公司地址100085北京市海淀区上地十街10号百度大厦2层(72)发明人杜鹏鹏(74)专利代理机构北京同立钧成知识产权代理有限公司11205代理人朱颖刘芳(51)Int.Cl.G06F11/36(2006.01)G06F16/958(2019.01)权利要求书4页说明书9页附图6页(54)发明名称元素调试方法、装置、设备、存储介质及程序产品(57)摘要本申请公开了元素调试方法、装置、设备、存储介质及程序产品，涉及开发者工具、小程序开发领域。该方法应用于电子设备，电子设备包括模拟器和调试器，模拟器和调试器均为iframe元素，该方法包括：通过调试器的iframe通讯接口从模拟器获取第一调试协议数据；根据第一调试协议数据，在调试器中渲染得到元素节点；响应于调试器接收到的操作指令，通过调试器的iframe通讯接口向模拟器发送调试指令；通过模拟器执行与调试指令对应的操作，以对元素节点对应的元素进行调试。该方法实现了对网页中iframe元素中的DOM元素进行调试。CN112948245ACN112948245A权利要求书1/4页1.一种元素调试方法，应用于电子设备，所述电子设备包括模拟器和调试器，所述模拟器和所述调试器均为iframe元素，所述方法包括：通过所述调试器的iframe通讯接口从所述模拟器获取第一调试协议数据；根据所述第一调试协议数据，在所述调试器中渲染得到元素节点；响应于所述调试器接收到的操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送调试指令；通过所述模拟器执行与所述调试指令对应的操作，以对所述元素节点对应的元素进行调试。2.根据权利要求1所述的方法，所述通过所述调试器的iframe通讯接口从所述模拟器获取第一调试协议数据，包括：在所述模拟器加载完成后，通过所述模拟器的iframe通讯接口向所述调试器发送初始化信号；响应于所述调试器接收到的初始化信号，通过所述调试器的iframe通讯接口向所述模拟器发送获取元素节点信息的第一调试指令；通过所述模拟器的iframe通讯接口向所述调试器发送与所述第一调试指令对应的所述第一调试协议数据。3.根据权利要求1所述的方法，所述响应于所述调试器接收到的操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送调试指令，包括：响应于所述调试器接收到的点击目标元素节点的第一操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送获取所述目标元素节点对应的目标元素的样式信息的第二调试指令；所述通过所述模拟器执行与所述调试指令对应的操作，以对所述元素节点对应的元素进行调试，包括：通过所述模拟器的iframe通讯接口向所述调试器发送与所述第二调试指令对应的第二调试协议数据；根据所第二调试协议数据，在所述调试器中显示所述目标元素的样式信息。4.根据权利要求1所述的方法，所述响应于所述调试器接收到的操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送调试指令，包括：响应于所述调试器接收到的展开目标元素节点的第二操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送获取所述目标元素节点的子节点的第三调试指令；所述通过所述模拟器执行与所述调试指令对应的操作，以对所述元素节点对应的元素进行调试，包括：通过所述模拟器的iframe通讯接口向所述调试器发送与所述第三调试指令对应的第三调试协议数据；根据所述第三调试协议数据，在所述调试器中渲染得到所述目标元素节点的子节点。5.根据权利要求1所述的方法，所述响应于所述调试器接收到的操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送调试指令，包括：响应于所述调试器接收到的将鼠标移动至目标元素节点上的第三操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送遮罩所述目标元素节点对应的目标元素的第2CN112948245A权利要求书2/4页四调试指令；所述通过所述模拟器执行与所述调试指令对应的操作，以对所述元素节点对应的元素进行调试，包括：根据所述第四调试指令，在所述模拟器中的所述目标元素上生成遮罩层。6.根据权利要求5所述的方法，还包括：响应于所述调试器接收到的将鼠标从所述目标元素节点上移开的第四操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送隐藏所述遮罩层的第五调试指令；根据所述第五调试指令，在所述模拟器中隐藏所述遮罩层。7.根据权利要求1所述的方法，所述响应于所述调试器接收到的操作指令，通过所述调试器的iframe通讯接口向所述模拟器发送调试指令，