JPWO2017158748A1 - Ｗｅｂページ比較装置、Ｗｅｂページ比較方法、記録媒体およびプログラム - Google Patents

Abstract

本発明は、Ｗｅｂページの内容の比較を可能とする装置および方法を提供する。Ｗｅｂページ比較装置１１３のデータ取得手段１１３１は、レンダリングエンジン１１１により描画された複数のＷｅｂページの各々の表示内容を表す表示データと、それらのＷｅｂページに含まれる構成要素の各々のレイアウトを示すレイアウトデータと、それらの構成要素の属性を示す属性データを取得する。抽出手段１１３２は、所定の種類の属性データが付された構成要素に関するレイアウトデータを抽出し、分割手段１１３３は抽出されたレイアウトデータに基づき、各々のＷｅｂページの表示領域を縦方向および横方向に分割し、分割表示領域を生成する。対応付手段１１３４は分割表示領域をＷｅｂページ間で対応付け、比較手段１１３５は対応付けられた分割表示領域におけるＷｅｂページの表示内容を比較する。比較手段１１３５による比較の結果は表示装置１２により表示される。

Description

本発明は、Ｗｅｂページの内容の比較を行う技術に関する。

類似するＷｅｂページのうち異なる部分を容易に知りたい、というニーズがある。そのようなニーズを満たす技術を提案する特許文献として、例えば特許文献１がある。特許文献１に記載の発明によれば、ユーザが過去に閲覧したＷｅｂページが携帯端末に一時的に保存され、再度同じＷｅｂページが閲覧されるとき、過去に閲覧したＷｅｂページと新たに閲覧されるＷｅｂページの内容の比較が行われ、更新された箇所が表示部中の所定の位置に表示されるように、表示範囲の移動が行われる。

特開２００６−２０９５３８号公報

Ｗｅｂページは、ＷｅｂブラウザがＷｅｂページ記述用言語で記述されたデータを解釈した結果、表示される。１つのＷｅｂページの内容は、ＨＴＭＬ（HyperText Markup Language）に加え、ＣＳＳ（Cascading Style Sheets）やＪａｖａＳｃｒｉｐｔ（登録商標）等の複数の言語で記述されることが多い。その場合、例えばＨＴＭＬにより記述されたＷｅｂページの内容が、ＣＳＳやＪａｖａＳｃｒｉｐｔ（登録商標）等の言語で記述されたデータに従い変更された後、表示される。従って、広く知られるテキスト比較等の技術は、ごく単純な構成のデータに従い表示されるＷｅｂページの内容の比較は行うことができても、多くのＷｅｂページの内容の比較において良好な結果をもたらすことができない。

本発明は、上記の事情に鑑み、Ｗｅｂページの内容の比較を可能とする技術の提供を目的とする。

上記課題を解決するため、本発明は、複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得するデータ取得手段と、前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する分割手段と、前記複数のＷｅｂページの各々に関し前記分割手段による分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける対応付手段と、前記対応付手段により対応付けられた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する比較手段とを備えるＷｅｂページ比較装置を提供する。

上記のＷｅｂページ比較装置において、前記データ取得手段は、前記複数のＷｅｂページの各々に関し当該Ｗｅｂページに含まれる複数の構成要素の各々に付された属性を示す属性データを取得し、前記データ取得手段が取得したレイアウトデータのうち、特定の属性を示す属性データが付された構成要素に関するレイアウトデータを抽出する抽出手段を備え、前記分割手段は、前記抽出手段により抽出されたレイアウトデータを用いて前記分割を行う、という構成が採用されてもよい。

上記のＷｅｂページ比較装置において、前記抽出手段は、前記データ取得手段が取得した表示データが表すＷｅｂページの面積に応じて定まる数の属性データを予め定められた規則に従い抽出し、当該抽出した属性データが付された構成要素に関するレイアウトデータを抽出する、という構成が採用されてもよい。

上記のＷｅｂページ比較装置において、前記比較手段は、前記比較において、比較対象の分割表示領域に表示される画素または画素群を比較する、という構成が採用されてもよい。

上記のＷｅｂページ比較装置において、前記比較手段は、前記比較において、比較対象の分割表示領域に表示される文字を認識し、認識した文字を比較する、という構成が採用されてもよい。

上記のＷｅｂページ比較装置において、前記比較手段は、比較対象のＷｅｂページのうちの一のＷｅｂページの表示データを、前記比較において表示内容が一致する分割表示領域と表示内容が一致しない分割表示領域とで異なる表示態様となるように変更したデータを前記比較結果データとして生成する、という構成が採用されてもよい。

