JP2016529627A - ブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体 - Google Patents

Abstract

本発明はブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体に関し、該方法は、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するステップと、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するステップと、および確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するステップと、を含む。【選択図】図１

Description

本発明はブラウザ技術分野に関し、特にブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体に関する。

無線通信技術とインターネット技術の飛躍的な発展に従って、移動端末上のブラウザでインターネットにアクセスするユーザがますます増えている。簡単なモバイルワイヤレスアプリケーションプロトコル（ＷＡＰ）サイトを見ることから複雑なデスクトップ・ワールド・ワイド・ウェブ（３Ｗ）サイトを見ることまで、移動端末上のブラウザによりで発生されるデータトラフィックもますます大きくなる。したがって非ワイヤレスフィデリティ（ＷＩＦＩ）ネットワーク環境において、多くのユーザにとってブラウザのトラフィック制御や節約は非常に重要なことである。現在のブラウザ技術において、ブラウザのトラフィックを節約する方法は二つある。一つ目は、中間サーバを介して端末ブラウザにより要求されたウェブページデータを圧縮することで、それにより端末で発生されたトラフィックを低減させ、この方法の利点は端末ブラウザがいずれか処理をする必要がなく、欠点は中間サーバのサポートを必要とする。二つ目は、図面無しモードであり、即ちウェブページを見るときに図面をロードしないことであり、この方法の利点は中間サーバを介する必要がなく、かつトラフィックの節約が簡単かつ効果的であり、その欠点はユーザがウェブページにおける図面を見ることができない。

これを鑑みて、従来に存在した問題を解決するために、本発明の実施例はブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体を提供する。

本発明の実施例はブラウザリソースの表示方法を提供し、該方法は、
ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するステップと、
前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するステップと、
確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するステップと、を含む。

本発明の実施例はさらにブラウザリソースの表示装置を提供し、該装置は、
ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するように構成される生成モジュールと、
確定モジュールであって、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するように構成される確定モジュールと、
表示モジュールであって、確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するように構成される表示モジュールと、を含む。

本発明の実施例はさらにコンピュータ可読記憶媒体を提供し、該記憶媒体は、上記ブラウザリソースの表示方法を実行するための一組の命令を含む。

本発明の実施例が提供するブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体によれば、ブラウザのスクロールバーの位置情報に従ってブラウザの現在のウィンドウの表示範囲を取得し、被表示リソースがブラウザの現在ウィンドウの表示範囲内に位置するときに、該被表示リソースをダウンロードし、即ちスクロールバーをスクロールするときに、被表示リソースがブラウザのウィンドウの範囲内に進む際に、被表示リソースをダウンロードしかつ表示し、他のブラウザのウィンドウの範囲内に進まない被表示リソースをダウンロードする必要がなく、これによってユーザがブラウザを利用するときに発生されたトラフィックを節約し、かつ中間サーバを使用しなくても実現することができる。

図１は本発明のブラウザリソースの表示方法の第一実施例に係るフロー概略図である。 図２は図１におけるステップＳ２０の具体的なフロー概略図である。 図３は本発明のブラウザリソースの表示方法の第二実施例に係るフロー概略図である。 図４は本発明のブラウザリソースの表示方法の第三実施例に係るフロー概略図である。 図５は本発明のブラウザリソースの表示装置の第一実施例に係る構造概略図である。 図６は本発明のブラウザリソースの表示装置の第二実施例に係る構造概略図である。 図７は本発明のブラウザリソースの表示装置の第三実施例に係る構造概略図である。

以下、図面及び具体的な実施例に合わせて本発明の技術的解決手段についてさらに説明する。なお、ここで説明された具体的な実施例は本発明を解釈するために用いられることに過ぎなく、本発明を限定するために用いられない。

図１と図２を参照し、図１は本発明のブラウザリソースの表示方法の第一実施例に係るフロー概略図であり、図２は図１におけるステップＳ２０の具体的なフロー概略図である。

本実施例はブラウザリソースの表示方法を提供し、以下のステップを含む。

ステップＳ１０において、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成する。

スクロールバーの現在の位置情報は、ブラウザのウィンドウの水平スクロールバーの座標値Ｘ１、及び垂直スクロールバーの座標値Ｙ１を含み、本実施例において座標のベースポイントはウェブページの左上隅箇所であることができ、ウェブページ初期化時にスクロールバーの位置情報は（０，０）であり、即ち水平スクロールバーと垂直スクロールバーの座標値はいずれも０であり、ユーザがスクロールバーを移動するときに、スクロールバーの位置情報は（Ｘ１，Ｙ１）に変化する。

