CN101859246A - 依据不同浏览器转换相应脚本的系统及其方法 - Google Patents

Abstract

本发明公开了一种依据不同浏览器转换相应脚本(script)的系统及其方法，其通过设定目标浏览器后，依据来源脚本以及目标浏览器所对应的目标语法规则的差异，将来源脚本修改为兼容于目标浏览器的目标脚本，可以解决所存在网页程序时需要额外处理各个浏览器兼容的脚本语法不完全相同的问题，借此可以达成在网页程序中快速加入兼容于目标浏览器的脚本的技术功效。

Description

依据不同浏览器转换相应脚本的系统及其方法

技术领域

本发明涉及一种转换脚本的系统及其方法，特别是指一种依据不同浏览器转换相应脚本的系统及其方法。

背景技术

随着网络的普及，许多的服务以网页的形式提供给使用者使用，由于网页需要通过浏览器观看，因此到了现在，常见的浏览器有相当多种，使用者可以依据自己的喜好来选择不同的浏览器。

由于各个浏览器兼容的脚本(script)所使用的语法并不完全相同，更甚者同一个浏览器的不同版本兼容的脚本所使用的语法也有不同，因此在撰写提供网页服务中的脚本时，通常有两个开发的方向，一是针对各种浏览器甚至各个版本来撰写，另一个则是开发满足所有浏览器的版本。

虽然上述的两种开发方向各有优缺点，开发者可以依据所提供的服务来选择比较适合的方向，但是，不论开发者选择哪一个方向，都会遇到脚本与浏览器间的兼容性的问题，也就是说，开发者一定得要花费时间去研究各个浏览器所兼容的脚本要如何撰写，如此，明显的会对开发时的效率产生影响。

综上所述，可知现有技术中长期以来一直存在撰写网页程序时，需要特别处理各个浏览器脚本语法不完全相同的问题，因此有必要提出改进的技术手段，来解决此一问题。

发明内容

有鉴于现有技术存在编写网页程序时需要额外处理各个浏览器的脚本语法不完全相同的问题，本发明遂提供一种依据不同浏览器转换相应脚本的系统及其方法，其中：

本发明所提供的依据不同浏览器转换相应脚本的系统，其包括有：储存模块，用于储存目标语法规则；输入模块，用于提供输入来源脚本；设定模块，用于设定对应目标语法规则的目标浏览器；脚本修改模块，用于依据来源脚本及目标语法规则的差异，将来源脚本修改为兼容目标浏览器的目标脚本；脚本执行模块，用于在目标浏览器上执行目标脚本，其通过设定模块设定目标浏览器后，由脚本修改模块依据来源脚本及目标语法规则的差异，将输入模块输入的来源脚本修改为兼容于目标浏览器的目标脚本，借以解决现有技术所存在的问题。

本发明所提供的依据不同浏览器转换相应脚本的方法，其包括有下列步骤：储存目标语法规则；提供输入来源脚本；设定对应目标语法规则的目标浏览器；依据来源脚本及目标语法规则的差异修改来源脚本为兼容于目标浏览器的目标脚本；在目标浏览器上执行目标脚本，其通过设定目标浏览器后，依据来源脚本与目标语法规则间的差异，将输入的来源脚本修改为兼容于目标浏览器的目标脚本，借以解决现有技术所存在的问题。

本发明所提供的系统与方法如上，其与现有技术之间的差异在于本发明在设定目标浏览器后，会依据输入的来源脚本与目标浏览器所对应的目标语法规则的差异修改来源脚本，使修改后产生的目标脚本可以兼容于目标浏览器。通过上述的技术手段，本发明可以达成在网页程序中快速加入兼容于目标浏览器的脚本的技术功效。

附图说明

图1是本发明所提的依据不同浏览器转换相应脚本的系统架构图；

图2A是本发明实施例所提的目标语法规则表的示意图；

图2B是本发明实施例所提的来源语法规则表的示意图；

图2C是本发明实施例所提的语法对照表的示意图；

图2D是本发明实施例所提的语法建议表的示意图；

图3是本发明所提的依据不同浏览器转换相应脚本的方法流程图；

图4A是本发明实施例所提的来源脚本；

