呈现外挂程序页框于网页浏览器的方法及记录媒体与产品技术

本发明专利技术提供一种呈现外挂程序页框于网页浏览器的方法、计算机可读取记录媒体及计算机程序产品，该方法包括：当网页浏览器的网页被开启或网页内容更动时，建构各个网页元件；判断各个网页元件是否为外挂程序页框；若是，则取得各个外挂程序页框的相关数据；将需呈现的各个网页元件由下层至上层排列，以产生呈现列表；根据该呈现列表，计算各个外挂程序页框与各个网页元件的交集区域；根据相关数据及交集区域，取得各个外挂程序页框的新视窗遮罩；根据新视窗遮罩，使得各个外挂程序页框上层的各个网页元件呈现在网页浏览器中。本发明专利技术能在外挂程序不支持视窗透明功能的情况下，仍不会遮盖住原本应该呈现在外挂程序上面的ＨＴＭＬ元件的内容。

【技术实现步骤摘要】

本专利技术涉及一种呈现外挂程序页框于网页浏览器的方法、计算机可读取记录媒体 及计算机程序产品，特别涉及一种外挂程序页框不会遮盖网页元件的方法、计算机可读取 记录媒体及计算机程序产品。
技术介绍
外挂程序(plugin)是一些程序，用来替应用程序增加功能，常见的有游戏、网页 浏览器和媒体播放器外挂程序。在现有技术中，Internet Explorer浏览器、Netscape浏 览器、Mozilla Suite与Mozilla Firefox浏览器、Opera浏览器等都允许用户使用外挂程 序，以增强浏览器功能。通过外挂程序，可以连结浏览器以及第三方(third-party)程序，而将第三方程 序的视窗镶嵌在浏览器的视窗中，让网页设计者可以从浏览器中呼叫不同的程序并且整合 在同一网页中。一般浏览器中最常安装的外挂程序有Macromedia Flash播放器和Java运 行时刻环境(JRE)等；另外还有使浏览器能调用Adobe Acrobat的外挂程序、RealPlayer 的外挂程序等。然而，在现有技术中，若浏览器的外挂程序本身没有支持特定浏览器的视窗透明 (window transparent)功能时，外挂程序所呈现的内容便会遮盖住原本应该呈现外挂程序 上面的HTML元件而造成使用者使用上的不便。例如，如图1所示，浏览器100上呈现的外挂程序110因为本身不支持浏览器100 的视窗透明功能，因此外挂程序110所呈现的内容便会遮盖住原本应该呈现在外挂程序 110上面的HTML元件120的部分内容，使得使用者无法点选或浏览该部分内容，而造成使用 者使用上的不便。虽然上述问题可通过使外挂程序支持浏览器的视窗透明功能而解决，但目前市面 上有许多不同的浏览器(例如Internet Explorer浏览器、Netscape浏览器、Firefox浏览 器、Opera浏览器等)，外挂程序的设计者必需使其外挂程序支持各种浏览器的视窗透明功 能，才能完全解决外挂程序遮盖住HTML元件的问题。如此，将增加外挂程序设计者的设计难度。因此，有必要提供一种新的外挂程序呈现方法，而能在外挂程序不支持视窗透明 功能的情况下，仍不会遮盖住原本应该呈现在外挂程序上面的HTML元件的内容，以解决现 有技术所存在的问题。
技术实现思路
鉴于现有技术所存在的问题，本专利技术提供一种呈现外挂程序页框于网页浏览器的 方法；可执行此方法的计算机可读取记录媒体及计算机程序产品。本专利技术的方法包括以下步骤当该网页浏览器的一网页被开启或该网页内容更动 时，建构各个网页元件；判断各个网页元件是否为一外挂程序页框；若是，则取得各个外挂程序页框的一相关数据；将需呈现的各个网页元件由下层至上层排列，以产生一呈现列表； 取得一遮罩区域，其中该遮罩区域为各个网页元件与其下层重叠的各个外挂程序页框交集 的区域；取得一无遮罩区域，其中该无遮罩区域为各个网页元件与其上层各个外挂程序页 框交集的区域；根据该相关数据、该遮罩区域及该无遮罩区域，取得各个外挂程序页框的一 新视窗遮罩；根据该新视窗遮罩，使得各个外挂程序页框上层的各个网页元件呈现在该网 页浏览器中。此外，本专利技术提供一种内储程序的计算机可读取记录媒体，当计算机载入程序并 执行后，可完成上述的方法。再者，本专利技术提供一种计算机程序产品，包括程序，当计算机载入程序并执行后， 可完成上述的方法。本专利技术能在外挂程序不支持视窗透明功能的情况下，仍不会遮盖住原本应该呈现 在外挂程序上面的HTML元件的内容。附图说明图1为现有技术的呈现外挂程序页框于网页浏览器的示意图。图2为依据本专利技术的一实施例的呈现外挂程序页框于网页浏览器的方法的步骤 流程图。图3至图13为依据本专利技术的一实施例的呈现外挂程序页框于网页浏览器的方法 的示意图。图14为依据本专利技术的一实施例的计算机可读取记录媒体的示意图。图15为依据本专利技术的一实施例的计算机程序产品的示意图。上述附图中的附图标记说明如下现有技术100浏览器110外挂程序120HTML 元件本专利技术40计算机可读取记录媒体50计算机程序产品400、500 程序具体实施例方式为让本专利技术的上述和其他目的、特征和优点能更明显易懂，下文特举出较佳实施 例，并配合附图，作详细说明如下。以下请参考图2关于依据本专利技术的一实施例的呈现外挂程序页框于网页浏览器 的方法的步骤流程图。如图2所示，本专利技术首先进行步骤S21，当网页浏览器的网页被开启或网页内容更 动时，建构各个网页元件。在步骤S21中，当网页浏览器的网页被开启或网页内容更动时，本专利技术将根据网4页内容的HTML语法，建构各个网页元件。接着本专利技术进行步骤S22，判断各个网页元件是否为一外挂程序页框。在步骤S22中，当建构各个网页元件时，本专利技术将判断正在建构的网页元件是否 为外挂程序页框。若是，则执行步骤S23 ；若否，则执行步骤S24。若建构中的网页元件为外挂程序页框，则本专利技术接着执行步骤S23，将该网页元件 标示为外挂程序页框，并取得该外挂程序页框的相关数据。在步骤S23中，本专利技术所取得的相关数据包括但不限于各个外挂程序页框的原 始视窗遮罩、各个外挂程序页框与其他网页元件重叠区域、各个外挂程序页框的长宽、x轴 数值及y轴数值等数据。此外，在本专利技术的一实施例中，各个外挂程序页框的相关数据可以 数据结构方式存储于数据库中，但本专利技术并不以此为限。若建构中的网页元件并非外挂程序页框，则本专利技术接着执行步骤S24，若尚有其他 网页元件，则进行建构下一个网页元件，并重复步骤S21至S24，直到所有网页元件皆已建 构完成。接着本专利技术进行步骤S25，将需呈现的各个网页元件由下层至上层排列，以产生呈 现列表。在步骤S25中，本专利技术将需呈现的各个网页元件由下层至上层排列，而产生呈现 列表。例如，如图3所示，若需呈现的各个网页元件为Frame 1,Frame 2及Frame 3，则本发 明将依下层至上层排列各个网页元件，而产生以下的呈现列表“Frame 1，z-index = 1” ； "Frame 2，Plugin Frame, z-index = 2” ；及"Frame 3，z-index = 3，，。由此呈现列表可知 Frame 1位于z轴的第一层；Frame 2为外挂程序页框，位于z轴的第二层；并且Frame 3 位于z轴的第三层。此处需注意的是，此呈现列表仅为例示说明，本专利技术并不以此为限。此 外，在本专利技术的一实施例中，呈现列表可以数据结构方式存储于数据库中，但本专利技术并不以 此为限。接着，本专利技术进行步骤S26，搜索呈现列表，寻找经标示的各个外挂程序页框，以产 生一呈现外挂程序列表。例如，如图4所示，本专利技术通过搜索图3中的呈现列表，即可得知Frame2为外挂程 序页框，而产生呈现外挂程序列表“Frame 2，Plugin Frame, z-index = 2”。此处需注意 的是，此一呈现外挂列表仅为例示说明，本专利技术并不以此为限。此外，在本专利技术的一实施例 中，此一呈现外挂列表可以数据结构方式存储于数据库中，但本专利技术并不以此为限。接着本专利技术进行步骤S27至S32，呈现各个网页元件。以下将以图3至图20为例， 说明步骤S27至S32。如图3所示，需被呈现的网页元件为Frame 1,Frame 本文档来自技高网...

【技术保护点】
一种呈现外挂程序页框于一网页浏览器的方法，包括：当该网页浏览器的一网页被开启或该网页内容更动时，建构各个网页元件；判断各个网页元件是否为一外挂程序页框；若是，则取得各个外挂程序页框的一相关数据；将需呈现的各个网页元件由下层至上层排列，以产生一呈现列表；根据该呈现列表，计算各个外挂程序页框与各个网页元件的一交集区域；根据该相关数据及该交集区域，取得各个外挂程序页框的一新视窗遮罩；根据该新视窗遮罩，使得各个外挂程序页框上层的各个网页元件呈现在该网页浏览器中。

【技术特征摘要】

【专利技术属性】
技术研发人员：周志鸿，张永锭，
申请(专利权)人：宏碁股份有限公司，
类型：发明
国别省市：71[中国|台湾]