上記のＷｅｂページ比較装置において、前記比較手段は、比較対象のＷｅｂページのうちの一のＷｅｂページの表示データを、当該Ｗｅｂページの表示領域を構成する複数の分割表示領域の各々において、前記比較において一致する部分と一致しない部分とで異なる表示態様となるように変更したデータを前記比較結果データとして生成する、という構成が採用されてもよい。

また、本発明は、データ処理装置が、複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得するステップと、前記データ処理装置が、前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割するステップと、前記データ処理装置が、前記複数のＷｅｂページの各々に関し前記分割するステップにおける分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付けるステップと、前記データ処理装置が、前記対応付けるステップにおいて対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成するステップとを備えるＷｅｂページ比較方法を提供する。

また、本発明は、コンピュータに、複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得する処理と、前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する処理と、前記複数のＷｅｂページの各々に関し前記分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける処理と、前記対応付ける処理において対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する処理とを実行させるためのプログラムを前記コンピュータに読み取り可能に持続的に記憶する記録媒体を提供する。

また、本発明は、コンピュータに、複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得する処理と、前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する処理と、前記複数のＷｅｂページの各々に関し前記分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける処理と、前記対応付ける処理において対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する処理とを実行させるためのプログラムを提供する。

本発明によれば、実際に表示されるＷｅｂページの内容が比較されるため、当該Ｗｅｂページの表示を指示するデータが複雑であっても良好な比較結果が得られる。その際、Ｗｅｂページを構成する構成要素のレイアウトに従い分割された分割表示領域ごとにＷｅｂページの内容の比較が行われるため、例えば、或る構成要素の表示領域が拡張または縮小したような場合であっても、当該拡張または縮小によりレイアウトが変更される他の構成要素に関する比較結果が影響を受けることがない。

一実施形態にかかるＷｅｂページ比較システムのハードウェア構成を示した図。 一実施形態にかかるＷｅｂブラウザの機能構成を示した図。 一実施形態にかかるＷｅｂページ比較装置が行う処理のフローを示した図。 一実施形態にかかるＷｅｂページ比較装置が比較する２つのＷｅｂページのイメージ図。 一実施形態にかかるＷｅｂページ比較装置がＷｅｂページの表示領域を分割する手順を示す図。 一実施形態にかかるＷｅｂページ比較装置がＷｅｂページの表示領域を分割する手順を示す図。 一実施形態にかかるＷｅｂページ比較装置がＷｅｂページの表示領域を分割する手順を示す図。 一実施形態にかかるＷｅｂページ比較装置がＷｅｂページの表示領域を分割する手順を示す図。 一実施形態にかかるＷｅｂページ比較システムにおいて表示されるＷｅｂページの比較結果を表す画面を示した図。

［実施形態］
以下に本発明の一実施形態にかかるＷｅｂページ比較システム１を説明する。図１はＷｅｂページ比較システム１のハードウェア構成を示した図である。Ｗｅｂページ比較システム１はコンピュータ１０と、コンピュータ１０に接続された表示装置１２と、コンピュータ１０に接続された操作装置１３を備える。

コンピュータ１０は、メモリ１０１と、メモリ１０１に記憶されたプログラムに従い各種データ処理を行うプロセッサ１０２と、プロセッサ１０２の制御に従い外部の装置との間でネットワークを介して各種データの送受信を行うインタフェースである通信ＩＦ１０３と、表示装置１２に対し画像を表すデータを出力する画像出力ＩＦ１０４と、操作装置１３から操作信号の入力を受けるインタフェースである操作信号入力ＩＦ１０５を備える。

表示装置１２は、画像出力ＩＦ１０４から出力されるデータが表す画像を表示する。操作装置１３はキーボード、マウス、タッチパッド等のユーザの操作を受け付けて、当該操作の内容を示す操作信号を出力する装置である。

なお、コンピュータ１０、表示装置１２、操作装置１３はそれらの２以上が統合された一つの装置として構成されてもよい。

コンピュータ１０は、プロセッサ１０２がメモリ１０１に記憶されている本発明にかかるプログラムに従うデータ処理を行うことにより、Ｗｅｂページの比較機能を備えるＷｅｂブラウザ１１として機能する。図２は、Ｗｅｂブラウザ１１の機能構成を示した図である。すなわち、プロセッサ１０２がプログラムに従うデータ処理を行うことにより、コンピュータ１０は図２に示す構成部を備えるＷｅｂブラウザ１１として動作する。

以下にＷｅｂブラウザ１１の機能構成を説明する。Ｗｅｂブラウザ１１は機能構成部として、レンダリングエンジン１１１、記憶装置１１２、Ｗｅｂページ比較装置１１３を備える。