图4B是本发明实施例所提的目标脚本。

具体实施方式

以下将配合附图及实施例来详细说明本发明的详细特征与实施方式，内容足以使本领域技术人员轻易地理解本发明解决技术问题所应用的技术手段并据以实施，及理解实现本发明可达成的功效。

脚本，又称为指令码语言(script language，scripting language，scriptingprogramming language)，是为了缩短传统的编写-编译-连结-执行(edit-compile-link-run)过程而创建的电脑编程语言，因此以简单的方式快速完成某些复杂的事情通常是创造脚本语言的重要原则。有些脚本是为了特定领域撰写的，例如为了动态网页而撰写的脚本，目前正广泛的被使用在全球信息网(World Wide Web，WWW)中。

虽然目前为了动态网页而撰写的脚本的标准由特定的协会所制定，因此，目前大部分的浏览器都支援符合被制定的标准的语法。

不过，事实上并非所有的浏览器都遵循着被制定出来的标准，而是基于标准之上进行某些改变。最明显的便是在某些浏览器上有提供该浏览器专用的语法，因此，同样的脚本并不一定能够在所有的浏览器中执行，当浏览器无法执行脚本时，使用者便没有办法浏览网页的完整内容。本发明便期望提供给使用者转换脚本的功能。

以下先以图1本发明所提的依据不同浏览器转换相应脚本的系统架构图来说明本发明的系统运作。如图1所示，本发明的系统含有储存模块110、输入模块120、设定模块130、脚本修改模块150以及脚本执行模块170。

储存模块110负责储存多种语法规则，一般而言，语法规则会以文件或数据表的方式储存在储存模块110中，但本发明并不以此为限。储存模块110中所储存的各个语法规则分别与一个特定的浏览器对应，兼容于特定浏览器的脚本会符合特定浏览器所对应的语法规则。其中，本发明所提的脚本兼容于浏览器是表示脚本可在浏览器中正确的执行。

使用者在使用本发明后产生的脚本称为“目标脚本”，在本发明中，与目标脚本兼容的浏览器被称为“目标浏览器”，而与目标浏览器对应的语法规则被称为“目标语法规则”。因此，若期望本发明产生目标脚本，则储存模块110所储存的语法规则中，需要包含目标语法规则，若否，则本发明便无法正确运作。其中，目标脚本会符合目标语法规则，在本发明中，将以与“目标脚本与目标语法规则相对应”意义相同的描述方式来描述目标脚本与目标语法规则之间的关系。

由于本发明期望将不兼容于目标浏览器的来源脚本转换为目标脚本，故储存模块110中还可以储存脚本与脚本之间的对应数据。一般而言，对应数据是以对照表的方式储存，但本发明并不以此为限。

在每一笔对应数据中，会包含来源脚本中的某个语法以及目标脚本中的具有相同意义的语法的差异，因此每一笔对应数据为一对一的关系。事实上，每一笔对应数据更可以特定的顺序记录包含各脚本中相同意义的语法，也就是说，若对应数据中记录三个脚本，则每笔对应数据至少会包含三个栏位，分别记录三个脚本之间相同意义的语法。

输入模块120负责提供使用者输入来源脚本。使用者输入的来源脚本中的各语法会符合储存模块110所储存的某个语法规则，来源脚本所符合的语法规则称为“来源语法规则”，在本发明中，将以与“来源脚本与来源语法规则相对应”意义相同的描述方式来描述来源脚本与来源语法规则之间的关系。

使用者所输入的来源脚本会与来源语法规则对应的浏览器兼容，在本发明中，对应来源语法规则且与来源脚本兼容的浏览器被称为“来源浏览器”。

输入模块120更用于提供使用者输入与目标脚本兼容的目标浏览器信息，以及与来源语法规则对应的来源浏览器信息。本发明所提的目标浏览器信息/来源浏览器信息包含但不限于目标浏览器/来源浏览器版本、目标浏览器/来源浏览器名称等，输入模块120可以显示让使用者点击的选项的方式提供使用者输入目标浏览器信息与来源浏览器信息，但本发明并不以此为限。

