[发明专利]前端项目调试方法及系统

权利要求书

1.一种前端项目调试方法，其特征在于，所述方法包含：

监听浏览器的服务端口获取用户输入的网站中待调试页面的页面信息；

根据所述页面信息于预设配置文件中获得所述页面信息对应的入口文件，根据所述入口文件提取待调试页面的网页代码；

根据所述浏览器属性将所述网页代码编译打包为对应属性的显示代码，将所述显示代码提供至浏览器显示输出。

2.根据权利要求1所述的前端项目调试方法，其特征在于，所述监听浏览器的服务端口获取用户输入的网站中待调试页面的页面信息包含：

通过Node.js开启浏览器服务端口的监听配置，获取用户输入的网站中待调试页面的页面信息。

3.一种前端项目调试方法，其特征在于，所述方法包含：

获取用户输入的页面参数，根据所述页面参数于预设配置文件中获得所述页面参数对应的入口文件；

根据所述入口文件提取待调试页面的网页代码，根据浏览器属性将所述网页代码编译打包为对应属性的显示代码；

通过浏览器将所述显示代码渲染后显示输出。

4.根据权利要求3所述的前端项目调试方法，其特征在于，通过浏览器将所述显示代码渲染后显示输出包含：

监听浏览器的服务端口获取用户输入的所述页面参数所对应的页码信息；

根据所述页面信息通过浏览器将所述显示代码渲染后显示输出。

5.一种前端项目调试系统，其特征在于，所述系统包含构建工具、开发服务器和配置文件存储库；

所述开发服务器用于监听浏览器的服务端口获取用户输入的网站中待调试页面的页面信息；以及，将接收到的显示代码渲染到浏览器中显示输出；

所述构建工具用于根据所述页面信息于所述配置文件存储库中获得所述页面信息对应的入口文件，根据所述入口文件提取待调试页面的网页代码，根据所述浏览器属性将所述网页代码编译打包为对应属性的显示代码，将所述显示代码提供至所述开发服务器；

所述配置文件存储库用于存储网站的配置文件，所述配置文件包含入口文件和多个页面的网页代码。

6.根据权利要求5所述的前端项目调试系统，其特征在于，所述构建工具还包含：获取用户输入的页面参数，根据所述页面参数于所述配置文件存储库中通过对应的入口文件提取待调试页面的网页代码，根据所述浏览器属性将所述网页代码编译打包为对应属性的显示代码，将所述显示代码提供至所述开发服务器。

7.根据权利要求5所述的前端项目调试系统，其特征在于，所述开发服务器还包含监听模块，所述监听模块用于通过Node.js开启浏览器服务端口监听，通过监听浏览器服务端口获得用户输入的网站中待调试页面的页面信息。

8.根据权利要求5所述的前端项目调试系统，其特征在于，所述开发服务器通过Node.js的套接字与所述构建工具建立长连接。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至4任一所述方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有由计算机执行权利要求1至4任一所述方法的计算机程序。