レンダリングエンジン１１１は、ユーザにより指定されたＷｅｂページの描画を行い、描画したＷｅｂページの表示を表示装置１２に対し指示する。レンダリングエンジン１１１が行う処理は既知のものであるため、以下にその概要のみを説明し、詳細な説明は省略する。

レンダリングエンジン１１１は、例えばユーザにより指定されたＵＲＬに基づきインターネット９から取得したデータ（ＨＴＭＬ、ＪａｖａＳｃｒｉｐｔ（登録商標）等で記述されたデータ）を解析し、Ｗｅｂページの構成要素をノードとするＤＯＭ（Document Object Model）ツリーを生成する。続いて、レンダリングエンジン１１１はＣＳＳで記述されたデータやＨＴＭＬで記述されたデータに含まれるスタイルデータ等を解析し、スタイルツリーを生成する。続いて、レンダリングエンジン１１１はスタイルツリーに対し、ＨＴＭＬで記述されたデータに含まれる外観を指示するデータ等を反映させて、レンダーツリーを生成する。レンダーツリーのノードには、Ｗｅｂページの構成要素の色、サイズ等の外観に関する属性が付されている。

続いて、レンダリングエンジン１１１はレンダーツリーのノードに、画面に表示される正確な座標を割り当てるレイアウト処理を行う。続いて、レンダリングエンジン１１１はレイアウト処理の行われたレンダーツリーに従い、Ｗｅｂページを描画する。レンダリングエンジン１１１は、描画したＷｅｂページの表示を表示装置１２に指示する。以上が、レンダリングエンジン１１１が行う処理の概要である。

記憶装置１１２は各種データを記憶する。記憶装置１１２が記憶するデータには、レンダリングエンジン１１１がＷｅｂページの描画を行うためにインターネット９から取得した各種データ（Ｗｅｂページ記述用言語で記述されたデータ、それらのデータにより参照される画像データ等）、レンダリングエンジン１１１がＷｅｂページの描画を行ったときに生成した各種データ、Ｗｅｂページ比較装置１１３が行ったＷｅｂページの比較結果を示す比較結果データ等が含まれる。

記憶装置１１２が記憶する、レンダリングエンジン１１１がＷｅｂページの描画を行ったときに生成した各種データのうち、描画されたＷｅｂページの表示内容を表すデータを表示データと呼ぶ。また、Ｗｅｂページの構成要素の各々のレイアウトを示すデータをレイアウトデータと呼ぶ。また、これらの構成要素の各々に付された属性を示すデータを属性データと呼ぶ。

表示データは、レンダリングエンジン１１１が表示装置１２に表示を指示する際に表示装置１２に対し出力されるデータと同じ内容のデータである。ただし、表示装置１２は表示領域のサイズよりも大きいＷｅｂページを一度に表示することはできない。従って、レンダリングエンジン１１１が表示装置１２に出力するデータはＷｅｂページ全体のうち、その時点で表示される部分のみを表すデータである。一方、記憶装置１１２に記憶される表示データはＷｅｂページ全体が表示された場合の表示内容を表す。

レイアウトデータは、レイアウト処理が完了した後のレンダーツリーの各ノードに付されている位置およびサイズを示すデータである。また、属性データは、レンダーツリーの各ノードに付されている各種属性（位置およびサイズを除く）を示すデータである。属性データの種類には様々なものがあるが、Ｗｅｂページ比較装置１１３により利用される属性データは、Ｗｅｂページの中において構成要素を識別可能な属性データであることが望ましい。そのような属性データとしては、例えば、ｉｄ属性、ｃｌａｓｓ属性、ヘディングタグ（＜ｈ１＞タグ、＜ｈ２＞タグ等）等がある。

Ｗｅｂページ比較装置１１３はユーザにより指定された複数のＷｅｂページを比較し、比較結果の表示を表示装置１２に指示する。Ｗｅｂページ比較装置１１３は、データ取得手段１１３１、抽出手段１１３２、分割手段１１３３、対応付手段１１３４、比較手段１１３５を備える。Ｗｅｂページ比較装置１１３が備えるこれらの構成部の役割は、以下に説明するＷｅｂページ比較装置１１３の動作の説明において合わせて説明する。

図３はＷｅｂページ比較装置１１３が行う処理のフローを示した図である。図３に示す処理が開始される前に、記憶装置１１２には複数のＷｅｂページの各々に関する表示データ、レイアウトデータ、属性データが記憶されているものとする。これらの複数のＷｅｂページには、例えば、同じＵＲＬで識別される異なるバージョンのＷｅｂページが含まれる。以下、同じＵＲＬで識別される異なるバーションの２つのＷｅｂページが比較対象のＷｅｂぺージとして指定されたものとし、それらのＷｅｂページの一方を更新前Ｗｅｂページ、他方を更新後Ｗｅｂページと呼ぶ。

