阅读说明：本技术 网络请求处理方法、装置、计算机可读介质及电子设备 (Network request processing method and device, computer readable medium and electronic equipment ) 是由 吴浩麟 于 2018-05-24 设计创作，主要内容包括：本发明的实施例提供了一种单页面应用的网络请求处理方法、装置、计算机可读介质及电子设备。该方法包括：接收针对单页面应用的网络访问请求；当所述网络访问请求来自搜索引擎爬虫时,对所述单页面应用进行服务端渲染,得到渲染后的网页内容；以及返回所述渲染后的网页内容。对所述单页面应用进行服务端渲染包括：调用无界面浏览器引擎打开所述单页面应用对应的网址；监听所述无界面浏览器引擎返回的渲染完成事件；获取渲染后的网页内容。本发明实施例的技术方案可以使单页面应用的内容被搜索引擎爬虫有效地抓取。(The embodiment of the invention provides a network request processing method and device for single-page application, a computer readable medium and electronic equipment. The method comprises the following steps: receiving a network access request for a single-page application; when the network access request comes from a search engine crawler, performing server-side rendering on the single-page application to obtain rendered webpage content; and returning the rendered webpage content. Performing server-side rendering on the single-page application comprises: calling an engine of a non-interface browser to open a website corresponding to the single-page application; monitoring a rendering completion event returned by the non-interface browser engine; and acquiring the rendered webpage content. The technical scheme of the embodiment of the invention can ensure that the content of the single-page application can be effectively captured by the search engine crawler.)

网络请求处理方法、装置、计算机可读介质及电子设备

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种单页面应用的网络请求处理方法、装置、计算机可读介质及电子设备。

背景技术

单页面应用(Single Page Application)是在浏览器端采用异步浏览器渲染的网页应用，例如采用现代前端框架reactjs、vuejs等开发的网页。浏览器加载单个HTML页面，随后所有交互和效果都在该单个HTML页面内实现，而不需要重新加载HTML页面。

用户获取单页面应用上的内容不需要重新加载整个页面，因此单页面应用具有良好的用户体验，并且对服务器产生的压力较小。

然而，单页面应用不能很好地支持搜索。换言之，搜索引擎爬虫不能有效地抓取单页面应用中的内容，导致网页内容无法被搜索引擎收录，影响内容推广和扩散。

因此，需要一种针对单页面应用的网络请求处理方法以利于搜索引擎优化。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本发明实施例涉及一种单页面应用的网络请求处理方法、装置、计算机可读介质及电子设备，其可以在一定程度上克服单页面应用中的内容不能被搜索引擎爬虫有效地抓取的问题。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明实施例的一方面，提供一种单页面应用的网络请求处理方法，包括：接收针对单页面应用的网络访问请求；当所述网络访问请求来自搜索引擎爬虫时，对所述单页面应用进行服务端渲染，得到渲染后的网页内容；以及返回所述渲染后的网页内容，其中，对所述单页面应用进行服务端渲染包括：调用无界面浏览器引擎打开所述单页面应用对应的网址；监听所述无界面浏览器引擎返回的渲染完成事件；获取渲染后的网页内容。

根据本发明实施例的另一方面，提供一种单页面应用的网络请求处理装置，包括：接收单元，用于接收针对单页面应用的网络访问请求；渲染单元，用于当所述网络访问请求来自搜索引擎爬虫时，对所述单页面应用进行服务端渲染，得到渲染后的网页内容；以及返回单元，用于返回所述渲染后的网页内容，其中，所述渲染单元包括：调用子单元，用于调用无界面浏览器引擎打开所述单页面应用对应的网址；监听子单元，用于监听所述无界面浏览器引擎返回的渲染完成事件；获取子单元，用于获取渲染后的网页内容。

根据本发明实施例的又一方面，提供了一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现上述单页面应用的网络访问请求处理方法。

根据本发明实施例的再一方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现上述单页面应用的网络访问请求处理方法。

在本发明实施例所提供的技术方案中，在服务端调用无界面浏览器引擎对单页面应用进行渲染并将渲染后的网页内容返回给搜索引擎爬虫，可以使单页面应用的内容以简单且有效的方式被搜索引擎爬虫抓取。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1示出了可以应用本发明实施例的单页面应用的网络请求处理方法或装置的示例性系统架构100的示意图；

图2示出了适于用来实现本发明实施例的电子设备的计算机系统的结构示意图；

图3示意性地示出了根据本发明实施例的单页面应用的网络请求处理方法的流程图；

图4示意性地示出了根据本发明实施例的单页面应用进行服务端渲染的流程图；