设定模块130负责将提供给脚本修改模块150使用的输入参数设定为与目标语法规则对应的目标浏览器。值得注意的是，储存模块110所储存语法规则中，必须要有与目标浏览器对应的目标语法规则，设定模块130才可以设定目标浏览器。

一般而言，设定模块130会在读取目标浏览器信息后，依据目标浏览器信息将目标浏览器设定为脚本修改模块150的输入参数，但设定模块130设定目标浏览器的方式并不以此为限。其中，目标浏览器信息除了使用者通过输入模块120输入之外，本发明也可以提供侦测模块190来侦测目标浏览器，侦测模块190会读取执行本发明的作业系统的环境设定信息或是执行本发明的软件的软件信息，借以取得目标浏览器信息。

脚本修改模块150包含一个以上的输入参数，其中一个输入参数提供设定模块130设定目标浏览器，如此，脚本修改模块150便可以将来源脚本以及对应目标浏览器对应的目标语法规则进行比对，借以搜寻出与来源脚本中的各语法匹配的目标语法规则，并在判断各语法与相匹配的目标语法规则之间的差异后，依据相匹配的语法规则，将来源脚本修改为兼容于目标浏览器的目标脚本。例如，目标语法规则如图2A的目标语法规则表402所示，若来源脚本中的某一语法为“addfrom.submit()；”时，脚本修改模块150会依据语法中的方法“submit()”，判断出语法“addfrom.submit()；”匹配的目标语法规则为“document.<！>.submit()；”(在以下的说明中，假设以“<！>”做为可以表示任何字串的通用字符，但本发明并不以此为限)，并将依据目标语法“document.<！>.submit()；”将语法“addfrom.submit()；”修改为“document.addfrom.submit()；”。但脚本修改模块150判断来源脚本的语法匹配的目标语法规则的方式并不以判断“submit()”为限。

事实上，脚本修改模块150更可以提供另一个输入参数给设定模块130，设定模块130会将脚本修改模块150的另一个输入参数设定为与来源脚本兼容的来源浏览器，与设定目标浏览器相似的，设定模块130会在读取来源浏览器信息后，依据来源浏览器信息将来源浏览器设定为脚本修改模块150的输入参数，但设定模块130设定来源浏览器的方式并不以此为限。来源浏览器信息除了使用者通过输入模块120输入之外，本发明也可以提供判断模块180，判断模块180会测试来源脚本中的所有语法与储存模块110中所储存的各个语法规则，借以比对出符合来源脚本的来源语法规则，进而判断出与来源脚本兼容的来源浏览器。其中，储存模块110中各语法规则进行测试，若来源脚本中的所有语法完全符合某个语法规则，则判断模块180会判断与该语法规则对应的浏览器为来源浏览器。

若设定模块130在脚本修改模块150所提供的输入参数中，设定了目标浏览器与来源浏览器，则脚本修改模块150会依据对应目标浏览器的目标语法规则以及对应来源脚本的来源语法规则的差异，将来源脚本修改为兼容于目标浏览器的目标脚本。假设，储存模块110以如图2A所示的目标语法规则表402储存对应目标浏览器的目标语法规则，以如图2B所示的来源语法规则表401储存对应来源脚本的来源语法规则，则当来源脚本中包含“addform.submit()；”的语法时，脚本修改模块150会由来源语法规则表401的来源语法栏位420中找出符合语法“addform.submit()；”的语法规则“<！>.submit()；”，并由来源语法规则表401的目标识别栏位430索引到目标语法规则表402中的的目标识别栏位430后，取得记录于同一笔数据的目标语法栏位450中的语法规则“document.<！>.submit()；”，如此脚本修改模块150将可以对来源语法栏位420记录的语法规则“<！>.submit()；”以及目标语法栏位450记录的语法规则“document.<！>.submit()；”进行比对，借以比对出目标语法栏位450在语法的开头较来源语法栏位420多了“document.”的字串，因此脚本修改模块150便会在来源脚本中的语法“addform.submit()；”的开头加上“document.”，使得来源脚本中的语法“addform.submit()；”被脚本修改模块150修改为符合目标语法规则的语法“document.addform.submit()；”，但脚本修改模块150判断来源语法规则与目标语法规则的差异的方式并不以此为限，其他方式例如，储存模块110以预定的顺序记录包含各脚本中相同意义的语法，则脚本修改模块150会依照预定的顺序，由对应数据中的来源语法栏位以及目标语法栏位中读取来源语法规则“<！>.submit()；”以及目标语法规则“document.<！>.submit()；”，之后，脚本修改模块150便可以在比对来源语法规则以及目标语法规则后，判断出出目标语法栏位450在语法的开头较来源语法栏位420多了“document.”的字串，借以将来源脚本修改为符合目标语法规则的目标脚本；另外，脚本修改模块150可以依据来源脚本，至如图2C所示的语法对照表500中的来源语法栏位510中查找出来源语法规则与目标语法规则的差异，并依据差异栏位530所记录的内容将来源脚本修改成符合目标语法规则的目标脚本。