図４はユーザが比較対象として指定する２つのＷｅｂページのイメージ図である。図４において左側に示されるＷｅｂページが更新前Ｗｅｂページであり、右側に示されるＷｅｂページが更新後Ｗｅｂページである。これらのＷｅｂページは表示データにより表されれる画像であり、実際には文字や画像等が含まれているが、図４においてはそれらの表示が省略されている（図５〜図９においても同様）。なお、更新前Ｗｅｂページの面積は単位面積（表示装置１２の表示領域の面積）の０．７倍、更新後Ｗｅｂページの面積は単位面積の０．７２５倍であるものとする。

図４において各Ｗｅｂページに含まれる複数の矩形は各々、構成要素を示している。各構成要素には、構成要素の左上の座標、構成要素の幅（水平方向の長さ）、構成要素の高さ（垂直方向の長さ）を示すレイアウトデータが付されている。また、各構成要素には、ｉｄ属性、ｃｌａｓｓ属性、各種タグ内のテキスト等の属性データが付されているが、図４においてはそれらの属性データのうち、抽出手段１１３２がレイアウトデータの抽出（後述）において参照する属性データのみが示されている。

ユーザが操作装置１３に対し操作を行い、更新前Ｗｅｂページおよび更新後Ｗｅｂページを指定すると、データ取得手段１１３１は、ユーザにより指定された２つのＷｅｂページに関する表示データ、レイアウトデータ、属性データを記憶装置１１２から読み出し取得する（図３、ステップＳ１０１）。

続いて、抽出手段１１３２は、２つのＷｅｂページの各々に関し、データ取得手段１１３１が取得した属性データの中から、データ取得手段１１３１が取得した表示データが表すＷｅｂページの面積に応じて定まる数の属性データを予め定められた規則に従い抽出する（ステップＳ１０２）。その際、抽出手段１１３２は、２つのＷｅｂページに共通して含まれ、かつ、各Ｗｅｂページにおいてユニークな属性データを抽出する。

抽出手段１１３２が抽出する属性データの数は、通常、Ｗｅｂページの面積が大きい程、大きい数となるように予め定められた規則に従い定まる数である。以下の説明において、抽出手段１１３２は、比較対象のＷｅｂページのうち面積が一番小さいＷｅｂページに関し、表示装置１２の表示領域の面積（以下、単位面積という）当たり５以上１０以下の範囲内の数の属性データを抽出するものとする。この数の範囲は、後述する分割手段１１３３による表示領域の分割において、生成される分割表示領域の平均的な面積が比較の単位として大き過ぎず、また、比較の数が過度に多くならないような、適度な数として予め設定されている範囲である。

図４に例示のＷｅｂページが比較対象である場合、面積が小さい方の更新前Ｗｅｂページの面積が単位面積の０．７倍であるため、抽出手段１１３２はステップＳ１０２において、３．５以上７以下の数の属性データを抽出する。

抽出手段１１３２が属性データを抽出するときに従う予め定められた規則としては、例えば、Ｗｅｂページの中で構成要素を識別可能なユニークな属性データの中から必要な数の属性データをランダムに抽出する、という規則や、予め定められた属性の種類の優先順位に従いユニークな属性を示す属性データを必要な数に達するまで順に選択してゆく、という規則など、様々な規則が採用され得る。

以下の説明において、抽出手段１１３２は、以下に示す属性の種類の優先順位に従いユニークな属性を示す属性データを順に選択するものとする。

１位：ｉｄ属性
２位：ｃｌａｓｓ属性
３位：＜ｈ１＞タグ
４位：＜ｈ２＞タグ

図５は、ステップＳ１０２において抽出された構成要素に斜線が付された、更新前Ｗｅｂページと更新後Ｗｅｂページのイメージ図である。ステップＳ１０２において、抽出手段１１３２はまず、属性データのうち優先順位１位のｉｄ属性の属性データを選択する。図５の例では、抽出手段１１３２はｉｄ＝“ａｂｃ”を選択する。この時点で、選択された属性データは１個であり、目標である３．５以上７以下の範囲に達していない。

従って、抽出手段１１３２は構成要素に付されている属性データのうち、優先順位２位のｃｌａｓｓ属性の属性データのうちユニークな属性を示すｃｌａｓｓ＝“ｍａｉｎ”とｃｌａｓｓ＝“ｓｕｂ”を選択する。なお、ｃｌａｓｓ＝“ｅｘｔｒａ”は各Ｗｅｂページ内に２つ含まれユニークではないため、選択されない。この時点で、選択された属性データの合計は３個であり、目標である３．５以上７以下の範囲に達していない。