图5是以调用Headless-Chrome为例的单页面应用的网络请求处理方法的示意图；

图6是以调用Headless-Chrome为例的单页面应用的网络请求处理方法的流程图；

图7示意性示出了根据本发明的实施例的单页面应用的网络请求处理装置的框图；

图8示意性地示出了根据本发明的实施例的渲染单元的框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本发明将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本发明的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本发明的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

图1示出了可以应用本发明实施例的单页面应用的网络请求处理方法或装置的示例性系统架构100的示意图。

如图1所示，系统架构100可以包括终端设备101、102、103中的一种或多种、网络104、以及服务器105、106和107中的一种或多种。网络104用以在终端设备101、102、103、服务器105、106和107之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

用户可以使用终端设备101、102、103通过网络104与服务器105、106和107交互，以接收或发送消息等。终端设备101、102、103可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、便携式计算机和台式计算机等等。

服务器105、106和107可以是提供各种服务的服务器，并且它们之间可以通过网络104进行交互。

例如，服务器105可以是网站服务器。用户可以通过终端设备101(也可以是终端设备102或103)访问网站服务器105，从网站服务器105获取用于单页面应用的网页代码。又例如，服务器106可以是搜索引擎服务器，其可以通过搜索引擎爬虫(又被称为网页蜘蛛、网络机器人，是按照一定的规则来自动地抓取万维网信息的程序或者脚本)自动地从网站服务器105抓取网页内容。再例如，如下所述，网站服务器105可以从服务器107调用诸如headless-chrome的无界面浏览器。

需要说明的是，本发明实施例所提供的单页面应用的网络请求处理方法一般由服务器105执行，相应地，单页面应用的网络请求处理装置一般设置于服务器105中。

图2示出了适于用来实现本发明实施例的电子设备的计算机系统的结构示意图。

需要说明的是，图2示出的电子设备的计算机系统200仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图2所示，计算机系统200包括中央处理单元(CPU)201，其可以根据存储在只读存储器(ROM)202中的程序或者从存储部分208加载到随机访问存储器(RAM)203中的程序而执行各种适当的动作和处理。在RAM 203中，还存储有系统操作所需的各种程序和数据。CPU201、ROM 202以及RAM 203通过总线204彼此相连。输入/输出(I/O)接口205也连接至总线204。

以下部件连接至I/O接口205：包括键盘、鼠标等的输入部分206；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分207；包括硬盘等的存储部分208；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分209。通信部分209经由诸如因特网的网络执行通信处理。驱动器210也根据需要连接至I/O接口205。可拆卸介质211，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器210上，以便于从其上读出的计算机程序根据需要被安装入存储部分208。

特别地，根据本发明的实施例，下文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分209从网络上被下载和安装，和/或从可拆卸介质211被安装。在该计算机程序被中央处理单元(CPU)201执行时，执行本申请的系统中限定的各种功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现如下述实施例中所述的方法。例如，所述的电子设备可以实现如图3和图4所示的各个步骤。

如前所述，搜索引擎抓取的网页需要有完整的HTML和内容，因此单页面应用不能很好地支持搜索。即，搜索引擎爬虫不能有效地抓取页面中用Ajax更新的动态内容。

在现有技术中，有的单页应用不做搜索引擎优化，对爬虫的请求直接返回用于浏览器渲染(例如，浏览器通过AJAX异步获取数据后在浏览器端渲染出HTML)的无内容模版。这种方式导致单页应用的内容无法被爬虫获取，使得爬虫无法搜索到网页内容。

另一种现有做法是通过复用前后端JS代码，让运行在浏览器环境的JS代码运行在Nodejs服务端环境，在服务端渲染出HTML网页后返回给爬虫。这种方式会导致编写代码复杂且成本增加。另外，由于需要同时兼容两个运行环境，这会对现有代码带入非常大的侵入性的改变。

本发明实施例提出一种可以快速而方便解决单页面应用的搜索引擎优化问题，例如通过HTTP协议头的User-Agent字段来判断请求是否来自爬虫，如果是来自爬虫就调用诸如headless-chrome的无界面浏览器渲染出网页内容返回给爬虫，从而让爬虫抓取到单页应用的内容。例如，可以在服务器(例如，服务器105)中执行根据本发明的实施例提供的单页面应用的网络请求处理方法。

图3示意性地示出了根据本发明实施例的单页面应用的网络请求处理方法的流程图。

如图3中所示，根据本发明实施例的单页面应用的网络请求处理方法包括以下步骤。

