[发明专利]实现在线编程的方法、浏览器和终端设备

权利要求书

1.一种实现在线编程的浏览器，其特征在于，包括：

显示交互接口，用于在浏览器页面中接收针对图形的编程操作并显示对应的图形；

在线编程模块，用于保存所述图形与模块化代码之间的对应关系，确定所述编程操作对应的模块化代码；

JS解释引擎，用于对所述在线编程模块确定的模块化代码进行解释，并将解释结果返回所述在线编程模块；

Canvas元素接口，用于接受所述在线编程模块的调用，根据所述解释结果绘制所述显示交互接口对应的编辑面板、显示面板和图形并由所述显示交互接口进行显示。

2.根据权利要求1所述的浏览器，其特征在于，与所述模块化代码建立对应关系的图形包括：框架、对象、对象属性和方法。

3.根据权利要求2所述的浏览器，其特征在于，

所述框架包括舞台空间、背景图片；

所述对象包括被创建的物体，所述对象属性包括所述物体的图片、大小、形状；

所述方法包括已封装的坐标移动函数、声音播放函数。

4.根据权利要求1所述的浏览器，其特征在于，所述JS解释引擎包括ChromeV8、TraceMonkey、SpiderMonkey、Carakan和SquirrelFishExtreme中的任意一种。

5.一种实现在线编程的方法，其特征在于，适用于第一终端设备，所述方法包括：

检测到打开在线编程页面的操作时，确定初始化函数对应的模块化代码；

对所述初始化函数对应的模块化代码进行解释，得到第一解释结果；

根据所述第一解释结果绘制初始化的编辑面板和显示面板；

在所述在线编程页面中显示所述编辑面板和显示面板。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

检测到在所述编辑面板中针对图形进行组合的编程操作时，确定图形组合对应的模块化代码；

检测到运行图形组合的操作时，对所述图形组合对应的模块化代码进行解释，得到第二解释结果；

根据所述第二解释结果在所述显示面板中绘制图形化的运行结果并显示。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

将所述图形组合和图形化的运行结果同步至第二终端设备；

在所述第二终端设备在线编程页面的编辑面板中显示所述图形组合，在显示面板中显示所述图形化的运行结果。

8.根据权利要求7所述的方法，其特征在于，所述第一终端设备的屏幕尺寸大于第一预设门限，所述第二终端设备为屏幕尺寸小于或等于所述第一预设门限并且大于第二预设门限的移动终端。

9.根据权利要求5所述的方法，其特征在于，所述方法还包括：

检测到打开在线工程的操作时，从服务器获取到XML形式的工程文件；

确定所述工程文件对应的模块化代码并进行解释，得到第三解释结果；

根据所述第三解释结果在所述编辑面板中绘制所述工程文件的图形组合并显示。

10.一种终端设备，其特征在于，包括

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：控制如权利要求1至4任意一项所述的浏览器执行如权利要求5至9任意一项所述的实现在线编程的方法。