従って、抽出手段１１３２は構成要素に付されている属性データのうち、優先順位３位の＜ｈ１＞タグの属性データのうちユニークな属性を示す＜ｈ１＞“ｘｙｚ”＜／ｈ１＞を選択する。この時点で、選択された属性データの合計は４個であり、目標である３．５以上７以下の範囲に達しているが、まだ上限には達していない。

従って、抽出手段１１３２は構成要素に付されている属性データのうち、優先順位４位の＜ｈ２＞タグの属性データのうちユニークな属性を示す＜ｈ２＞“ｐｑｒ”＜／ｈ２＞を選択する。この時点で、選択された属性データの合計は５個であり、目標である３．５以上７以下の範囲に達しているが、まだ上限には達していない。ただし、この場合、更新前Ｗｅｂページ（または更新後Ｗｅｂページ）にはまだ未参照の構成要素がないため、抽出手段１１３２はステップＳ１０２の処理を終了する。その結果、図５において斜線の付された構成要素が抽出されたことになる。

仮に、上記の例で優先順位３位の＜ｈ１＞タグの属性データの選択を終えた後、更新前Ｗｅｂページおよび更新後Ｗｅｂページに未参照の構成要素がまだ１０個あり、それらに優先順位４位の＜ｈ２＞タグの属性データ（２つのＷｅｂページに共通かつ各Ｗｅｂページでユニークなもの）が付されていた場合、抽出手段１１３２は、それらの属性データを全て選択すると、選択された属性データの合計が１４個となり、目標である３．５以上７以下の範囲を超えてしまう。この場合、抽出手段１１３２はこれらの属性データに関しては選択しない。もしくは、抽出手段１１３２は、これらの１０個の属性データの中から、例えばランダムに、３個を選択し、選択された属性データの数の合計を目標の上限である７個とする。

上記のように属性データの抽出を行うと（図３、ステップＳ１０２）、抽出手段１１３２は抽出した属性データが付された構成要素に関するレイアウトデータを抽出する（ステップＳ１０３）。

続いて、分割手段１１３３は、更新前Ｗｅｂページと更新後Ｗｅｂページの各々に関し、ステップＳ１０３で抽出手段１１３２が抽出したレイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線で、それらの表示領域を分割する（ステップＳ１０４）。

本実施形態において、分割手段１１３３が分割に用いる縦線が通る点は、レイアウトデータが示す表示領域が水平方向において他の複数の構成要素の表示領域に跨がることのない構成要素の左上の点および右下の点であるものとする。以下、レイアウトデータが示す表示領域が水平方向において他の複数の構成要素の表示領域に跨がる構成要素を横断構成要素という。

図６は更新前Ｗｅｂページの表示領域が、ステップＳ１０４の処理において分割される様子を示した図である。なお、ステップＳ１０４の処理において、更新後Ｗｅｂページの表示領域も更新前Ｗｅｂページと同様に分割される。

分割手段１１３３は、ステップＳ１０４の処理において、まず、ステップＳ１０３で抽出された５つのレイアウトデータのうち、＜ｈ２＞”ｐｑｒ”＜／ｈ２＞の付された構成要素のレイアウトデータを除外する。続いて、分割手段１１３３は残る４つのレイアウトデータが示す表示領域の左上および右下の点の座標として以下を特定する。

座標（２，１）
座標（５，５）
座標（２，６）
座標（５，１６）
座標（７，１）
座標（１８，８）
座標（７，１０）
座標（１８，１９）

続いて、分割手段１１３３は上記の座標で示される点を通る縦線として、ｘ座標が２である縦線、ｘ座標が５である縦線、ｘ座標が７である縦線、ｘ座標が１８である縦線、の計４本の縦線でＷｅｂページの表示領域を分割する。図６の右側は、これらの縦線により分割された後の更新前Ｗｅｂページの分割表示領域を示している。

続いて、分割手段１１３３は、更新前Ｗｅｂページと更新後Ｗｅｂページの各々に関し、ステップＳ１０４で縦線により分割したＷｅｂページの表示領域を、抽出手段１１３２が抽出したレイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る横線でさらに分割する（図３、ステップＳ１０５）。

本実施形態において、分割手段１１３３が分割に用いる横線が通る点は、ステップＳ１０３において抽出されたレイアウトデータが示す構成要素の左上の点および右下の点であるものとする。

図７は更新前Ｗｅｂページの表示領域が、ステップＳ１０５の処理において分割される様子を示した図である。なお、ステップＳ１０５の処理において、更新後Ｗｅｂページの表示領域も更新前Ｗｅｂページと同様に分割される。