在步骤S310，接收针对单页面应用的网络访问请求。

例如，作为网站服务器的服务器105可以接收针对单页面应用的网络访问请求。

访问网站内容的网络访问请求可以来自搜索引擎或用户终端，例如，可以来自作为搜索引擎服务器的服务器106的搜索爬虫，或者可以来自终端设备101(也可以是终端设备102或103)。

网络访问请求例如HTTP协议的请求报文中包含HTTP首部和报文主体。请求首部字段是从客户端往服务器端发送请求报文中所使用的字段，用于补充请求的附加信息、客户端信息、对响应内容相关的优先级等内容，例如Accept、Accept-charset、Host、Referer、User-Agent、Cookie等，也可以包括自定义字段。

在步骤S320，当所述网络访问请求来自搜索引擎爬虫时，对所述单页面应用进行服务端渲染，得到渲染后的网页内容。

根据本发明实施例，可以根据网络请求字段判断网络访问请求是否来自搜索引擎爬虫。例如，在搜索引擎爬虫抓取网页内容时，可在HTTP请求协议头中携带用户代理字段(User-Agent)来标识爬虫身份。例如，Google网络爬虫的标识为GoogleBot，Baidu网络爬虫的标识为BaiDuSpider，Yahoo网络爬虫的标识为Inktomi Slurp。用户代理字段还可以标识进行网络访问的用户的其他信息，例如，其可以包括用户的浏览器标识、操作系统标识以及搜索引擎的参考标识等。

根据本发明实施例，可以预先收集搜索引擎的参考标识，并存储搜索引擎的参考标识。在这种情况下，当存储的搜索引擎的参考标识中包含网络访问请求的用户代理字段时，则可以确定网络访问请求来自搜索引擎爬虫。

例如，可以将现有搜索引擎的参考标识(例如，关键字)存放在一个数组中。在接收到网络访问请求时，再通过遍历该数组来判断用户代理字段中是否包含该数组中的任意一个参考标识(例如，关键字)。如果包含，则可以确定该网络访问请求来自于搜索引擎爬虫；如果不包含，则可以确定该网络访问请求不是来自于搜索引擎爬虫。

在步骤S330，返回所述渲染后的网页内容。通过以上过程渲染后的网页内容即可以被搜索引擎爬虫抓取，从而完成单页面应用网站的搜索引擎优化。

图4示意性地示出了根据本发明实施例的单页面应用进行服务端渲染的流程图。

如图4中所示，对所述单页面应用进行服务端渲染可以包括步骤S410～步骤S430。

在步骤S410，调用无界面浏览器引擎打开所述单页面应用对应的网址。

根据本发明的实施例，可以采用任何已有的无界面浏览器引擎，例如，Headless-Chrome、PhantomJS等。调用的无界面浏览器会像普通浏览器一样，通过运行用于浏览器渲染的网页代码，渲染出单页面应用的可被搜索引擎爬虫识别的内容，例如html字符串。

根据本发明示例实施例，可以从另一服务器(例如，服务器107)调用无界面浏览器引擎来打开单页面应用对应的网址。

根据本发明的实施例，可以通过远程控制协议与无界面浏览器引擎自动交互。

例如，Chrome提供了websocket调试接口用于对当前Tab内页面的DOM、网络、性能、存储等等进行调试。常用的开发者工具就是基于此接口，这个接口也支持远程调用，在启动参数中加上--remote-debugging-port＝9222即可。websocket是HTML5一种新的协议，实现了浏览器与服务器全双工通信，只需要一个握手动作，浏览器和服务器之间就形成了一个快速通道，然后进行数据互传。

另外，chrome提供了远程控制接口，目前可以通过chrome-remote-interface来用js代码向chrome发送命令进行交互。chrome-remote-interface为基于chrome调试协议编写调试工具提供了便捷的途径，利用它，可以不需要基于原始的协议通过websocket去开发调试工具。实际上，chrome-remote-interface是对于Chrome DevTools Protocol的远程封装。

在步骤S420，监听所述无界面浏览器引擎返回的渲染完成事件。

监听到渲染完成事件表示网页的内容被渲染出来，即所调用的无界面浏览器引擎完成了网页的渲染。

例如，对于Headless-Chrome，当发送Page.navigate这个命令之后，除了返回id等Json之外，还有触发的事件。

根据本发明实施例，渲染完成事件可以包括DOM内容触发事件。例如，对于Headless-Chrome，渲染完成事件可以是DomContentEventFired事件。对于复杂的场景还可以利用window.isPageReady。