ウィンドウでカバーする前記ウェブページの領域範囲は、ウィンドウ範囲内の水平スクロールバーの現在の座標値Ｘ１、垂直スクロールバーの現在の座標値Ｙ１、ウィンドウの高さ値Ｗ１及びウィンドウの幅値Ｈ１によって確定され、該領域範囲は（Ｘ１，Ｙ１，Ｗ１，Ｈ１）に示され、Ｗ１とＨ１の値はブラウザの現在の状態によって確定され、まずブラウザがフルスクリーン表示モードにあるか否かを判断することができる。ブラウザがフルスクリーン表示モードにあるときに、Ｗ１は端末スクリーンの幅であり、Ｈ１は端末スクリーンの高さである。ブラウザが通常モードにあるときに、ブラウザが通常サイズ表示である場合、Ｗ１は端末スクリーンの幅であり、Ｈ１は端末スクリーンの高さとブラウザツールバーの幅値との差分値であり、フルスクリーンモード表示及び通常モード表示のＷ１とＨ１をプリセットすることができ、かつ該Ｗ１とＨ１をブラウザの表示モードと関連付けて格納し、スクロールバーの現在の位置情報及びブラウザの表示モードに従ってウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を生成する。ブラウザが通常モード表示にあるときに、ブラウザが一定の割合に縮小し表示する場合、通常表示モードに対応するＷ１とＨ１、及び表示割合に従って現在のＷ１とＨ１を算出して、対応するウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を生成するようにする。

ステップＳ２０において、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定する。

ブラウザのリソースを受信したときに、ブラウザリソースを複数の被表示リソースのダウンロードアドレス、被表示リソースのタイプ及び被表示リソースのカスケーディングスタイルシートに解析することができる。被表示リソースは、異なるタイプのリソース例えばイメージ、ビデオ、文字などを含み、カスケーディングスタイルシートにおけるウェブページのスタイル、組版及び被表示リソースのタイプ、サイズに従ってウェブページにおける各被表示リソースのレイアウト情報を生成する。該レイアウト情報は、被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２、前記被表示リソースの高さ値Ｈ２及び前記被表示リソースの幅値Ｗ２を含む。該被表示リソースはイメージ及びビデオリソースが好ましく、ウェブページの表示過程においてまず全ての文字情報をダウンロードすることができ、文字情報のダウンロードを完成したときにウィンドウでカバーするウェブページに出現した領域範囲のみをダウンロードする。受信したブラウザのリソースを解析した後に、まず全ての文字情報をダウンロードした後に被表示リソースのレイアウト情報を他の被表示リソースのダウンロードアドレスと関連付けて格納し、取得した被表示リソースにおける被表示リソースのレイアウト情報が前記領域範囲内に位置する場合、対応するダウンロードアドレスに従って該被表示リソースをダウンロードする。

図２を参照し、本実施例におけるステップＳ２０の具体的なステップは以下のとおりである。

ステップＳ２１において、Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さいか否かを確定し、Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さい場合、第一条件の成立を確定する。

ステップＳ２２において、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さいか否かを確定し、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さい場合、第二条件の成立を確定する。

ステップＳ２３において、第一条件及び第二条件がいずれも成立したときに、前記被表示リソースが前記領域範囲内に位置することを確定する。

前記領域範囲内に測位された前記ウェブページの被表示リソースの条件は以下の論理式で示される：（Ｘ１＜Ｘ２＜Ｘ１＋Ｗ１｜｜Ｘ１＜Ｘ２＋Ｗ２＜Ｘ１＋Ｗ１）＆＆（Ｙ１＜Ｙ２＜Ｙ１＋Ｈ１｜｜Ｙ１＜Ｙ２＋Ｈ２＜Ｙ１＋Ｈ１）。

ユーザがスクロールバーを移動したときにスクロールバーの位置情報が（Ｘ１，Ｙ１）に変化したときに、対応するウィンドウでカバーする前記ウェブページの領域範囲は（Ｘ１，Ｙ１，Ｗ１，Ｈ１）であり、ウィンドウがウェブページに移動することに相当し、本実施例において、被表示リソースのレイアウト情報はブラウザページの左上隅をベースポイントとすることが好ましく、被表示リソースのレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）における被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２は本実施例において被表示リソースの左上隅の座標（Ｘ２，Ｙ２）が好ましい。