在设定模块130将目标浏览器以及来源浏览器分别设定至脚本修改模块150所提供的输入参数中的情况下，脚本修改模块150还可以依据对应目标浏览器的语法规则以及对应来源浏览器的语法规则修改来源脚本，使得来源脚本被修改后所产生的目标脚本可以同时兼容于目标浏览器以及来源浏览器，让使用者更方便使用目标脚本。例如脚本修改模块150可以在依据目标识别栏位430的索引，取得目标语法规则后，依据来源脚本中的语法所对应的来源语法规则以及依据来源语法规则查找出的目标语法规则，分别对如图2D所示的语法建议表600中的来源语法栏位610以及目标语法栏位620中进行查找，并在查找出吻合来源语法栏位610以及目标语法栏位620中的数据后，修改目标来源脚本中的语法为建议语法栏位630中的建议语法，让目标脚本可以同时兼容于目标浏览器以及来源浏览器。

脚本修改模块150更可以在修改来源脚本之前，先判断来源脚本是否兼容于目标浏览器，若是，则不需要修改来源脚本。其中，脚本修改模块150可以依据对应目标浏览器的语法规则判断来源脚本是否兼容于目标浏览器，但本发明并不以此为限。

脚本执行模块170负责执行脚本修改模块150修改来源脚本后所产生的目标脚本，借以让使用者获得脚本执行后的结果。其中，脚本执行模块170可以包含于目标浏览器中，或是包含在特定的应用程序所生成的目标浏览器模拟环境中，但本发明并不以此为限。

脚本执行模块170也可以设置在与脚本修改模块150等其他模块不同的装置中，例如脚本执行模块170设置于客户端(图中未示)，而其他模块(脚本修改模块150等)设置于服务器(图中未示)上。当输入模块120提供客户端的使用者输入来源脚本后，脚本修改模块150会修改来源脚本产生目标脚本，并传回给客户端中的脚本执行模块170执行。

接着以第一实施例来解说本发明的运作系统与方法，并请参照图3本发明所提的依据不同浏览器转换相应脚本的方法流程图。

假设本发明执行在专门用来转换脚本的应用程序或网页程序中。则在使用者使用本发明之前，应用程序/网页程序会先储存分别对应到一个特定浏览器的多个语法规则(步骤201)。

当使用者使用本发明时，应用程序/网页程序中的输入模块120会提供使用者输入来源脚本300a(步骤210)，假设使用者所输入的来源脚本300a如图4A所示，但本发明并不以此为限。若输入模块120还以下拉式选单提供使用者输入目标浏览器的目标浏览器信息，则使用者可以在下拉式选单上点选目标浏览器的名称以及版本来输入目标浏览器信息，但本发明所提的输入目标浏览器信息的方式并不以此为限。

在使用者将来源脚本300a输入至应用程序/网页程序中后，应用程序/网页程序中的设定模块130会将脚本修改模块150的输入参数设定为目标浏览器(步骤230)，由于使用者已通过输入模块120输入了目标浏览器的名称与版本，因此设定模块130会设定依据目标浏览器的名称与版本设定脚本修改模块150的输入参数为目标浏览器。

