[发明专利]一种基于JS的脚本调试方法及装置

说明书

技术领域

本发明涉及计算机互联网领域，特别涉及一种基于JS的脚本调试方法及装置。

背景技术

随着互联网的发展,网页设计的交互性是网络如此吸引我们的重要原因是，它拉近了人与人之间的距离,人与信息之间的距离,人与科技之间的距离。网页设计中交互特性,主要是依靠软件技术的程序实现的,而JS是实现网页设计交互的主要手段。JS对于网页设计的作用也越来大,它丰富着设计的呈现效果,技术上的不断更新,也使得设计者能不断的展开创造力,去发掘新的艺术形式和交互的视觉传达表现形式。

一般在js正式运用到某一个网页之前，避免和减少bug数量对它进行调试是很有必要的，现在js常用的调试的做法是将开发好的js文件存放在服务器上，然后利用浏览器的前端调试工具做交互操作，在交互过程中发现问题后再用编辑工具修改文件，修改后再上传服务器覆盖原来的文件。

目前的js调试一般比较麻烦，并且一般在调试的时候不能实时同步到服务器上的js文件，一旦中途出现什么意外情况所有的操作都要重新开始。最后就算调试好的好文件也需要手动的反复操作到服务器，比较费时费力。

发明内容

本发明提供一种基于JS的脚本调试方法及装置，用于解决现有技术中在调试js的脚本的过程中操作繁琐并且文件不能实时同步到服务器的问题。

本发明的一种基于JS的脚本调试方法，包括以下步骤：

其中，S1：打开网页浏览器，再从浏览器的调试工具中打开需要调试的js脚本文件的源文件。

其中，S2：修改打开的待调试的js脚本文件的源文件。

其中，S3：服务器调用socket通信中的listen接口监听待调试的js脚本文件。

其中，S4：服务器监听到待调试的js脚本文件产生变更。

其中，S5：服务器通过socket请求，将监听到的变更信息通过send接口发送到服务器内对应的js脚本文件的编辑工具中。

其中，S6：服务器对比收到的已变更的信息和编辑工具中对应的js脚本文件，对编辑工具中对应的js脚本文件进行更改操作。

其中，S7：编辑完成，在编辑工具中返回是否编辑成功的处理结果；

是，运行步骤S8；

否，跳到步骤S9。

其中，S8：编辑成功，编辑好的js脚本文件自动更新到服务器中。

其中，S9：编辑失败，提示失败原因。

其中，步骤S4包括：

服务器对比待调试的未修改之前的js脚本文件和当前修改过的js脚本文件；并判断待调试的未修改之前的js脚本文件和当前修改过的js脚本文件之间是否有差异；

是，则说明服务器监听到待调试的js脚本文件产生变更；

否，则说明待调试的js脚本文件未发生变更，服务器未监听到待调试的js脚本文件发生变更。

其中，步骤S6包括，服务器对编辑工具中对应的js脚本文件进行更改操作，包括对js脚本文件中的内容进行增加、删除和修改。

其中，步骤S9中的编辑失败原因包括目标端口不存在、连接被拒绝和连接超时。

本发明还提供一种基于JS的脚本调试装置，包括：获取单元、修改单元、监听单元、发送单元、编辑单元和提示单元。

其中，获取单元，用于获取已经打开的待调试的js脚本文件的源文件。

其中，修改单元，用于修改打开的待调试的js脚本文件的源文件。

其中，监听单元，用于监听待调试的js脚本文件是否发生变更。

其中，发送单元，用于将监听到的变更信息发送到服务器内对应的js脚本文件的编辑工具中。

其中，编辑单元，用于对编辑工具中对应的js脚本文件进行更改操作。

其中，提示单元，用于提示编辑失败的产生原因。

其中，所述编辑单元对编辑工具中对应的js脚本文件进行更改操作后，会在编辑工具中返回对应的编辑处理结果。

所述编辑处理结果包括编辑成功和编辑失败。

其中，所述提示单元提示的编辑失败的产生原因包括目标端口不存在、连接被拒绝和连接超时。

本发明的实施例提供的技术方案可以包括以下有益效果：