网页调试方法及装置的制造方法_3

文档序号:9471301阅读:来源:国知局
的数据进行监控(步骤S401)。接着,逐个判断展示信息DI中的数据是否与预先设定的数据(例如,预先设定的期望显示效果的HTML结构、CSS样式值以及JavaScript值等数据)相比发生了变化,在判断为发生了变化时,转移至步骤S403,在判断为未发生变化时,直接跳转至步骤S405 (步骤S402)。在步骤S403中,根据所发生的变化,生成相应的调试任务TT,步骤转移至步骤S404。其中,上述相应的调试任务TT是指:使利用页面信息显示程序DP所展示的展示信息DI中的数据与预先设定的期望显示效果的数据相符的调试任务。在步骤S404中,将所生成的上述相应的调试任务TT存储到数据库DB中,步骤转移至步骤S405。在步骤S405中,判断是否全部遍历完毕,在未遍历完毕时,返回步骤S401,遍历下一个数据,在遍历完毕时,步骤转移至调试任务执行步骤S500。
[0061]图6是本发明的实施例1的网页调试方法的调试执行步骤S500的流程图。如图6所示,首先,从数据库DB读取调试任务TT以及页面数据WD (步骤S501)。接着,对所读取的调试任务TT进行解析并分类,以便与从数据库DB读取的已被解析并分类后的页面数据WD相对应(步骤S502)。然后,根据解析并分类后的调试任务TT,利用例如JavaScript等网页用脚本语言来对应地修改所读取的页面数据WD(步骤S503)。最后,在作为调试对象的网页W上渲染修改后的页面数据(步骤S504),结束调试。
[0062]根据上述的本发明的实施例1的网页调试方法,由于不再浏览器随带的远程调试工具来进行调试,而是将页面数据WD存储到数据库DB中,并根据数据库DB中所存储的页面数据WD来生成与浏览器种类无关的展示信息DI,且利用预先设定的页面信息显示程序DP来展示该展示信息DI,通过监控该展示信息DI中的数据与预定的所期望的显示效果的数据的比较,来生成调试任务,最后,根据调试任务来修改页面数据WD,并渲染到调试网页上,从而实现了跨浏览器的网页调试。
[0063](实施例2)
[0064]本发明人进一步考虑到利用现有网页调试技术中通常采用的、例如本发明的上述【背景技术】中所述的“手机页面内嵌JavaScript文件的步骤”,来集成并简化本发明的上述实施例1的网页调试方法。
[0065]图7是本发明的实施例2的网页调试方法的整体流程示意图。在该图7中,以虚线简化地表示了与实施例1相同的部分。如图7所示,其与实施例1的不同之处在于,将实施例I的页面数据收集步骤SlOO和调试任务执行步骤S500统一到I个页面内嵌步骤SA100中。此外,在实施例1的调试任务生成步骤S400的最后,要发送I个调试指令来启动页面内嵌步骤SA100中的实施例1的调试任务执行步骤S500。
[0066]以下,利用图8来具体说明本发明的实施例2的网页调试方法的页面嵌入步骤SAlOOo
[0067]图8是本发明的实施例2的网页调试方法的页面嵌入步骤SA100的流程图。其中,简化了与实施例1相同的部分,并以虚线表示。如图8所示,在页面嵌入步骤SA100中,首先,作为I个网页用脚本语言(例如,JavaScript)文件而嵌入到作为调试对象的网页W中(步骤SA101)。接着,运行该网页W(步骤SA102),例如,在手机上运行该网页W。然后,检测该网页W是否呈现完毕,若尚未呈现完毕,则待机,若呈现完毕,则进入步骤SA104 (步骤SA103)。在步骤SA104中,启动实施例1的页面数据收集步骤S100。之后,待机直到接收到实施例1的调试任务生成步骤SlOO发送来的调试指令(步骤SA105)。检测是否接收到调试指令,在未接收到调试指令时,返回步骤SA105继续待机,在接收到调试指令时,进入步骤SA107 (步骤SA106)。在步骤SA107中,启动实施例1的调试任务执行步骤S500。
[0068]这样,根据本发明的实施例2的网页调试方法,能够以与现有网页调试技术类似的方式,将该页面内嵌步骤SSlOO利用例如JavaScript等网页用脚本语言作成一个模块文件,并将该模块文件内嵌入作为调试对象的页面中,从而能够将直接针对作为调试对象的页面进行操作(从页面的读取以及向页面的渲染)集成并内嵌于该页面,进一步实现了调试方法的集成及简化。
[0069]以上,针对本发明的网页调试的技术方案,以实施例1、2为例进行了详细说明。虽然在上述的实施例1、2中是通过软件流程的方式进行了说明,但就本领域技术人员而言,这些技术方案的一部分或全部均可以由硬件、软件或硬件与软件的组合来实现,这是不言而喻的。
[0070]以下,作为变形例,参照附图来分别说明对应于本发明的实施例1的网页调试方法的网页调试装置的结构。
[0071](变形例)
[0072]图9是对应于本发明的实施例1的网页调试方法的网页调试装置100的结构简图。如图9所示,网页调试装置100包括:页面数据收集单元101 ;页面数据记录单元102 ;页面数据展示单元103 ;调试任务生成单元104 ;和调试任务执行单元105。
[0073]在页面数据收集单元101中,从作为调试对象的网页收集该网页的页面数据,上述页面数据,例如,包括:网页中的HTML结构信息、CSS样式值信息以及JavaScript值信息。然后,将收集到的页面数据传递至页面数据记录单元102。
[0074]在页面数据记录单元102中,接收由页面数据收集单元101传递来的页面数据,并将接收到的页面数据存储到数据库中。
[0075]在页面数据展示单元103中,从上述数据库中读取所存储的页面数据,并根据所读取的页面数据,例如,根据(例如,HTML结构信息、CSS样式值信息以及JavaScript值信息),生成展示信息,并利用预先设定的页面信息显示程序(例如,既可以是WEB网页,也可以是文本显示程序等)展示上述展示信息。其中,作为上述展示信息,例如,包括:网页W的HTML结构的Dom树、CSS样式值信息以及JavaScript值信息,该展示信息是网页的数据,即是与浏览器种类无关的信息,可以使用网页程序或非网页程序展示。
[0076]在调试任务生成单元104中,监控利用页面信息显示程序所展示的展示信息,判断展示信息中的数据是否与预先设定的数据(例如,预先设定的期望显示效果的HTML结构、CSS样式值以及JavaScript值等数据)相比发生了变化,例如,HTML结构的变化、CSS样式值的变化、JavaScript值的变化,作为监控结果,当所述展示信息中任I个数据发生了变化时,就生成I条相应的调试任务,并将该调试任务存储到数据库中。其中,上述相应的调试任务是指:使利用页面信息显示程序所展示的展示信息中的数据与预先设定的期望显示效果的数据相符的调试任务。
[0077]在调试任务执行步骤S500中,从数据库DB中读取所存储的上述调试任务TT以及页面数据WD,并根据上述调试任务TT,相应地修改页面数据WD,例如,修改HTML结构、CSS样式值、JavaScript值,并在作为调试对象的网页W上渲染修改后的页面数据WD,完成页面调试。
[0078]另外,虽然以上实施例仅对跨浏览器的页面调试进行说明,但本领域技术人都知道,页面调试的对象是便携式设备上的页面,其调试过程是PC连接调试数据信息库来生成调试任务,因此,被调试的网页可以是在不同的便携式设备之间使用,这些便携式设备还可以使用不同的浏览器,可见,上述所谓的“跨浏览器”,其实际意见上同时也就意味着“跨设么”
O
[0079]以上所述的具体实施例,对本发明的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本发明的具体实施例而已,并不用于限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
【主权项】
1.一种能够跨浏览器的网页调试方法,包括: 页面数据收集步骤(SlOO),从作为调试对象的网页收集该网页的页面数据; 页面数据记录步骤(S200),将所述页面数据存储到数据库中; 页面数据展示步骤(S300),从所述数据库中读取所述页面数据,根据读取到的所述页面数据生成与浏览器种类无关的展示信息,并进行展示; 调试任务生成步
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1