分割手段１１３３は、ステップＳ１０５の処理において、まず、ステップＳ１０３において抽出されたレイアウトデータが示す構成要素のうち横断構成要素でない構成要素の表示領域が含まれる分割表示領域（ステップＳ１０４において生成された分割表示領域）を、それらの構成要素の左上および右下の点を通る横線で分割する。

例えば、ステップＳ１０４において生成された分割表示領域のうち左から２つめの分割表示領域には、ｉｄ＝“ａｂｄ”が付された構成要素とｃｌａｓｓ＝“ｓｕｂ”が付された構成要素の表示領域が含まれ、それらの左上および右下の点の座標は以下のとおりである。

座標（２，１）
座標（５，５）
座標（２，６）
座標（５，１６）

従って、分割手段１１３３はその分割表示領域を、ｙ座標が１である横線、ｙ座標が５である横線、ｙ座標が６である横線、ｙ座標が１６である横線、の計４本の横線で分割する。分割手段１１３３は、左から４つめの分割表示領域に関しても、左から２つめの分割表示領域に関して行う分割と同様の分割を行う。

続いて、分割手段１１３３は横断構成要素のレイアウトデータが示す表示領域の左上および右下の点を通る横線で、全ての分割表示領域（ステップＳ１０４において生成された分割表示領域）を分割する。この場合、ｙ座標が２０である横線、ｙ座標が２２である横線、の計２本の横線で分割表示領域の分割が行われる。図７の右側は、これらの縦線による分割が完了した後の更新前Ｗｅｂページの分割表示領域を示している。

分割手段１１３３によるＷｅｂページの表示領域の分割が完了すると（図３、ステップＳ１０５）、対応付手段１１３４は、更新前Ｗｅｂページと更新後Ｗｅｂページの各々に関し分割手段１１３３による分割により得られた複数の分割表示領域の各々を、更新前Ｗｅｂページと更新後Ｗｅｂページの間で対応付ける（ステップＳ１０６）。

図８はステップＳ１０６において対応付手段１１３４により分割表示領域の対応付けが行われる様子を示した図である。図８の左側が更新前Ｗｅｂページ、右側が更新後Ｗｅｂページである。また、図８において分割表示領域の各々に付されている番号は、各Ｗｅｂページにおいて、縦方向を優先に左上から右下へと順に分割表示領域に振った番号である。これらの番号が一致する分割表示領域が、２つのＷｅｂページの間で互いに対応付けられた分割表示領域である。

対応付手段１１３４による分割表示領域の対応付けが完了すると（図３、ステップＳ１０６）、比較手段１１３５は対応付手段１１３４により対応付けられた２つの分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する（ステップＳ１０７）。

ステップＳ１０７の比較において、比較手段１１３５は比較対象の分割表示領域に表示されるＷｅｂページの画素を比較する。より具体的には、比較手段１１３５は、例えば比較対象の分割表示領域の左上の点を基準点とし、基準点からの相対的な位置が等しい画素を更新前Ｗｅｂページと更新後Ｗｅｂページの各々から選択し、選択したそれらの画素の値を比較する。比較手段１１３５はこの画素の比較の処理を、更新前Ｗｅｂページおよび更新後Ｗｅｂページのいずれか一方の分割表示領域内の全ての画素に関し完了するまで繰り返す。さらに、比較手段１１３５は全ての分割表示領域に関し、それらの比較の処理を繰り返す。

比較手段１１３５は、ステップＳ１０７における比較の結果を示す比較結果データを生成する（ステップＳ１０８）。比較手段１１３５は更新前Ｗｅｂページおよび更新後Ｗｅｂページの表示データを、表示内容が一致する分割表示領域と表示内容が一致しない分割表示領域とで異なる表示態様となるように変更したデータを比較結果データとして生成する。続いて、比較手段１１３５は生成した比較結果データが示す比較結果の表示を表示装置１２に指示する（ステップＳ１０９）。

図９は表示装置１２がステップＳ１０９における比較手段１１３５からの指示に従い表示する画面を示した図である。図９において、斜線の付された部分は更新前Ｗｅｂページと更新後Ｗｅｂページとで相違している部分である。このように、比較手段１１３５が生成する比較結果データは、複数の分割表示領域の各々において、比較において一致する部分と一致しない部分とで異なる表示態様となるように表示データを変更したデータである。

以上のように、Ｗｅｂページ比較システム１によれば、ユーザは表示内容を比較したい複数のＷｅｂページを指定することにより、それらのＷｅｂページのうち表示内容が異なる部分を容易に知ることができる。

［変形例］
上述した実施形態は、本発明の技術的思想の範囲内で様々に変形することができる。以下にそれらの変形の例を示す。なお、以下の２以上の変形例が組み合わされてもよい。