在设定模块130设定目标浏览器(步骤230)后，应用程序/网页程序中的脚本修改模块150会由储存模块110中读取出对应目标浏览器的目标语法规则，并在判断与来源脚本300a中的各语法匹配的目标语法规则后，依据目标语法规则将相匹配的来源脚本300a的语法修改为符合目标语法规则的目标脚本(步骤270)。例如脚本修改模块150会依据来源脚本300a中的语法“addfrom.submit()；”的方法“submit()”，判断出与来源脚本300a中的语法“addfrom.submit()；”匹配的目标语法规则为“document.<！>.submit()；”，并依据目标语法规则“document.<！>.submit()；”将语法“addfrom.submit()；”修改为符合目标语法规则的语法“document.addfrom.submit()；”。

另外，若来源浏览器对应的语法规则还定义存取网页中的元件时，元件必须要以“id”的参数命名，则脚本修改模块150会在用来定义被存取的元件的语法中加入名称为“id”的参数，并设定参数“id”的属性为“id”，也就是加入：id＝”id”的语法，经由上述，来源脚本300a经过脚本修改模块150修改后所产生的目标脚本300b会如图4B所示，第一相异处311为脚本修改模块150所加入的语法“document.”，第二相异处321为脚本修改模块150所加入之参数：id＝”id”。其中，脚本修改模块150所进行的修改并不以上述两者为限。

在脚本修改模块150依据来源语法规则以及目标语法规则的差异将来源脚本300a修改为目标脚本300b(步骤270)后，应用程序/网页程序中的显示模块(图中未示)会显示目标脚本(步骤280)予使用者观看。

若应用程序/网页程序中的脚本执行模块170可以模拟目标浏览器的执行环境时，脚本执行模块170会执行目标脚本300b(步骤290)。

以下以第二实施例来解说本发明的运作系统与方法，并请参照图3、图4A以及图4B。

若本发明执行于目标浏览器上，则目标浏览器的储存模块110中将储存分别对应来源浏览器与目标浏览器的来源语法规则与目标语法规则(步骤201)，如此，使用者可以通过目标浏览器中的输入模块120输入来源脚本300a(步骤210)。

若目标浏览器中包含侦测模块190，则侦测模块190会侦测目标浏览器的目标浏览器信息，目标浏览器中的设定模块130会依据侦测模块190侦测所得的目标浏览器信息设定目标浏览器(步骤230)。若目标浏览器中未包含侦测模块190，则使用者也可以通过目标浏览器中的输入模块120会输入目标浏览器信息，使目标浏览器中的设定模块130会依据使用者输入的目标浏览器信息设定脚本修改模块150的输入参数为目标浏览器(步骤230)。

之后，脚本修改模块150会至储存模块110中读取对应目标浏览器的目标语法规则，并依据与来源脚本匹配的目标语法规则修改来源脚本300a，使修改后产生的目标脚本300b符合目标语法规则而兼容于目标浏览器(步骤270)。接着，目标浏览器中的脚本执行模块170会直接执行目标脚本300b(步骤290)。

综上所述，可知本发明与现有技术之间的差异在于设定目标浏览器后，将被输入的来源脚本依据来源脚本所对应的来源语法规则以及目标浏览器所对应的目标语法规则的差异将来源脚本修改为目标脚本，使修改后产生的目标脚本可以兼容于目标浏览器的技术手段，借由此技术手段可以解决现有技术所存在的编写网页程序时需要额外处理各个浏览器的脚本语法不完全相同的问题，进而达成在网页程序中快速加入兼容于目标浏览器的脚本的功效。

在上述两实施例中，设定模块130更可以依据来源浏览器信息将脚本修改模块150的另一个输入参数设定为来源浏览器(步骤250)，来源浏览器可以由输入模块120提供使用者输入来源浏览器信息后，由设定模块130设定；也可以由判断模块180依据储存模块110所储存的语法规则，比对出来源脚本所符合的来源语法规则后，由设定模块130设定对应来源语法规则的来源浏览器。

在设定模块130设定目标浏览器(步骤230)与来源浏览器(步骤250)后，脚本修改模块150会至储存模块110中读取对应来源脚本300a的来源语法规则以及对应目标浏览器的目标语法规则，并依据来源语法规则以及目标语法规则的差异修改来源脚本300a(步骤270)。假设目标语法规则定义存取网页中的元素时，必须要以“document”的物件进行存取，因此，来源脚本300a中的语法“addform.submit()；”无法符合目标语法规则，故无法于目标浏览器上正确执行，因此脚本修改模块150在由来源语法规则表401中查找出与来源脚本300a中的语法“addform.submit()；”对应的语法规则“<！>.submit()；”后，还可以通过目标识别栏位430的索引，取得目标语法规则表402中所记录的语法规则“document.<！>.submit()；”，并在比对出两者的差异后，将来源脚本300a中的语法“addform.submit()；”修改为“document.addform.submit()；”。