ユーザがスクロールバーを移動したときに、まず現在のウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を取得することができ、続いて被表示リソースのレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）を取得し、かつ取得したレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）と取得した領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を照合し、Ｘ１＜Ｘ２＜Ｘ１＋Ｗ１かつＹ１＜Ｙ２＜Ｙ１＋Ｈ１である場合、ビデオの被表示リソースの左上隅位置が現在のウィンドウの表示範囲内に位置することを意味し、例えば右へ水平スクロールバーをスクロールし及び／又は下へ垂直スクロールバーをスクロールしたときに、被表示リソースの左上隅位置がウィンドウ内に出現する場合、該被表示リソースをダウンロードすることができる。Ｘ１＜Ｘ２＋Ｗ２＜Ｘ１＋Ｗ１かつＹ１＜Ｙ２＋Ｈ２＜Ｙ１＋Ｈ１である場合、被表示リソースの左上隅位置が現在ウィンドウの表示範囲内に位置しないことを意味し、しかし被表示リソースの一部が現在ウィンドウでカバーするウェブページの領域範囲に表示され、例えばユーザがスクロールバーをスクロールする振幅が比較的大きく、或いはユーザが左へ水平スクロールバーをスクロールし及び／又は上へ垂直スクロールバーをスクロールした場合、被表示リソースの左上隅位置がウィンドウの表示範囲内に位置しない可能性がいずれもあり、しかし被表示リソースの一部がウィンドウの表示領域範囲に位置するときに、該被表示リソースをダウンロードしかつ表示して、ユーザに表示し、ユーザエクスペリエンスを向上させる。

ステップＳ３０において、確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースと対応に表示する。

被表示リソースをダウンロードする前に、まず被表示リソースをダウンロードしたことがあるか否かを判断することができ、ユーザがウェブページのある部分を繰り返して見る可能性があるため、ある被表示リソースを既にダウンロードした可能性があり、このときにあらためて該被表示リソースをダウンロードする必要がなく、記憶装置からダウンロードされた被表示リソースを呼び出すのみでよく、繰り返してダウンロードすることによる浪費を回避する。

本実施例において、ブラウザリソースを受信したときにブラウザリソースを複数の被表示リソースのダウンロードアドレスに解析し、各被表示リソースはいずれも一つのダウンロードアドレスに対応し、被表示リソースが現在ウィンドウでカバーするウェブページの領域範囲内に進むことを確定すると、解析し得られたダウンロードアドレスによって該被表示リソースをダウンロードし、該ダウンロードアドレスはウェブページアドレスが好ましい。

本実施例に係るブラウザリソースのダウンロード方法は、ブラウザのスクロールバーの位置情報に従ってブラウザの現在のウィンドウの表示範囲を取得し、被表示リソースがブラウザの現在のウィンドウの表示範囲内に位置するときに、該被表示リソースをダウンロードし、即ちスクロールバーをスクロールしたときに、被表示リソースがブラウザのウィンドウ範囲内に進むときに、被表示リソースをダウンロードしかつ表示し、他のブラウザのウィンドウ範囲内に進まない被表示リソースをダウンロードする必要がなく、ユーザがブラウザを利用するときに発生されるトラフィックを節約し、かつ中間サーバを使用しなくても実現することができる。

図３を参照し、図３は本発明のブラウザリソースの表示方法の第二実施例に係るフロー概略図である。

第一実施例に基づいて本発明のブラウザリソースの表示方法の第二実施例を提供し、本実施例において、ステップＳ１０の前にさらに以下のステップを含む。

ステップＳ４０において、受信したブラウザリソースを解析して前記ブラウザの被表示リソースのダウンロードアドレスを生成する。

ステップＳ５０において、前記ブラウザの配置されている端末がＷＩＦＩネットワークにアクセスしないときに、被表示リソースのダウンロードを停止し、前記被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶する。

ユーザがブラウザをオープンし或いはウェブページをオープンしたときに、サーバから送信されたブラウザリソースを受信し、該ブラウザリソースを解析し各被表示リソース（例えば文字、イメージ、ビデオなど）のダウンロードアドレスを取得する。携帯電話などの移動端末はＷＩＦＩネットワークにアクセスすることができ、また他の移動２Ｇ／３Ｇネットワークにアクセスすることもできるため、２Ｇ／３Ｇネットワークなどの料金が比較的高いため、ＷＩＦＩネットワーク環境下で全ての被表示リソースをダウンロードすることができ、２Ｇ／３Ｇネットワークなどのネットワークにアクセスしたときに、被表示リソースのタイプに従ってまずテキスト、表などのトラフィックの比較的小さい被表示リソースをダウンロードし、イメージとビデオなどのトラフィックの比較的大きい被表示リソースを停止することができ、前記イメージとビデオなどのトラフィックの比較的大きい被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶し、イメージとビデオなどのトラフィックの比較的大きい被表示リソースがウィンドウでカバーするウェブページの領域範囲内に進んだときに、ペンディングダウンロードキューからイメージとビデオなどのトラフィックの比較的大きい被表示リソースをダウンロードし、或いは２Ｇ／３Ｇネットワークなどの他のネットワークにアクセスした場合、全ての被表示リソースのダウンロードを停止し、被表示リソースがウィンドウでカバーするウェブページの領域範囲内に進んだときに、該ウィンドウでカバーするウェブページの領域範囲内に進んだ被表示リソースをダウンロードする。