在步骤S430，即，在监听到由无界面浏览器引擎返回的渲染完成事件之后，可以获取渲染后的网页内容。

以上描述了在网络访问请求来自于搜索引擎爬虫时的情况。根据本发明的实施例，当网络访问请求不是来自所述搜索引擎爬虫时，返回用于请求端浏览器渲染的网页代码。例如，当网络访问请求来自用户终端的浏览器时，可以返回用于单页面应用的网页代码。

图5是以调用Headless-Chrome为例的单页面应用的网络请求处理方法的示意图。图6是以调用Headless-Chrome为例的单页面应用的网络请求处理方法的流程图。

如图5和图6所示，根据本发明实施例的单页面应用的网络请求处理方法在判断出网络访问请求来自搜索引擎爬虫时，仅需调用Headless-Chrome来打开网络访问请求要访问的地址，并将通过Headless-Chrome渲染出的内容返回该搜索引擎爬虫。

具体地，首先，在步骤610，接收客户端请求服务，即，接收针对单页面应用的网络访问请求，如上所述，这种网络访问请求可以来自例如搜索引擎或用户终端。

然后，在步骤620，从网络访问请求的HTTP协议头中读取用户代理字段(UA，User-Agent)；在步骤630，通过UA来判断请求是否来自搜索引擎爬虫。例如，可以通过上面所描述的方法来判断请求是否来自搜索引擎爬虫。

当网络访问请求不是来自爬虫时，例如，当网络访问请求来自用户终端的浏览器时，在步骤640，返回用于浏览器渲染的网页代码，即，返回用于单页面用用的网页代买，从而结束请求。

当网络访问请求来自爬虫时，则执行如下步骤：

1)在步骤650，启动head-chrome；

2)在步骤660，通过Page.navigate({url,referrer})让headless-chrome打开单页应用对应的网址；

3)在步骤670，等待单页面应用的DomContentEventFired事件触发，此时网页的内容被渲染出来；

4)在步骤680，通过DOM.getOuterHTML({nodeId:dom.root.nodeId})获取到网页渲染出来后的内容。

这时，在步骤690，返回渲染后的网页内容，从而结束请求。

通过以上参照附图和示例性实施例的描述可见，该方法可以不对web服务器的原代码产生任何改变，从而可以实现无侵入式接入。

另外，用户代理字段的检测所需的计算量非常小，因此不会影响到web服务器的性能。

因此可见，根据本发明实施例的单页面应用的网络请求处理方法可以使单页面应用的内容以简单且有效的方式被搜索引擎爬虫抓取。

以下介绍本发明的装置实施例，可以用于执行本发明上述的单页面应用的网络请求处理方法。对于本发明装置实施例中未披露的细节，请参照本发明上述的单页面应用的网络请求处理方法的实施例。

图7示意性示出了根据本发明的实施例的单页面应用的网络请求处理装置的框图。

参照图7，根据本发明实施例的单页面应用的网络请求处理装置700可以包括：接收单元710，用于接收针对单页面应用的网络访问请求；渲染单元720，用于当所述网络访问请求来自搜索引擎爬虫时，对所述单页面应用进行服务端渲染，得到渲染后的网页内容；以及返回单元730，用于返回所述渲染后的网页内容。

图8示意性地示出了根据本发明的实施例的渲染单元的框图。

参照图8，渲染单元720可以包括：调用子单元721，用于调用无界面浏览器引擎打开所述单页面应用对应的网址；监听子单元722，用于监听所述无界面浏览器引擎返回的渲染完成事件；获取子单元723，用于获取渲染后的网页内容。

根据本发明的实施例，返回单元730还可以用于：当所述网络访问请求不是来自所述搜索引擎爬虫时，返回用于请求端浏览器渲染的网页代码。

根据本发明的实施例，除了上述接收单元710、渲染单元720和返回单元730之外，单页面应用的网络请求处理装置700还可以包括：确定单元，用于通过用户代理字段确定所述网络访问请求是否来自搜索引擎爬虫。

根据本发明的实施例，除了上述接收单元710、渲染单元720和返回单元730之外，单页面应用的网络请求处理装置700还可以包括：收集单元，用于收集搜索引擎的参考标识；以及存储单元，用于存储所述参考标识。

根据本发明的实施例，当存储的所述参考标识中包含所述网络访问请求的用户代理字段时，确定单元可以确定所述网络访问请求来自搜索引擎爬虫。

根据本发明的实施例，渲染单元720还可以包括：交互子单元，用于通过远程控制协议与无界面浏览器引擎自动交互。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本发明实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本发明实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。