在脚本修改模块150将修改来源脚本300a为兼容目标浏览器的目标脚本300b时(步骤270)，若目标语法规则与被制定为标准的语法规则相同，则脚本修改模块150还可以依据来源浏览器对应的来源语法规则以及目标浏览器所对应的目标语法规则，将来源脚本修改为同时兼容于来源浏览器与目标浏览器的目标脚本。

再者，本发明的依据不同浏览器转换相应脚本的方法，可实现于硬件、软件或硬件与软件的组合中，亦可在电脑系统中以集中方式实现或以不同元件散布在若干互连的电脑系统的分散方式实现。

虽然本发明所公开的实施方式如上，惟所述的内容并非用于直接限定本发明的专利保护范围。本领域技术人员在不脱离本发明所揭露的精神和范围之内，在实施的形式上及细节上所为之更动或润饰，均属本发明的专利保护范围。因此本发明的专利保护范围仍须以本说明书所附权利要求书所界定为准。

Claims (10)

1.一种依据不同浏览器转换相应脚本的方法，其特征在于，该方法包含下列步骤：

储存一目标语法规则；

提供输入一来源脚本；

设定对应该目标语法规则的一目标浏览器；

依据该来源脚本及该目标语法规则的差异修改该来源脚本为兼容于该目标浏览器的一目标脚本；及

在该目标浏览器上执行该目标脚本。

2.如权利要求1所述的依据不同浏览器转换相应脚本的方法，其特征在于，该设定该目标浏览器的步骤更包含侦测应用该方法的应用程序的一目标浏览器信息，或提供输入该目标浏览器信息，并依据该目标浏览器信息设定该目标浏览器的步骤。

3.如权利要求1所述的依据不同浏览器转换相应脚本的方法，其特征在于，该方法在修改该来源脚本为该目标脚本的步骤前更包含设定兼容该来源脚本的一来源浏览器的步骤。

4.如权利要求1所述的依据不同浏览器转换相应脚本的方法，其特征在于，该方法在修改该来源脚本为该目标脚本的步骤前更包含提供输入一来源浏览器信息，并依据该来源浏览器信息设定一来源浏览器的步骤。

5.如权利要求3或4所述的依据不同浏览器转换相应脚本的方法，其特征在于，该修改该来源脚本为该目标脚本的步骤是依据该目标语法规则及该来源语法规则，修改该目标脚本为同时兼容于该来源浏览器及该目标浏览器。

6.一种依据不同浏览器转换相应脚本之系统，其特征在于，该系统包含：

一储存模块，用于储存一目标语法规则；

一输入模块，用于提供输入一来源脚本；

一设定模块，用于设定对应该目标语法规则的一目标浏览器；

一脚本修改模块，用于依据该来源脚本及该目标语法规则的差异，将该来源脚本修改为兼容该目标浏览器的一目标脚本；及

一脚本执行模块，用于在该目标浏览器上执行该目标脚本。

7.如权利要求6所述的依据不同浏览器转换相应脚本的系统，其特征在于，该设定模块更用于读取一目标浏览器信息，并依据该目标浏览器信息设定该目标浏览器。

8.如权利要求7所述的依据不同浏览器转换相应脚本的系统，其特征在于，该目标浏览器信息是由该系统包含的一侦测模块侦测应用该系统的应用程序后取得，或由该输入模块输入。

9.如权利要求6所述的依据不同浏览器转换相应脚本的系统，其特征在于，该系统更包含一判断模块，用于依据该来源脚本判断一来源浏览器。

10.如权利要求6所述的依据不同浏览器转换相应脚本的系统，其特征在于，该输入模块更用于提供输入一来源浏览器信息，该设定模块更用于依据该来源浏览器信息设定一来源浏览器。

Images