図４を参照し、図４は本発明のブラウザリソースの表示方法の第三実施例に係るフロー概略図である。

第一実施例に基づいて本発明のブラウザリソースの表示方法の第三実施例を提供し、本実施例において、該方法はさらに以下のステップを含む。

ステップＳ６０において、前記スクロールバーの位置情報が変更されたことを検出したときに、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成する。

ステップＳ７０において、ダウンロードされている被表示リソースがあるか否かを判断する。

ステップＳ８０において、ダウンロードされている被表示リソースがある場合、前記ウィンドウでカバーする領域範囲内に位置しないダウンロードされている被表示リソースを確定する。

ステップＳ９０において、確定された被表示リソースのダウンロードを停止する。

ダウンロードされている被表示リソースがない場合、ステップＳ２０を実行し、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定する。

ユーザがスクロールバーをある位置にスクロールし続ける可能性があるため、スクロールバーの位置情報が変化し続けることを検出されたときに、スクロールバーの位置情報が変化し止める情報を受信するまで、ウィンドウ範囲内に出現し続ける被表示リソースをダウンロードせず、現在のウィンドウの表示範囲情報を受信しかつイメージ及びビデオの被表示リソースのレイアウト情報をトラバーサルし、ウィンドウ領域範囲内の被表示リソースをダウンロードする。

ユーザがスクロールバーをスクロールすることは頻繁すぎるため、スクロールバーの情報が変更されたときに、ダウンロードされている被表示リソースが既にウィンドウの領域範囲内に位置せず、このときにウィンドウ表示範囲内に位置しない被表示リソースのダウンロードを停止し、かつ他のウィンドウ表示範囲内に位置する被表示リソースをダウンロードし始めることができ、ブラウザを有する端末のトラフィックを節約する。

図５を参照し、図５は本発明のブラウザリソースの表示装置の第一実施例に係る構造概略図である。

本実施例はブラウザリソースの表示装置を提供し、それは以下を含む。

生成モジュール１０は、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するように構成される。

スクロールバーの現在の位置情報は、ブラウザのウィンドウの水平スクロールバーの座標値Ｘ１、及び垂直スクロールバーの座標値Ｙ１を含み、本実施例において座標のベースポイントはウェブページの左上隅箇所であることができ、ウェブページ初期化時にスクロールバーの位置情報は（０，０）であり、即ち水平スクロールバーと垂直スクロールバーの座標値はいずれも０であり、ユーザがスクロールバーを移動するときに、スクロールバーの位置情報は（Ｘ１，Ｙ１）に変化する。

ウィンドウでカバーする前記ウェブページの領域範囲は、ウィンドウ範囲内の水平スクロールバーの現在の座標値Ｘ１、垂直スクロールバーの現在の座標値Ｙ１、ウィンドウの高さ値Ｗ１及びウィンドウの幅値Ｈ１によって確定され、該領域範囲は（Ｘ１，Ｙ１，Ｗ１，Ｈ１）に示され、Ｗ１とＨ１の値はブラウザの現在の状態によって確定され、まずブラウザがフルスクリーン表示モードにあるか否かを判断することができる。ブラウザがフルスクリーン表示モードにあるときに、Ｗ１は端末スクリーンの幅であり、Ｈ１は端末スクリーンの高さである。ブラウザが通常モードにあるときに、ブラウザは正常サイズ表示である場合、Ｗ１は端末スクリーンの幅であり、Ｈ１は端末スクリーンの高さとブラウザツールバーの幅値との差分値であり、フルスクリーンモード表示及び通常モード表示のＷ１とＨ１をプリセットすることができ、かつ該Ｗ１とＨ１をブラウザの表示モードと関連付けて格納し、スクロールバーの現在の位置情報及びブラウザの表示モードに従ってウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を生成する。ブラウザが通常モード表示にあるときに、ブラウザが一定の割合に縮小し表示する場合、通常表示モードに対応するＷ１とＨ１、及び表示割合に従って現在のＷ１とＨ１を算出して、対応するウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を生成するようにする。

確定モジュール２０は、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するように構成される。