（１）上述した実施形態において、レンダリングエンジン１１１とＷｅｂページ比較装置１１３がＷｅｂブラウザ１１に統合されている。これに代えて、レンダリングエンジン１１１を備えるＷｅｂブラウザ１１と、Ｗｅｂページ比較装置１１３が異なる装置として構成されてもよい。

（２）上述した実施形態において、比較手段１１３５は互いに対応付けられた分割表示領域における比較対象のＷｅｂページの表示内容の比較を画素の比較により行う。当該画素の比較において、比較の単位は個々の画素でなくてもよい。例えば、縦１６画素、横１６画素の画素群、のように、複数の画素の集まりである画素群の単位で比較が行われてもよい。その場合、画素群のうち１つでも異なる画素があれば比較の結果を「相違する」と判断してもよい。また、例えば画素群のうち所定数以上の画素が一致すれば比較の結果を「一致する」と判断してもよい。

（３）上述した実施形態において、比較手段１１３５は互いに対応付けられた分割表示領域における比較対象のＷｅｂページの表示内容の比較を画素の比較により行う。これに代えて、もしくは加えて、比較手段１１３５が比較対象の分割表示領域に表示される文字を認識し、認識した文字を比較する構成が採用されてもよい。

（４）上述した実施形態において、比較手段１１３５が生成する比較結果データは、分割表示領域の各々において、比較において一致する部分と一致しない部分とで異なる表示態様でＷｅｂページを表すデータである。これに代えて、比較手段１１３５が、分割表示領域の単位で一致する部分と一致しない部分とを異なる表示態様で表示する比較結果データを生成してもよい。

（５）上述した実施形態において、分割手段１１３３はＷｅｂページの表示領域を縦線で分割した後、横線で分割する。これらの順序は逆でもよい。

（６）上述した実施形態において、分割手段１１３３が分割に用いる縦線および横線は、レイアウトデータが示す構成要素の左上および右下の点を通る。これに代えて、例えば、構成要素の左下および右上の点を通る縦線または横線で分割が行われてもよい。また、構成要素の左上の点より所定の距離だけ左に位置する点および右下の点より所定の距離だけ右に位置する点を通る縦線や、構成要素の左上の点より所定の距離だけ上に位置する点および右下の点より所定の距離だけ下に位置する点を通る横線で分割が行われてもよい。

（７）上述した実施形態において、Ｗｅｂページ比較装置１１３が２つのＷｅｂページの比較を行う場合を例にＷｅｂページ比較装置１１３の動作が説明された。Ｗｅｂページ比較装置１１３が比較するＷｅｂページの数は２つに限られず、３以上のＷｅｂページの比較が行われてもよい。

（８）上述した実施形態において、抽出手段１１３２が抽出する属性データの数、すなわち、Ｗｅｂページの表示領域の分割の基準とする構成要素の数は、Ｗｅｂページの面積に応じた範囲内であるものとしたが、抽出手段１１３２が抽出する属性データの数はＷｅｂページの面積の大小にかかわらず所定の数の範囲内としてもよい。また、上述した実施形態において、抽出手段１１３２が抽出する属性データの数には上限を設けるものとしたが、その数に上限が設けられなくてもよい。

（９）上述した実施形態において、抽出手段１１３２は抽出した属性データが付された構成要素の大きさや位置を考慮することなく、それらを全てＷｅｂページの表示領域の分割の基準とする構成要素として用いる。これに代えて、抽出手段１１３２が、Ｗｅｂページの表示領域の分割の基準とする構成要素を、構成要素のサイズおよび位置の少なくとも一方に基づき、選択してもよい。例えば、抽出手段１１３２は、面積が予め定められた上限の閾値より大きい構成要素や、面積が予め定められた下限の閾値より小さい構成要素を、Ｗｅｂページの表示領域の分割の基準とする構成要素から除外してもよい。

（１０）上述した実施形態において、Ｗｅｂページ比較装置１１３はコンピュータ１０がプログラムに従う処理を行うことにより実現されるものとした。これに代えて、Ｗｅｂページ比較装置１１３が、例えば図２に示される構成部を実現するハードウェアを備える、いわゆる専用装置として構成されてもよい。

（１１）上述した実施形態において、コンピュータ１０にＷｅｂページ比較装置１１３を実現させるためのプログラム、すなわち、コンピュータ１０に図３に示されるフローに従う処理を行わせるためのプログラムが、コンピュータに読み取り可能に持続的に記憶する記録媒体に記憶され、頒布されてもよい。この場合、コンピュータ１０は当該記録媒体からプログラムを読み取り、読み取ったプログラムに従う処理を行うことにより、上述したＷｅｂページ比較装置１１３として機能する。また、コンピュータ１０にＷｅｂページ比較装置１１３を実現させるためのプログラムが、ネットワークを介して他の装置からコンピュータ１０に送信され、コンピュータ１０において用いられてもよい。

