骤(S400)，监控所述展示信息，判断所述展示信息中的数据是否与预先设定的数据相比发生了变化，在判断为发生了变化时，生成相应的调试任务，并将所述调试任务存储到所述数据库中；和 调试任务执行步骤(S500)，从所述数据库中读取所述调试任务以及所述页面数据，并根据所述调试任务来相应地修改所述页面数据，并将修改后的页面数据渲染到作为调试对象的所述网页上。2.根据权利要求1所述的网页调试方法，其特征在于， 所述展示信息包括=HTML结构的Dom树、CSS样式值信息以及JavaScript值信息。3.根据权利要求1所述的网页调试方法，其特征在于， 所述预先设定的数据是预先设定的期望显示效果的数据。4.根据权利要求1所述的网页调试方法，其特征在于， 在所述页面数据展示步骤(S300)中，利用预先设定的页面信息显示程序来展示所述展示信息。5.根据权利要求4所述的网页调试方法，其特征在于， 所述调试任务生成步骤(S400)包括: 步骤(S401)，遍历利用所述页面信息显示程序展示的所述展示信息中的数据进行监控； 步骤(S402)，逐个判断所述展示信息中的数据是否与预先设定的期望显示效果的数据相比发生了变化，在判断为发生了变化时，转移至步骤(S403)，在判断为未发生变化时，跳转至步骤(S405)； 步骤(S403)，根据所发生的变化，生成相应的调试任务； 步骤(S404)，将生成的上述调试任务存储到所述数据库中；和步骤(S405)，判断数据是否全部遍历完毕，在未遍历完毕时，返回所述步骤(S401)，遍历下一个数据，在遍历完毕时，转移至上述调试任务执行步骤(S500)。6.根据权利要求5所述的网页调试方法，其特征在于， 所述相应的调试任务是指:使利用所述页面信息显示程序展示的所述展示信息中的数据与所述预先设定的期望显示效果的数据相符的调试任务。7.根据权利要求1所述的网页调试方法，其特征在于， 所述页面数据收集步骤(S10)包括: 步骤(SlOl)，读取作为调试对象的网页的所述页面数据； 步骤(S102)，逐个收集所述页面数据；和 步骤(S103)，判断所述网页的所述网页数据是否全部读取完毕，在未全部读取完毕时，返回上述步骤(SlOl)，读取下一个数据，在全部读取完毕时，将所收集到的所述页面数据传递给上述页面数据记录步骤(S200)。8.根据权利要求1所述的网页调试方法，其特征在于， 所述页面数据记录步骤(S200)包括: 步骤(S201)，接收由上述页面数据收集步骤(SlOO)传递来的所述页面数据； 步骤(S202)，对接收到的所述页面数据进行解析并分类；和 步骤(S203)，将分类后的所述页面数据按照分类存储到所述数据库中。9.根据权利要求8所述的网页调试方法，其特征在于， 在所述步骤(S202)中，将接收到的所述页面数据解析并分类成HTML结构信息、CSS样式值信息以及JavaScript值信息。10.根据权利要求8所述的网页调试方法，其特征在于， 所述调试任务执行步骤(S500)包括: 步骤(S501)，从所述数据库读取所述调试任务以及所述页面数据； 步骤(S502)，对读取到的所述调试任务进行解析并分类，以便与从所述数据库读取到的已被解析并分类后的所述页面数据相对应； 步骤(S503)，根据解析并分类后的所述调试任务，对应地修改读取到的所述页面数据；和 步骤(S504)，在作为调试对象的所述网页上渲染修改后的页面数据。11.根据权利要求10所述的网页调试方法，其特征在于， 在所述步骤(S503)中，根据解析并分类后的所述调试任务，利用网页用脚本语言来对应地修改读取到的所述页面数据。12.根据权利要求11所述的网页调试方法，其特征在于， 所述网页用脚本语言是JavaScript。13.根据权利要求1-11中任一项所述的网页调试方法，其特征在于， 将所述页面数据收集步骤(S100)和所述调试认为执行步骤(S500)集成合并成网页嵌入步骤(SA100)，并将所述网页嵌入步骤(SA100)制成网页用脚本语言文件嵌入到作为调试对象的所述网页中。14.根据权利要求13所述的网页调试方法，其特征在于， 所述网页用脚本语言文件是JavaScript文件。15.根据权利要求13所述的网页调试方法，其特征在于， 所述调试任务生成步骤(S400)在完成所述调试任务的生成之后，向所述网页嵌入步骤(SA100)发送调试指令。16.根据权利要求15所述的网页调试方法，其特征在于， 所述网页嵌入步骤(SA100)包括: 步骤(SAlOl)，作为所述网页用脚本语言文件而嵌入到作为调试对象的所述网页中； 步骤(SA102)，运行所述网页； 步骤(SA103)，检测所述网页是否呈现完毕，若尚未呈现完毕，则待机，若呈现完毕，则进入步骤(S104); 步骤(SA104)，启动所述页面数据收集步骤(S100); 步骤(SA105)，待机直到接收到所述调试任务生成步骤(S100)发送来的所述调试指令； 步骤(SA106)，检测是否接收到所述调试指令，在未接收到所述调试指令时，返回所述步骤(SA105)，继续待机，在接收到所述调试指令时，进入步骤(SA107);和步骤(SA107)，启动所述调试任务执行步骤(S500)。17.根据权利要求1-16中任一项所述的网页调试方法，其特征在于， 所述页面数据包括=HTML结构信息、CSS样式值信息以及JavaScript值信息。18.根据权利要求1-16中任一项所述的网页调试方法，其特征在于， 所述作为调试对象的所述网页是手机网页。19.根据权利要求1-16中任一项所述的网页调试方法，其特征在于， 所述浏览器能够装备在不同的设备上。20.一种能够跨浏览器的网页调试装置，包括: 页面数据收集单元，从作为调试对象的网页收集该网页的页面数据； 页面数据记录单元，将所述页面数据存储到数据库中； 页面数据展示单元，从所述数据库中读取所述页面数据，根据读取到的所述页面数据生成与浏览器种类无关的展示信息，并进行展示； 调试任务生成单元，监控所述展示信息，判断所述展示信息中的数据是否与预先设定的数据相比发生了变化，在判断为发生了变化时，生成相应的调试任务，并将所述调试任务存储到所述数据库中；和 调试任务执行单元，从所述数据库中读取所述调试任务以及所述页面数据，并根据所述调试任务来相应地修改所述页面数据，并将修改后的页面数据渲染到作为调试对象的所述网页上。21.根据权利要求20所述的网页调试装置，其特征在于， 所述展示信息包括=HTML结构的Dom树、CSS样式值信息以及JavaScript值信息。22.根据权利要求20所述的网页调试装置，其特征在于， 所述预先设定的数据是预先设定的期望显示效果的数据。23.根据权利要求20所述的网页调试装置，其特征在于， 所述页面数据展示装置，利用预先设定的页面信息显示程序来展示所述展示信息。24.根据权利要求20-23中任一项所述的网页调试装置，其特征在于， 所述页面数据包括=HTML结构信息、CSS样式值信息以及JavaScript值信息。25.根据权利要求20-23中任一项所述的网页调试装置，其特征在于， 所述作为调试对象的所述网页是手机网页。
【专利摘要】本发明公开了一种网页调试方法及装置，能够跨浏览器进行网页调试。该网页调试方法包括：页面数据收集步骤，从作为调试对象的网页收集该网页的页面数据；页面数据记录步骤，将页面数据存储到数据库中；页面数据展示步骤，从数据库中读取页面数据，根据读取到的页面数据生成与浏览器种类无关的展示信息，并进行展示；调试任务生成步骤，监控展示信息，判断展示信息中的数据是否与预先设定的数据相比发生了变化，在判断为发生了变化时，生成相应的调试任务，并将调试任务存储到数据库中；和调试任务执行步骤，从数据库中读取调试任务以及页面数据，并根据调试任务来相应地修改页面数据，并将修改后的页面数据渲染到作为调试对象的网页上。
【IPC分类】G06F17/30, G06F11/36
【公开号】CN105224465
【申请号】CN201510783204
【发明人】莫文
【申请人】北京京东尚科信息技术有限公司, 北京京东世纪贸易有限公司
【公开日】2016年1月6日
【申请日】2015年11月16日