ブラウザのリソースを受信したときに、ブラウザリソースを複数の被表示リソースのダウンロードアドレス、被表示リソースのタイプ及び被表示リソースのカスケーディングスタイルシートに解析することができる。被表示リソースは、異なるタイプのリソース例えばイメージ、ビデオ、文字などを含み、カスケーディングスタイルシートにおけるウェブページのスタイル、組版及び被表示リソースのタイプ、サイズに従ってウェブページにおける各被表示リソースのレイアウト情報を生成する。該レイアウト情報は、被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２、前記被表示リソースの高さ値Ｈ２及び前記被表示リソースの幅値Ｗ２を含む。該被表示リソースはイメージ及びビデオリソースが好ましく、ウェブページの表示過程においてまず全ての文字情報をダウンロードすることができ、文字情報をダウンロード完成したときにウィンドウでカバーするウェブページに出現した領域範囲のみをダウンロードする。受信したブラウザのリソースを解析した後に、まず全ての文字情報をダウンロードした後に被表示リソースのレイアウト情報を他の被表示リソースのダウンロードアドレスと関連付けて格納し、取得した被表示リソースにおける被表示リソースのレイアウト情報が前記領域範囲内に位置する場合、対応するダウンロードアドレスに従って該被表示リソースをダウンロードする。

確定モジュール２０が前記領域範囲内に位置する前記ウェブページの被表示リソースを確定する過程は具体的に以下のとおりである。Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さいか否かを確定し、Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さい場合、第一条件の成立を確定する。ステップＳ２２において、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さいか否かを確定し、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さい場合、第二条件の成立を確定する。第一条件及び第二条件がいずれも成立したときに、前記被表示リソースが前記領域範囲内に位置することを確定する。

前記領域範囲内に測位された前記ウェブページの被表示リソースの条件は以下の論理式で示される：（Ｘ１＜Ｘ２＜Ｘ１＋Ｗ１｜｜Ｘ１＜Ｘ２＋Ｗ２＜Ｘ１＋Ｗ１）＆＆（Ｙ１＜Ｙ２＜Ｙ１＋Ｈ１｜｜Ｙ１＜Ｙ２＋Ｈ２＜Ｙ１＋Ｈ１）。

ユーザがスクロールバーを移動したときにスクロールバーの位置情報は（Ｘ１，Ｙ１）に変化したときに、対応するウィンドウでカバーする前記ウェブページの領域範囲は（Ｘ１，Ｙ１，Ｗ１，Ｈ１）であり、ウィンドウがウェブページに移動することに相当し、本実施例において、被表示リソースのレイアウト情報はブラウザページの左上隅をベースポイントとすることが好ましく、被表示リソースのレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）における被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２は本実施例において被表示リソースの左上隅の座標（Ｘ２，Ｙ２）が好ましい。

ユーザがスクロールバーを移動したときに、まず現在のウィンドウでカバーする前記ウェブページの領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を取得することができ、続いて被表示リソースのレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）を取得し、かつ取得したレイアウト情報（Ｘ２，Ｙ２，Ｗ２，Ｈ２）と取得した領域範囲（Ｘ１，Ｙ１，Ｗ１，Ｈ１）を照合し、Ｘ１＜Ｘ２＜Ｘ１＋Ｗ１かつＹ１＜Ｙ２＜Ｙ１＋Ｈ１である場合、ビデオの被表示リソースの左上隅位置が現在のウィンドウの表示範囲内に位置することを意味し、例えば右へ水平スクロールバーをスクロールし及び／又は下へ垂直スクロールバーをスクロールしたときに、被表示リソースの左上隅位置がウィンドウ内に出現する場合、該被表示リソースをダウンロードすることができる。Ｘ１＜Ｘ２＋Ｗ２＜Ｘ１＋Ｗ１かつＹ１＜Ｙ２＋Ｈ２＜Ｙ１＋Ｈ１である場合、被表示リソースの左上隅位置が現在ウィンドウの表示範囲内に位置しないことを意味し、しかし被表示リソースの一部が現在ウィンドウでカバーするウェブページの領域範囲に表示され、例えばユーザがスクロールバーをスクロールする振幅が比較的大きく、或いはユーザが左へ水平スクロールバーをスクロールし及び／又は上へ垂直スクロールバーをスクロールした場合、被表示リソースの左上隅位置がウィンドウの表示範囲内に位置しない可能性がいずれもあり、しかし被表示リソースの一部がウィンドウの表示領域範囲に位置するときに、該被表示リソースをダウンロードしかつ表示して、ユーザに表示し、ユーザエクスペリエンスを向上させる。

表示モジュール３０は、確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するように構成される。

被表示リソースをダウンロードする前に、まず被表示リソースをダウンロードしたことがあるか否かを判断することができ、ユーザがウェブページのある部分を繰り返して見る可能性があるため、ある被表示リソースを既にダウンロードした可能性があり、このときにあらためて該被表示リソースをダウンロードする必要がなく、記憶装置からダウンロードされた被表示リソースを呼び出すのみでよく、繰り返してダウンロードすることによる浪費を回避する。

