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

说明书

技术领域

本申请涉及程序开发技术领域，尤其涉及一种实现在线编程的方法、浏览器和终端设备。

背景技术

未来科技趋势需要每个人都有一定的程序开发能力，编程或将作为一种基本生活技能。当前编程教育非常火热，教育形式主要是课堂进行编程学习。普遍的学习内容是C，Java，等代码类编程，无基础入门难度大，而且需要在面对对象、面对过程中反复转换思维模式，而且编程产物多为字节码，运行时多为控制台，不利于编程兴趣培养。

为了避免编程学习过程中的枯燥乏味，图形化编程越来越流行。当前主流图形化编程主要是如下几类：(1)基于flash的绘图，存在以下缺点：性能差，漏洞多，兼容性差，跨平台能力差，而且flash即将面临淘汰；(2)基于集成开发环境(Integrated Development Environment，IDE)的图形用户界面(Graphical User Interface，GUI)编程，其缺点是IDE内存占用大，环境配置入门难，便携性差，跨平台性差，依赖基础编程语言的开发能力。

基于IDE的GUI编程，例如swing，Tkinter等。其目的是实现当前平台的程序的图形化。当然，几乎所有的IDE通过原生或通过插件实现图形化编程，其实质依然是代码编程。只是预定义了部分图形与代码块的对应关系。其实际的工作机制依然是依赖于代码进行图形的定义和实例化。所以如果对代码理解不深，仅对图形进行操作，仍然很难实现正常功能，甚至会遇到各种报错，入门难度比较大。而且IDE普遍集成了很多模块，结构比较庞大，对环境配置都有一定的要求，一般的移动终端难以承载，便携性基本为零。而且对于不同操作系统，同一套IDE肯定是不能跨平台运行的。

例如使用基于IDE的swing GUI编程时，首先在Windows环境下配置好Java开发环境，进入IDE中安装swing插件。重启IDE使配置生效。就有了swing的图形控件面板。用代码定义并实例化其中的图形，生成Java工程。使用配置好的编译器进行编译，编译后生成字节码。在Java虚拟机中运行字节码，虚拟机自动调用系统的图形应用程序编程接口(Application Programming Interface，API)，最终使图形化工程显示在屏幕上。

不同的操作系统拥有不同的图形API，同一套图形代码很难通用所有操作系统。并且，在开发前期需要进行开发环境的配置搭建，对于新手而言这个过程非常磨灭编程兴趣。

发明内容

有鉴于此，本申请实施例提供了一种在线编程的方法、浏览器和终端设备，用以解决现有技术中搭建IDE对新手而言过于复杂并且不能跨平台运行的技术问题。

根据本申请实施例的一个方面，提供了一种实现在线编程的浏览器，包括：显示交互接口，用于在浏览器页面中接收针对图形的编程操作并显示对应的图形；在线编程模块，用于保存图形与模块化代码之间的对应关系，确定编程操作对应的模块化代码；JS解释引擎，用于对在线编程模块确定的模块化代码进行解释，并将解释结果返回在线编程模块；Canvas元素接口，用于接受在线编程模块的调用，根据解释结果绘制显示交互接口对应的编辑面板、显示面板和图形并由显示交互接口进行显示。

根据本申请实施例的另一方面，提供了一种实现在线编程的方法，适用于第一终端设备，所述方法包括：检测到打开在线编程页面的操作时，确定初始化函数对应的模块化代码；对初始化函数对应的模块化代码进行解释，得到第一解释结果；根据第一解释结果绘制初始化的编辑面板和显示面板；在在线编程页面中显示编辑面板和显示面板。

根据本申请实施例的另一方面，提供了一种服务器，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：控制本申请实施例所述的浏览器执行本申请实施例提供的实现在线编程的方法。

本申请实施例的有益效果包括：在浏览器的在线编程模块中建立图形与模块化代码的对应关系，由JS解释引擎对图形对应的模块化代码进行解释，Canvas元素接口按照解释结果绘制编辑面板、显示面板以及内部的图形，这种图形化在线编程方式更容易实现，不再需要搭建IDE，利用不同的浏览器内核即可实现跨平台。

附图说明

通过以下参照附图对本申请实施例的描述，本申请的上述以及其它目的、特征和优点将更为清楚，在附图中：

图1是本申请实施例提供的实现在线编程的浏览器的架构示意图；

图2是本申请实施例提供的实现在线编程的方法的流程示意图；