[发明专利]页面调试方法和系统、移动终端以及电脑端

说明书

本发明实施例提供了一种页面调试方法和系统、移动终端以及电脑端。其中，该页面调试方法用于移动终端，移动终端包括第一浏览器，移动终端与电脑端通信连接；该页面调试方法可以包括：第一浏览器监测第一待调试页面代码中层叠样式表CSS代码是否发生变化；当CSS代码发生变化时，第一浏览器向电脑端发送页面刷新请求；第一浏览器接收电脑端响应于页面刷新请求而反馈的、对第一待调试页面代码修改之后的第二待调试页面代码；第一浏览器基于第二待调试页面代码，进行刷新。通过该技术方案，本发明实施例无需在待调试页面中额外引入JS文件，解决了如何降低移动前端开发产品线上报错可能性的技术问题，可以及时地在移动终端上看到页面显示效果。

技术领域

本发明涉及网络应用技术领域，特别是涉及一种页面调试方法和系统、移动终端以及电脑端。

背景技术

移动互联网越来越融入人们的日常生活中，随着移动互联网的发展，为了提高用户体验，移动前端开发技术越来越受到重视。移动前端的开发离不开页面(也称网页或界面)调试技术。页面调试技术涉及到HTML(Hyper Text Markup Language，超文本标记语言)、CSS(Cascading Style Sheets，层叠样式表)和JS(JavaScript,一种Web编程脚本语言)。其中，HTML用于定义网页的内容和框架。CSS用于描述页面的布局。JavaScript用于定义网页的行为。HTML代码运行在浏览器上并由浏览器来解析。CSS代码嵌入HTML文档中，可以用来定义页面的样式和版面。JavaScript代码插入HTML文档中后可由浏览器执行，以增强网页的动态性和交互性。

移动前端产品的交付基于浏览器。服务器端的资源会通过增量加载的方式运行在浏览器中。在页面调试阶段，当电脑端(即个人计算机端，简称PC端)将页面代码打包后，很难发现错误代码的位置，所以，将电脑端运行在node.js环境(即：事件驱动I/O服务端JavaScript环境)下，以便于修改网页代码。其中，node.js是基于谷歌的开源JavaScript引擎V8而开发到的。node.js采用的编程语言是JavaScript。node.js用于解释JavaScript代码并执行。为了实现页面代码的打包，可以使用webpack工具(一种模块打包器)，用于将页面样式、图片、字体、HTML模板等页面资源进行打包。另外，页面的显示需要对HTML文件进行渲染，所以，在移动前端开发中，电脑端还需要装载java JDK(Java Development Kit，简称Java开发工具)和JSP(java服务器页面)网络应用工具(例如：tomcat)。其中，java JDK用于提供JavaScript的运行环境。JSP网络应用工具用于将JSP文件渲染成HTML文件，以供浏览器运行，从而进行页面显示。

在移动前端开发中的页面调试阶段，当电脑端进行页面代码的修改或增减时，需要根据移动终端的页面显示效果来验证代码的正确性。为了观察移动终端的页面显示效果，现有技术通过在电脑端使用weinre工具(一种远程调试工具)，并在待调试页面中嵌入用于远程调试的JS文件，来实现及时刷新移动终端页面的效果。然而，上述现有方法由于向待调试页面代码中引入了JS文件，所以，在移动前端开发产品上线时，如果忘记删除该JS文件，会造成线上报错问题。

发明内容

本发明实施例的目的在于提供一种页面调试方法，以至少解决如何降低移动前端开发产品线上报错可能性的技术问题。此外，还提供了一种移动终端、电脑端和页面调试系统。

为了实现上述目的，根据本发明的一个方面，提供了以下技术方案：

一种页面调试方法，用于移动终端，移动终端包括第一浏览器；移动终端与电脑端通信连接；

该方法可以包括：

第一浏览器监测第一待调试页面代码中层叠样式表CSS代码是否发生变化；

当CSS代码发生变化时，第一浏览器向电脑端发送页面刷新请求；