本実施例において、ブラウザリソースを受信したときにブラウザリソースを複数の被表示リソースのダウンロードアドレスに解析し、各被表示リソースはいずれも一つのダウンロードアドレスに対応し、被表示リソースが現在ウィンドウでカバーするウェブページの領域範囲内に進むことを確定されると、解析し得られたダウンロードアドレスによって該被表示リソースをダウンロードし、該ダウンロードアドレスはウェブページアドレスが好ましい。

本実施例に係るブラウザリソースのダウンロード装置は、ブラウザのスクロールバーの位置情報に従ってブラウザの現在のウィンドウの表示範囲を取得し、被表示リソースがブラウザの現在のウィンドウの表示範囲内に位置するときに、該被表示リソースをダウンロードし、即ちスクロールバーをスクロールしたときに、被表示リソースがブラウザのウィンドウ範囲内に進むときに、被表示リソースをダウンロードしかつ表示し、他のブラウザのウィンドウ範囲内に進まない被表示リソースをダウンロードする必要がなく、ユーザがブラウザを利用するときに発生されるトラフィックを節約し、かつ中間サーバを使用しなくても実現することができる。

図６を参照し、図６は本発明のブラウザリソースの表示装置の第二実施例に係る構造概略図である。

第一実施例に基づいて、本発明のブラウザリソースの表示装置の第二実施例を提供し、本実施例において、該装置はさらに以下を含む。

解析モジュール４０は、受信したブラウザリソースを解析して前記ブラウザの被表示リソースのダウンロードアドレスを生成するように構成される。

制御モジュール５０は、前記ブラウザの配置されている端末がＷＩＦＩネットワークにアクセスしないときに、被表示リソースのダウンロードを停止し、前記被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶するように構成される。

ユーザがブラウザをオープンし或いはウェブページをオープンしたときに、サーバから送信されたブラウザリソースを受信し、該ブラウザリソースを解析し各被表示リソース（例えば文字、イメージ、ビデオなど）のダウンロードアドレスを取得する。携帯電話などの移動端末はＷＩＦＩネットワークにアクセスすることができ、また他の移動２Ｇ／３Ｇネットワークにアクセスすることもできるため、２Ｇ／３Ｇネットワークなどの料金が比較的高いため、ＷＩＦＩネットワーク環境下で全ての被表示リソースをダウンロードすることができ、２Ｇ／３Ｇネットワークなどのネットワークにアクセスしたときに、被表示リソースのタイプに従ってまずテキスト、表などのトラフィックの比較的小さい被表示リソースをダウンロードし、イメージとビデオなどのトラフィックの比較的大きい被表示リソースを停止することができ、前記イメージとビデオなどのトラフィックの比較的大きい被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶し、イメージとビデオなどのトラフィックの比較的大きい被表示リソースがウィンドウでカバーするウェブページの領域範囲内に進んだときに、ペンディングダウンロードキューからイメージとビデオなどのトラフィックの比較的大きい被表示リソースをダウンロードし、或いは２Ｇ／３Ｇネットワークなどの他のネットワークにアクセスした場合、全ての被表示リソースのダウンロードを停止し、被表示リソースがウィンドウでカバーするウェブページの領域範囲内に進んだときに、該ウィンドウでカバーするウェブページの領域範囲内に進んだ被表示リソースをダウンロードする。

図７を参照し、図７は本発明のブラウザリソースの表示装置の第三実施例に係る構造概略図である。

本発明のブラウザリソースのダウンロード装置における第一実施例と第二実施例において、
前記生成モジュール１０は、さらに前記スクロールバーの位置情報が変更されたことを検出したときに、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するように構成され、該装置はさらにダウンロードされている被表示リソースがあるか否かを判断するように構成される判断モジュール６０を含み、前記確定モジュール２０は、さらにダウンロードされている被表示リソースがある場合、前記ウィンドウでカバーする領域範囲内に位置しないダウンロードされている被表示リソースを確定するように構成され、該装置はさらに確定された被表示リソースのダウンロードを停止するように構成される停止モジュール７０を含み、前記確定モジュール２０はさらにダウンロードされている被表示リソースがない場合、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するように構成される。

ユーザがスクロールバーをある位置にスクロールし続ける可能性があるため、スクロールバーの位置情報が変化し続けることを検出されたときに、スクロールバーの位置情報が変化し止める情報を受信するまで、ウィンドウ範囲内に出現し続ける被表示リソースをダウンロードせず、現在のウィンドウの表示範囲情報を受信しかつイメージ及びビデオの被表示リソースのレイアウト情報をトラバーサルし、ウィンドウ領域範囲内の被表示リソースをダウンロードする。