１…Ｗｅｂページ比較システム、９…インターネット、１０…コンピュータ、１１…Ｗｅｂブラウザ、１２…表示装置、１３…操作装置、１０１…メモリ、１０２…プロセッサ、１０３…通信ＩＦ、１０４…画像出力ＩＦ、１０５…操作信号入力ＩＦ、１１１…レンダリングエンジン、１１２…記憶装置、１１３…Ｗｅｂページ比較装置、１１３１…データ取得手段、１１３２…抽出手段、１１３３…分割手段、１１３４…対応付手段、１１３５…比較手段

Claims (10)

1. 複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得するデータ取得手段と、
   前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する分割手段と、
   前記複数のＷｅｂページの各々に関し前記分割手段による分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける対応付手段と、
   前記対応付手段により対応付けられた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する比較手段と
   を備えるＷｅｂページ比較装置。
2. 前記データ取得手段は、前記複数のＷｅｂページの各々に関し当該Ｗｅｂページに含まれる複数の構成要素の各々に付された属性を示す属性データを取得し、
   前記データ取得手段が取得したレイアウトデータのうち、特定の属性を示す属性データが付された構成要素に関するレイアウトデータを抽出する抽出手段を備え、
   前記分割手段は、前記抽出手段により抽出されたレイアウトデータを用いて前記分割を行う
   請求項１に記載のＷｅｂページ比較装置。
3. 前記抽出手段は、前記データ取得手段が取得した表示データが表すＷｅｂページの面積に応じて定まる数の属性データを予め定められた規則に従い抽出し、当該抽出した属性データが付された構成要素に関するレイアウトデータを抽出する
   請求項２に記載のＷｅｂページ比較装置。
4. 前記比較手段は、前記比較において、比較対象の分割表示領域に表示される画素または画素群を比較する
   請求項１に記載のＷｅｂページ比較装置。
5. 前記比較手段は、前記比較において、比較対象の分割表示領域に表示される文字を認識し、認識した文字を比較する
   請求項１に記載のＷｅｂページ比較装置。
6. 前記比較手段は、比較対象のＷｅｂページのうちの一のＷｅｂページの表示データを、前記比較において表示内容が一致する分割表示領域と表示内容が一致しない分割表示領域とで異なる表示態様となるように変更したデータを前記比較結果データとして生成する
   請求項１に記載のＷｅｂページ比較装置。
7. 前記比較手段は、比較対象のＷｅｂページのうちの一のＷｅｂページの表示データを、当該Ｗｅｂページの表示領域を構成する複数の分割表示領域の各々において、前記比較において一致する部分と一致しない部分とで異なる表示態様となるように変更したデータを前記比較結果データとして生成する
   請求項１に記載のＷｅｂページ比較装置。
8. データ処理装置が、複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得するステップと、
   前記データ処理装置が、前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割するステップと、
   前記データ処理装置が、前記複数のＷｅｂページの各々に関し前記分割するステップにおける分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付けるステップと、
   前記データ処理装置が、前記対応付けるステップにおいて対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成するステップと
   を備えるＷｅｂページ比較方法。
9. コンピュータに、
   複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得する処理と、
   前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する処理と、
   前記複数のＷｅｂページの各々に関し前記分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける処理と、
   前記対応付ける処理において対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する処理と
   を実行させるためのプログラムを前記コンピュータに読み取り可能に持続的に記憶する記録媒体。
10. コンピュータに、
    複数のＷｅｂページの各々に関し、Ｗｅｂページ記述用言語で記述されたデータに従いレンダリングエンジンにより描画されたＷｅｂページの表示内容を表す表示データと、当該Ｗｅｂページの描画において前記レンダリングエンジンが決定した当該Ｗｅｂページに含まれる複数の構成要素の各々のレイアウトを示すレイアウトデータとを取得する処理と、
    前記複数のＷｅｂページの各々に関し、当該Ｗｅｂページの表示領域を、当該Ｗｅｂページに関する前記レイアウトデータが示すレイアウトに基づき予め定められた規則に従い特定される点を通る縦線および横線で分割する処理と、
    前記複数のＷｅｂページの各々に関し前記分割により得られた複数の分割表示領域の各々を、前記複数のＷｅｂページの間で対応付ける処理と、
    前記対応付ける処理において対応付けた複数の分割表示領域におけるＷｅｂページの表示内容を比較し、当該比較の結果を示す比較結果データを生成する処理と
    を実行させるためのプログラム。

Images