ユーザがスクロールバーをスクロールすることは頻繁すぎるため、スクロールバーの情報が変更されたときに、ダウンロードされている被表示リソースが既にウィンドウの領域範囲内に位置せず、このときウィンドウ表示範囲内に位置しない被表示リソースのダウンロードを停止し、かつ他のウィンドウ表示範囲内に位置する被表示リソースをダウンロードし始めることができ、ブラウザを有する端末のトラフィックを節約する。

本発明の上記実施例が提供するブラウザリソースの表示装置は端末に応用することができる。そのほか、上記生成モジュール１０、確定モジュール２０、表示モジュール３０、解析モジュール４０、制御モジュール５０、判断モジュール６０、停止モジュール７０は、ブラウザリソースの表示装置における中央処理装置（ＣＰＵ，Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、マイクロプロセッシングユニット（ＭＰＵ，Ｍｉｃｒｏ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、デジタルシグナルプロセッサ（ＤＳＰ，Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）或いはフィールドプログラマブルゲートアレイ（ＦＰＧＡ，Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）によって実現されることができる。

本分野の当業者は、本発明の実施例は方法、システム、或いはコンピュータプログラム製品を提供することができると理解すべきである。したがって、本発明はハードウェア実施例、ソフトウェア実施例、或いはソフトウェアとハードウェア方面を合わせた実施例の形式を採用することができる。かつ、本発明は一つ或いは複数のコンピュータ使用可能なプログラムコードが含まれたコンピュータ使用可能記憶媒体（磁気ディスク記憶装置と光学記憶装置などを含むがこれに限定されない）で実行したコンピュータプログラム製品の形式を採用することができる。

本発明は本発明の実施例による方法、装置（システム）、及びコンピュータプログラム製品のフローチャート図及び／又はブロック図を参照し記載されることである。コンピュータプログラム命令でフローチャート図及び／又はブロック図における各フローチャート及び／又はブロック、及びフローチャート図及び／又はブロック図におけるフローチャート及び／又はブロックとの結合を実現することに理解する必要がある。これらのコンピュータプログラム命令を汎用コンピュータ、専門コンピュータ、組込みプロセッサ或いは他のプログラマブルデータ処理装置に提供し一つの機械を生成し、コンピュータ或いは他のプログラマブルデータ処理装置のプロセッサによって命令を実行しフローチャート図における一つのフローチャート或いは複数のフローチャート及び／又はブロック図における一つのブロック或いは複数のブロックに指定された機能を実現するための装置を生成する。

これらのコンピュータプログラム命令はコンピュータ或いは他のプログラマブルデータ処理装置を特定方式で動作することをガイドすることができる可読記憶装置に記憶することができ、該コンピュータ可読記憶装置に記憶された命令が命令装置を含む製品を生成させ、該命令装置はフローチャート図における一つのフローチャート或いは複数のフローチャート及び／又はブロック図における一つのブロック或いは複数のブロックにおける指定された機能を実現する。

これらのコンピュータプログラム命令はコンピュータ或いは他のプログラマブルデータ処理装置にインストールすることができ、コンピュータ或いは他のプログラマブル装置に一連の操作ステップを実行しコンピュータ実現の処理を生成し、それによりコンピュータ或いは他のプログラマブル装置に実行された命令はフローチャート図における一つのフローチャート或いは複数のフローチャート及び／又はブロック図における一つのブロック或いは複数のブロックにおける指定された機能を実現するためのステップを提供する。

本発明の実施例はさらにコンピュータ可読記憶媒体を提供し、該記憶媒体は、上記ブラウザリソースの表示方法を実行するための一組の命令を含む。

以上の記載は本発明の最適的な実施例に過ぎなく、本発明の保護範囲を限定することに用いられるものではなく、本発明の明細書及び図面内容によって発生した等価構造変換、或いは他の関連技術分野に直接的或いは間接的に応用されたことは、いずれも本発明の保護範囲内に含まれる。

Claims (15)

1. ブラウザリソースの表示方法であって、
   ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するステップと、
   前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するステップと、
   確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するステップと、を含む、前記ブラウザリソースの表示方法。
2. 前記領域範囲は、前記ウェブページの水平スクロールバーの現在の座標値Ｘ１、垂直スクロールバーの現在の座標値Ｙ１、前記ウィンドウの高さ値Ｈ１及びウィンドウの幅値Ｗ１によって確定され、前記レイアウト情報は、前記被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２、前記被表示リソースの高さ値Ｈ２及び前記被表示リソースの幅値Ｗ２によって確定されることを特徴とする
   請求項１に記載の方法。
3. 前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するステップは、
   Ｘ２或いはＸ２とＷ２との和がＸ１より大きくかつＸ１とＷ１との和より小さい場合、第一条件の成立を確定することと、
   Ｙ２或いはＹ２とＨ２との和がＹ１より大きくかつＹ１とＨ１との和より小さい場合、第二条件の成立を確定することと、
   第一条件及び第二条件がいずれも成立したときに、前記被表示リソースが前記領域範囲内に位置することを確定することと、を含むことを特徴とする
   請求項２に記載の方法。
4. 前記ブラウザのウィンドウにおけるスクロールバーの現在の位置情報を取得するステップの前に、
   受信したブラウザリソースを解析して前記ブラウザの被表示リソースのダウンロードアドレスを生成するステップと、
   前記ブラウザの配置されている端末がＷＩＦＩネットワークにアクセスしないときに、被表示リソースのダウンロードを停止し、前記被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶するステップと、を含むことを特徴とする
   請求項１に記載の方法。
5. 前記スクロールバーの位置情報が変更されたことを検出したときに、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するステップと、
   ダウンロードされている被表示リソースがあるか否かを判断するステップと、を含むことを特徴とする
   請求項１に記載の方法。
6. ダウンロードされている被表示リソースがある場合、前記ウィンドウでカバーする領域範囲内に位置しないダウンロードされている被表示リソースを確定し、確定された被表示リソースのダウンロードを停止するステップを含むことを特徴とする
   請求項５に記載の方法。
7. ダウンロードされている被表示リソースがない場合、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するステップを含むことを特徴とする
   請求項５に記載の方法。
8. ブラウザリソースの表示装置であって、
   ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するように構成される生成モジュールと、
   前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するように構成される確定モジュールと、
   確定された被表示リソースをダウンロードし、かつ前記領域範囲内にダウンロードされた被表示リソースを対応に表示するように構成される表示モジュールと、を含む、前記ブラウザリソースの表示装置。
9. 前記領域範囲は、前記ウェブページの水平スクロールバーの現在の座標値Ｘ１、垂直スクロールバーの現在の座標値Ｙ１、前記ウィンドウの高さ値Ｈ１及びウィンドウの幅値Ｗ１によって確定され、前記レイアウト情報は、前記被表示リソースの水平座標値Ｘ２、垂直座標値Ｙ２、前記被表示リソースの高さ値Ｈ２及び前記被表示リソースの幅値Ｗ２によって確定されることを特徴とする
   請求項８に記載の装置。
10. 前記確定モジュールは、具体的に、Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さいか否かを確定し、Ｘ２或いはＸ２とＷ２との和が、Ｘ１より大きくかつＸ１とＷ１との和より小さい場合、第一条件の成立を確定し、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さいか否かを確定し、Ｙ２或いはＹ２とＨ２との和が、Ｙ１より大きくかつＹ１とＨ１との和より小さい場合、第二条件の成立を確定し、第一条件及び第二条件がいずれも成立したときに、前記被表示リソースが前記領域範囲内に位置することを確定するために用いられることを特徴とする
    請求項９に記載の装置。
11. 受信したブラウザリソースを解析して前記ブラウザの被表示リソースのダウンロードアドレスを生成するように構成される解析モジュールと、
    前記ブラウザの配置されている端末がＷＩＦＩネットワークにアクセスしないときに、被表示リソースのダウンロードを停止し、前記被表示リソースのダウンロードアドレスをペンディングダウンロードキューに記憶するように構成される制御モジュールと、を含むことを特徴とする
    請求項８に記載の装置。
12. 前記生成モジュールは、さらに前記スクロールバーの位置情報が変更されたことを検出したときに、ブラウザのウィンドウにおけるウェブページのスクロールバーの現在の位置情報を取得し、取得した位置情報に従って前記ウィンドウでカバーする前記ウェブページの領域範囲を生成するように構成され、
    ダウンロードされている被表示リソースがあるか否かを判断するように構成される判断モジュールを含むことを特徴とする
    請求項８に記載の装置。
13. 前記確定モジュールは、さらにダウンロードされている被表示リソースがある場合、前記ウィンドウでカバーする領域範囲内に位置しないダウンロードされている被表示リソースを確定するように構成され、
    確定された被表示リソースのダウンロードを停止するように構成される停止モジュールを含むことを特徴とする
    請求項１２に記載の装置。
14. 前記確定モジュールは、さらにダウンロードされている被表示リソースがない場合、前記ウェブページにおける各被表示リソースの前記ウェブページ上でのレイアウト情報に従って、前記領域範囲内に位置する前記ウェブページの被表示リソースを確定するように構成されることを特徴とする
    請求項１２に記載の装置。
15. コンピュータ可読記憶媒体であって、
    請求項１〜７のいずれか１項に記載のブラウザリソースの表示方法を実行するための一組の命令を含む、前記コンピュータ可読記憶媒体。

Images