JP2019520624A - ページコンポーネント動的レイアウト - Google Patents

ページコンポーネント動的レイアウト Download PDF

Info

Publication number
JP2019520624A
JP2019520624A JP2018556821A JP2018556821A JP2019520624A JP 2019520624 A JP2019520624 A JP 2019520624A JP 2018556821 A JP2018556821 A JP 2018556821A JP 2018556821 A JP2018556821 A JP 2018556821A JP 2019520624 A JP2019520624 A JP 2019520624A
Authority
JP
Japan
Prior art keywords
page
custom component
component
request
custom
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
JP2018556821A
Other languages
English (en)
Other versions
JP6740373B2 (ja
Inventor
チェン ウェンホン
チェン ウェンホン
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Publication of JP2019520624A publication Critical patent/JP2019520624A/ja
Application granted granted Critical
Publication of JP6740373B2 publication Critical patent/JP6740373B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/117—Tagging; Marking up; Designating a block; Setting of attributes
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/20—Natural language analysis
    • G06F40/205—Parsing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

ページコンポーネント動的レイアウト方法は、クライアント端末によって、トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、クライアント端末によって、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、カスタムコンポーネントのタグを構文解析することと、クライアント端末によって、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択することと、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む。ＷｅｂＶｉｅｗ上のネイティブコンポーネントの動的レイアウトが、ＨＴＭＬページ上で実現され、それによって、オペレータによるページレイアウトの便宜が向上する。

Description

本開示は、コンピュータデータ処理技術の分野に関し、特に、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末に関する。
関連特許出願の相互参照
本出願は、２０１６年５月１２日に出願された「ＰＡＧＥ ＣＯＭＰＯＮＥＮＴ ＤＹＮＡＭＩＣ ＬＡＹＯＵＴ ＭＥＴＨＯＤ，ＡＰＰＡＲＡＴＵＳ ＡＮＤ ＣＬＩＥＮＴ ＴＥＲＭＩＮＡＬ」と題する中国特許出願第２０１６１０３１２９３４．８号の優先権を主張し、当該中国特許出願の全体は参照により本明細書に組み込まれる。
モバイルインターネットの進歩が拡大するとともに、携帯電話またはタブレットなどのモバイル端末デバイス上のアプリケーション（ＡＰＰ）のウェブページを通して、ニュースを読むこと、動画視聴、オンラインショッピング、インスタントメッセージなどに関するユーザの要求は、ますます複雑かつ多様化している。ＡＰＰの高速繰り返しは、多数のＡＰＰモバイル製造業者が直面する厳しいテストになっており、したがって、モバイルＡＰＰ開発の分野では、動的技術が、多数のＡＰＰモバイル製造業者の開発及び研究の焦点となっている。
モバイルＡＰＰ開発の最新分野において、ページの動的レイアウトを実現する動的技術は、主に、ＷｅｂＶｉｅｗコンポーネントを活用する。ＷｅｂＶｉｅｗコンポーネントは、完成された、完全なＷｅｂＫｉｔオープンソースカーネルを使用して、クライアント端末のブラウザ機能を実現することが可能である。上述のように、ユーザの要求を満たし、ユーザエクスペリエンスを強化するために、現在、多数のオープンＡＰＰが、もはやＷｅｂＶｉｅｗコンポーネントを使用せず、ページ動的レイアウトを実現するために、Ｆａｃｅｂｏｏｋに類似のＲｅａｃｔＮａｔｉｖｅ技術を使用し始めている。ＲｅａｃｔＮａｔｉｖｅは、従来のハイブリッドＡｐｐの概念から脱却し、ＨＴＭＬ、ＣＳＳ、及びＪａｖａＳｃｒｉｐｔ（登録商標）に基づく規則一式を再定義する。ＪａｖａＳｃｒｉｐｔでは、Ｒｅａｃｔ抽象オペレーティングシステムのネイティブＵＩコンポーネントを使用してレンダリング用のＤＯＭエレメントを置き換えることが可能である。例えば、＜ｄｉｖ＞は、＜Ｖｉｅｗ＞と置き換えられ、＜ｉｍｇ＞は、＜Ｉｍａｇｅ＞と置き換えられる、などである。ＵＩに関して、ＲｅａｃｔＮａｔｉｖｅは、Ｆｌｅｘｂｏｘに類似のクロスプラットフォームレイアウトシステムを提供し、さらに、ＣＳＳサブセットをサポートする。加えて、それは、ＪＳＸまたは通常のＪａｖａＳｃｒｉｐｔ言語、ならびにＣｏｆｆｅｅＳｃｒｉｐｔ及びＴｙｐｅＳｃｒｉｐｔも使用して、モバイル端末ＡＰＰを開発し得る。
ＲｅａｃｔＮａｔｉｖｅ技術は、例えば、フォーム、ビデオカメラ、ナビゲーション制御などの多数のＲｅａｃｔＮａｔｉｖｅオープンソースコンポーネントを提供し、モバイルアプリケーション開発者に支援をもたらし得る。現在、市場におけるアプリケーションは、たいてい動的レイアウトのためにＲｅａｃｔＮａｔｉｖｅに類似の技術を使用しており、それは、主に、Ｒｅａｃｔ．ｊｓ（ウェブプラットフォーム）技術を使用することによってＲｅａｃｔＮａｔｉｖｅレイアウトページをコンパイルすること、次いで、ｒｅａｃｔ−Ｎａｔｉｖｅ．ｊｓ構文解析エンジンを通してページを構文解析すること、及び、最後に、Ｎａｔｉｖｅレイヤの構文解析エンジンを通してページのレイアウトを完成させることを含む。
現在、ＨＴＭＬページは、依然としてモバイル端末ページにおける重要な位置を占めている。一方、このようなＲｅａｃｔＮａｔｉｖｅ動的技術の実装は、Ｗ３Ｃ標準に準拠しておらず、独立して文法、構文解析、及びその他のステップを完全に実現している。このような方法は、既存のＷｅｂＫｉｔカーネルと互換性がなく、既存のページを開く（例えば、Ｂａｉｄｕ及びｇｏｏｇｌｅページを直接開く）ことができない。さらに、技術の実装には、ページ開発者に対するより高い学習コストが必要とされ、元のＨＴＭＬ技術を使用してＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現することができない。
中国特許出願第２０１６１０３１２９３４．８号公報
本概要は、詳細な説明においてさらに後述される概念の抜粋を、簡潔な形式で導入するために提供される。本概要は、特許請求される主題の重要な特徴または本質的特徴の全てを特定することを意図するものではなく、特許請求される主題の範囲を判断する際の補助としてのみ使用されることを意図するものでもない。「技術（複数可）または技術的解決策（複数可）」という用語は、上記の文脈によって、かつ本開示全体を通して認められるように、例えば、装置（複数可）、システム（複数可）、方法（複数可）、及び／またはコンピュータ可読命令を指す場合がある。
本開示の目的は、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末を提供することであり、それは、ＨＴＭＬページに基づくネイティブカスタムコンポーネントのタグを通して、ＨＴＭＬページ上でネイティブコンポーネントのレンダリングを完了し、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し、よって、ネイティブコンポーネントの動的レイアウトが、ＨＴＭＬページ上で実現できないという従来技術における技術的問題点を解決し、オペレータによるページレイアウトの便宜を大いに向上させる。
本開示は、ページコンポーネント動的レイアウト方法、装置、及びクライアント端末を提供し、それらは、以下のように実装される。
本開示は、
クライアント端末によって、トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
サーバによって、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含むかどうかを判定すること、及び、含む場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、
クライアント端末によって、受信したページ応答コンテンツに従って、要求ページを開くこと、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせること、及び、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
クライアント端末によって、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
クライアント端末によって、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
サーバによって返された、受信したページ応答コンテンツに基づいて、要求ページを開くこと、及びページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
例えば、本方法は、サーバによって、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含むと判定することをさらに含んでもよい。
例えば、本方法は、要求ページがカスタムコンポーネントのタグを含むと判定することに応じて、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することをさらに含んでもよい。
例えば、要求ページ内のカスタムコンポーネントのタグを構文解析することが、要求ページ内のカスタムコンポーネントのタグの情報を抽出することと、抽出された情報に従って、タグ情報に対応する設定されたカスタムコンポーネントレンダリングエンジンを判定することと、を含む。
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
本開示は、
ユーザ定義された、設定されたカスタムコンポーネントの構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信することと、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことと、カスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、を含む、ページコンポーネント動的レイアウト方法を提供する。
例えば、受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことは、カスタムコンポーネントのタグが、クライアント端末の要求ページにおいて使用されていると判定することと、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定することと、を含む。
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成された、ページ要求モジュールと、
サーバによって返されたページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成された、受信及び処理モジュールと、
ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成された、ページ構文解析モジュールと、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするように構成された、ページレンダリングモジュールと、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するように構成された、動的レイアウトモジュールと、を含む、ページコンポーネント動的レイアウト装置を提供する。
例えば、ページ構文解析モジュールが、要求ページ内のカスタムコンポーネントのタグの情報を抽出し、抽出された情報に従って、タグ情報に対応する設定されたカスタムコンポーネントレンダリングエンジンを決定するように、さらに構成されている。
例えば、トリガされた要求ページが端末アプリケーションのＨＴＭＬページであり、カスタムコンポーネントがネイティブコンポーネントを含み、設定されたカスタムコンポーネント構文解析エンジンがネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む。
本開示は、
ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶し、構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信するように構成された、カスタムコンポーネントモジュールと、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返し、カスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定するように構成された、ページ要求処理モジュールと、を含む、ページコンポーネント動的レイアウト装置を提供する。
本開示は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成されており、サーバによって返されたページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツに従って要求ページをレンダリングするようにさらに構成された、第１の処理ユニットと、
設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成されており、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするようにさらに構成されており、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するようにさらに構成された、第２の処理ユニットと、を含む、ページ閲覧クライアント端末を提供する。
例えば、カスタムコンポーネントは、自己定義コンポーネントを指す場合があり、カスタムコンポーネントレンダリングエンジンは、自己定義コンポーネントレンダリングエンジンを指す場合がある。
本開示において提供される端末アプリケーションページのためのデバッグ方法、装置、及びクライアント端末が、ＨＴＭＬページに基づいてネイティブコンポーネントのタグをカスタマイズすることによって、ＷｅｂＶｉｅｗ上でのネイティブコンポーネントの動的レイアウトを実現する。オペレータは、ユーザによって閲覧されるウェブページ内のネイティブカスタムコンポーネントのタグを設計し、及び追加してもよく、ページサーバサイドにおいて、プリセットカスタムコンポーネントの情報が抽出され、ＣＳＳレイアウト、データ、イベントなどが、ネイティブカスタムコンポーネントの構文解析情報を得るために計算される。このようにして、ユーザによって開始される要求ページが、カスタムコンポーネントのタグを含む場合、ページサーバは、要求ページのページ応答コンテンツ上に識別子を設定し得る。これに対応して、クライアント端末のＷｅｂＶｉｅｗが、ＨＴＭＬページを開いた後に識別子を見つけた場合、ネイティブコンポーネント構文解析エンジンが、ＣＳＳレイアウト、データ、イベント、及びその他の情報の構文解析を完了するために投入され得る。次いで、プラットフォーム関連レンダリングエンジンモジュールは、クライアント端末においてネイティブコンポーネントをレンダリングするために呼び出されてもよく、レンダリングされたコンポーネントが、元のＷｅｂＶｉｅｗに直接追加されて、要求ページのネイティブコンポーネントの動的レイアウトを完了し得る。本開示の実施解決策は、ＨＴＭＬページ上にネイティブコンポーネントのタグを追加すること、及びユーザによって閲覧されるページ上で、ＨＴＭＬの元のタグをネイティブレンダリングされたコンポーネントと置き換えることを実現し、よって、ＷｅｂＶｉｅｗへの割り込みなしを維持しつつ、より良いページ動的レイアウト実践を実現し、その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトが、オペレータの便宜を大いに向上させ得る。
例としての本開示の実施形態における技術的解決策、または従来技術をより明確に説明するために、例としての実施形態を説明するために必要な添付図面を、以下で簡単に紹介する。以下の説明における添付図面が、本開示において説明される例としての実施形態にすぎないことは明らかである。
本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。 本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。 本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。 本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。 本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。
詳細な説明
当業者が本開示における技術的解決策をよりよく理解することを可能にするために、例としての本開示の実施形態における技術的解決策が、例としての本開示の実施形態において添付図面を参照して以下で明確かつ十分に説明される。説明される、例としての実施形態は、本開示の実施形態の全てではなく一部を表すにすぎない。いかなる創造的努力も行うことなく、例としての本開示の実施形態に基づいて当業者により得られる例としての全ての他の実施形態は、本開示の保護範囲内に入るものとする。
本開示におけるページコンポーネント動的レイアウト方法、装置、及びクライアント端末は、添付図面を参照して以下でより詳細に説明される。図１は、本開示によるページコンポーネント動的レイアウト方法の、例としての実施形態の、概略的な方法フローチャートである。本開示は、以下の、例としての実施形態または図面により示されるように、方法の動作ステップ、または装置の構造を提供するが、方法または装置は、従来通りの、または非創造的な努力に基づいて、より多くの、またはより少ない動作ステップまたはモジュール構造を含んでもよい。ロジック内の必然的な因果関係のないステップまたは構造において、ステップの実行順序または装置のモジュール構造は、本開示の例となる実施形態において提供される実行順序またはモジュール構造に限定されない。方法またはモジュール構造は、実際の装置または端末製品における実行時に、例としての実施形態または添付図面に示される方法またはモジュール構造関係に従って、逐次的に実行されてもよく、または並列で（例えば、並列プロセッサ環境もしくはマルチスレッド処理環境において）実行されてもよい。
例えば、図１に示されるように、本開示によるページコンポーネント動的レイアウト方法における例としての実施形態は、以下を含み得る。
Ｓ１０２：クライアント端末１０４が、トリガされた要求ページに基づいて、サーバ１０６に対するページコンテンツ要求を開始する。
ユーザが、オンラインまたはオフラインのＨＴＭＬページをクライアント端末においてクリックすると、クライアント端末１０４は、ＷｅｂＶｉｅｗページに入り、サーバ１０６に対して、ユーザによるページコンテンツ要求を開始し得る。ページ要求は、クライアント端末１０４内のアプリケーション（ＡＰＰ）、例えば、オンラインショッピングＡＰＰにおいてトリガされてもよい。本開示におけるクライアント端末１０４は、ｉＯＳ、Ａｎｄｒｏｉｄ、またはＹｕｎＯＳなどのシステムを使用するモバイル端末を含んでもよく、モバイル通信端末、ＰＤＡ、タブレット、ＰＯＳ機械、オンボードコンピュータなどを含み得るが、これらに限定されない。もちろん、本開示の解決策を実施する非モバイル端末、例えば、ページ閲覧可能なセルフサービス端末、ＰＣコンピュータなども、本開示によるクライアント端末の範囲内に入る。
概して、クライアント端末１０４によって開始されるページコンテンツ要求は、例えば、ページデータ、ページレイヤ構造、イベント情報などを含み得る。ユーザによりトリガされる要求ページがページコンポーネントを含む場合、対応するページ要求コンテンツは、ページコンポーネントの関連情報、例えば、ページコンポーネントとサーバとのメッセージ交換コンテンツ、ページコンポーネントの名称、その種類、及びその他の属性情報を含み得る。例としての本開示の実施形態におけるクライアント端末１０４の要求ページは、事前設計に従って設計者によりカスタムコンポーネントと置き換えられる必要があるカスタムタグ情報を含んでもよく、その場合に、ページコンテンツ要求は、カスタムコンポーネントのタグ使用の関連情報を含んでもよい。カスタムコンポーネントは、ネイティブコンポーネントを含み得る。
例としての本開示の実施形態では、ユーザが、クライアント端末のページをトリガすると、クライアント端末は、サーバに対してページのコンテンツ要求を開始し得る。
Ｓ１０８：サーバ１０６は、ページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントの使用を識別するタグを含むかどうかを判定し、含む場合に、Ｓ１１０において、クライアント端末１０４に返されるページ応答コンテンツ内にプリセット識別子を設定する。
本開示の実施解決策では、オペレータが、ネイティブコンポーネントのタグをカスタマイズしてもよい。具体的には、例えば、ネイティブウェブキットを通してレンダリングされたページは、大規模リスト及び入力ボックスなどの態様において性能またはエクスペリエンスの問題を有する。例としての本実施形態では、ＷｅｂＶｉｅｗ上で実現不可能な、または設計者により不十分な性能を有すると考えられるコンポーネントタグが、抽出及びグループ化され、カスタムネイティブコンポーネントタグ、例えば、ＬｉｓｔＶｉｅｗに抽象化され得る。設計者は、全ての利用可能なカスタムコンポーネントタグを事前に開発及び設計し得る。
例としての本開示の実施形態では、ネイティブカスタムコンポーネントの情報が、抽出されてもよく、それは、具体的には、ページレンダリング前に、ＨＴＭＬ記述ファイルの前処理を完了させること、ネイティブカスタムコンポーネントのタグを抽出すること、及びＣＳＳレイアウト、データ、イベント、及びそれについての他の情報を計算して、ネイティブカスタムコンポーネントの構文解析情報を形成することを含み得る。次いで、抽出及び計算されたネイティブカスタムコンポーネントの構文解析情報が、ネイティブコンポーネントエンジンに送信され得る。
このようにして、ページレイアウト及び設計のオペレータは、ページ内においてカスタムコンポーネントのタグをレイアウト及び使用してもよく、サーバは、クライアント端末によって送信されたページコンテンツ要求を受信すると、カスタムコンポーネントのタグが、クライアント端末のページコンテンツ要求において使用されているかどうかを調べる。クライアント端末によって要求されるページが、カスタムコンポーネントの予め定義され、かつ設定されたタグを含む場合、サーバによりクライアント端末に応答されるページ応答コンテンツ内にプリセット識別子を設定することが可能である。例えば、例としての本実施形態では、プリセット識別子、例えば、「ＣｕｓｔｏｍＮａｔｉｖｅＣｏｍｐｏｎｅｎｔ」が、クライアント端末に返されるページ応答コンテンツの先頭にタイプされてもよい。もちろん、プリセット識別子は、オペレータによって具体的にカスタマイズされてもよく、カスタムコンポーネントに対する構文解析、レンダリング、及び他の処理を容易にするために、要求ページへの応答に含まれるカスタムコンポーネントのタグをクライアント端末が識別するのに使用され得る。サーバは、クライアント端末のページコンテンツ要求を処理した後、要求ページの完全なＨＴＭＬページ応答コンテンツをクライアント端末に返す。このようにして、ユーザクライアント端末のＷｅｂＶｉｅｗがＨＴＭＬページを開くときに、ページ応答コンテンツ内の識別子に従って、ＨＴＭＬページ上のカスタムコンポーネントを構文解析し、レンダリングする必要があることを知ることが可能である。
サーバは、クライアント端末のページコンテンツ要求を受信すると、要求ページがカスタムコンポーネントのタグを含み、及び使用するかどうかを判定し、含み及び使用する場合、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定する。
Ｓ１１２：クライアント端末１０４が、受信したページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせ、Ｓ１１４において、ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、Ｓ１１６においてページの構文解析、例えば、要求ページ内のカスタムコンポーネントのタグの構文解析を行う。
例としての本開示の実施形態では、クライアント端末のＷｅｂＶｉｅｗは、サーバによりフィードバックされたページ応答コンテンツを受信すると、ＨＴＭＬ要求ページを開く。この時点で、ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合、それは、開かれたＨＴＭＬ要求ページがネイティブカスタムコンポーネントを含むことを示し得る。次いで、クライアント端末は、カスタムコンポーネントを構文解析するための構文解析エンジンをロードして、ＨＴＭＬ要求ページ内のネイティブカスタムコンポーネントのタグを構文解析し得る。例としての本実施形態では、プリセット識別子「ＣｕｓｔｏｍＮａｔｉｖｅＣｏｍｐｏｎｅｎｔ」が、応答ヘッドに存在すると分かる場合、その時点で、クライアント端末は、ネイティブコンポーネント構文解析エンジンＣｏｒｅ．ｊｓを投入して、要求ページ内のネイティブカスタムコンポーネントのタグを構文解析してもよい。
例としての本開示の実施形態では、構文解析は、具体的には、ＨＴＭＬ内の元のカスタムタグの構文解析情報を含んでもよいことに留意すべきである。後続の処理において、構文解析を通して取得されたタグ情報に従って、対応するネイティブコンポーネントを選択することが可能である。カスタムコンポーネント構文解析エンジンは、主に、ページ内で使用されるカスタムタグを抽出するため、及びその対応するデータを計算するためのｃｏｒｅ．ｊｓを含み得る。以下で説明されるレンダリングエンジンは、主に、エンジンｃｏｒｅ．ｊｓによって戻されるカスタムタグ情報に従ってクライアント端末のネイティブコンポーネントをレンダリングするためのクライアント端末エンジンを含み得る。したがって、例としての本実施形態では、要求ページ内のカスタムコンポーネントのタグを構文解析することが、
レンダリングエンジンが、対応するカスタムコンポーネントのタグ情報を選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出することを含み得る。
例としての本実施形態では、前述のように、ネイティブカスタムコンポーネントが定義及び設定されるときに、ネイティブカスタムコンポーネントのタグ情報を抽出することが可能であり、例えば、ＣＳＳレイアウト、データ、イベント、及びそれについての他の情報を計算してネイティブカスタムコンポーネントの構文解析情報を形成する。次いで、抽出及び計算されたネイティブカスタムコンポーネントの構文解析情報をネイティブコンポーネントエンジンに送信することが可能である。したがって、クライアント端末によってロードされるカスタムコンポーネント構文解析エンジンは、予め定義され、かつ設定されたカスタムコンポーネントの構文解析情報に従って、ページ内のカスタムコンポーネントのタグを構文解析し得る。
Ｓ１１８：クライアント端末１０４は、ページレンダリングを行う。Ｓ１２０において、ネイティブカスタムコンポーネントのタグが使用される場合、クライアント端末１０４は、カスタムコンポーネントレンダリングエンジンを呼び出してレンダリングを実行する。クライアント端末１０４は、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングする。
カスタムコンポーネント構文解析エンジンは、ページ内のカスタムコンポーネントのタグを構文解析してＣＳＳレイアウト、データ、イベントなどの計算を完了した後、カスタムコンポーネントのタグのタグ情報を取得し得る。次いで、抽出及び計算を通して得られたタグ情報に従ってカスタムコンポーネントのタグ位置に対応するカスタムネイティブコンポーネントを選択してもよく、次いで、プラットフォーム関連カスタムコンポーネントレンダリングエンジンを呼び出してネイティブカスタムコンポーネントをレンダリングする。例としての本実施形態において、関連するプラットフォームは、概して、ｉＯＳ、Ａｎｄｒｏｉｄなどについて、システムのＵＩコンポーネントライブラリが個別であり、したがって、ｉＯＳ及びＡｎｄｒｏｉｄ端末におけるレンダリングエンジンが、異なるレンダリング部品を有することに関係する。カスタムコンポーネントレンダリングエンジンは、ここでは、カスタムタグを処理し、カスタムタグをネイティブコンポーネントにレンダリングすることしかできない。システムウェブキットが、正常な状況下において関連するレンダリング処理を行っているため、カスタムコンポーネントレンダリングエンジンは、他のコンテンツを処理しなくともよい。もちろん、いくつかの他の実施態様では、カスタムコンポーネントレンダリングエンジンを使用することによってページの他のコンテンツのレンダリングを完了することも、含まれてもよい。カスタムコンポーネントレンダリングエンジンは、ネイティブコンポーネント動的レイアウトエンジンを含んでもよく、ネイティブコンポーネント動的レイアウトエンジンは、ｉＯＳ、Ａｎｄｒｏｉｄ、及びブラウザ端末においてネイティブカスタムコンポーネントをレンダリングする機能を実装してもよい。
クライアント端末は、返されるページ応答コンテンツに従って、要求ページに対するレンダリング処理を実行してもよく、ネイティブコンポーネントをレンダリングする必要がある場合に、カスタムコンポーネントレンダリングエンジンを呼び出して、要求ページ内で構文解析されるカスタムコンポーネントをレンダリングしてもよい。
Ｓ１２２：クライアント端末１０４は、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加する。
例としての本実施形態では、ネイティブカスタムコンポーネントのレンダリングが完了した後、レンダリングされた現在のネイティブカスタムコンポーネントが、ＷｅｂＶｉｅｗに直接追加されてもよく、したがって、現在のネイティブカスタムコンポーネントの動的レイアウトを完了する。もちろん、要求ページが、ネイティブカスタムコンポーネントの１つまたは複数のタグを含んでもよく、クライアント端末が、構文解析エンジン及びレンダリングエンジンを使用することによって、全てのタグ内のネイティブカスタムコンポーネントをそれぞれ構文解析及びレンダリングしてもよい。
例としての本開示の実施形態は、現在のネイティブカスタムコンポーネントのタグをＨＴＭＬページ上に追加することによって、クライアント端末上で、カスタムコンポーネント構文解析エンジン及びレンダリングエンジンを通してＷｅｂＶｉｅｗに基づくネイティブコンポーネントの動的レイアウトを実現し得る。本開示の実施解決策は、ＨＴＭＬページ上のページコンポーネント動的レイアウトを、ＷｅｂＶｉｅｗを割り込ませることなく実現し得る。その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトは、オペレータの便宜を大いに向上させ得る。
例としての上記の実施形態におけるページコンポーネント動的レイアウト方法は、クライアント端末サイドでのＨＴＭＬページ内のカスタムコンポーネント（ネイティブコンポーネントを含むが、これに限定されない）の動的レイアウトに適用可能である。したがって、本開示は、クライアント端末において実施可能なページコンポーネント動的レイアウト方法をさらに提供する。図２は、本開示によるページコンポーネント動的レイアウト方法の例としての実施形態の概略的な方法フローチャートである。具体的には、図２に示されるように、本方法は、
Ｓ２０２：トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始することと、
Ｓ２０４：サーバによって返される、受信したページ応答コンテンツに基づいて要求ページを開くこと、及びページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
Ｓ２０６：ページ応答コンテンツ内にプリセット識別子が存在する場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析することと、
Ｓ２０８：カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択すること、及び設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングすることと、
Ｓ２１０：レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加することと、を含み得る。
例としての本開示の実施形態によるページコンポーネント動的レイアウト方法は、クライアント端末のページ上、及びユーザにより閲覧されるページ上のページコンポーネント動的レイアウトに使用され得る。直接構文解析されることができないか、または性能が不十分であって修正される必要がある、ページ内の元のタグは、選択されたカスタムコンポーネントと置き換えられ、それによって、オペレータの便宜が大いに向上し得る。
もちろん、上記実施解決策の特定の適用シナリオでは、トリガされた要求ページは、クライアント端末においてユーザによりトリガされる端末アプリケーション、例えば、ブラウザまたは専用アプリケーション（ＡＰＰ）のＨＴＭＬページを含んでもよい。ページレンダリングの前に、カスタムネイティブコンポーネントのタグの情報を抽出すること、及びＣＳＳレイアウト及びイベントなどのタグ情報を計算することを含めてＨＴＭＬ記述ファイルを事前処理してもよく、次いで、カスタムコンポーネントエンジンが、情報抽出を通して計算されるコンポーネント情報に基づいてカスタムコンポーネントを構文解析してもよい。ＨＴＭＬページに基づくコンポーネント動的レイアウト実行の、例としてのいくつかの実施形態では、カスタムコンポーネントは、ネイティブコンポーネントを含んでもよく、これに対応して、設定されたカスタムコンポーネント構文解析エンジンは、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含んでもよい。要求ページ内のカスタムコンポーネントのタグを構文解析することは、レンダリングエンジンが、対応するカスタムコンポーネントのタグ情報を選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出することを含む。
これに対応して、本開示は、サーバサイドに適用可能なページコンポーネント動的レイアウト方法をさらに提供する。本方法では、サーバサイドは、オペレータがネイティブコンポーネントをカスタマイズし、ネイティブコンポーネントの構文解析情報を取得し、構文解析情報を各クライアント端末の構文解析エンジンに送信することを実現し得る。さらに、クライアント端末のページコンテンツ要求が、カスタムコンポーネントの使用を特定するタグを含むかどうかの判定において、含む場合に、カスタムコンポーネント構文解析エンジン及びレンダリングエンジンをロードしてネイティブコンポーネントを処理する必要があることをクライアント端末に通知するために、識別子がページ上でそれに対応して設定される。図３は、本開示によるページコンポーネント動的レイアウト方法である。図３に示されるように、方法は、以下を含み得る。
Ｓ３０２：ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶すること、及び構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信すること。
例えば、ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報が更新するとき、サーバは、構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信する。本開示は、例としての実施形態またはフローチャートにおいて説明されるような方法の動作ステップを提供するが、より多くの、またはより少ない動作ステップが含まれてもよい。例えば、ステップＳ３０２は、本開示のいくつかの実施態様において必須ではない。
Ｓ３０４：受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すこと、及びカスタムコンポーネントのタグが、クライアント端末の要求ページ内で使用されると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定すること。
例としての上記の実施形態による、クライアント端末またはサーバサイドに適用可能なページコンポーネント動的レイアウト方法において、ページ事前処理、ネイティブコンポーネントなどのカスタムコンポーネントタイプ、特定のカスタムコンポーネント構文解析プロセスなどについての、例としての本開示の他の実施形態の関連説明に対して参照が行われてもよく、それらは、ここで繰り返されない。
本開示によるページコンポーネント動的レイアウト方法に基づいて、本開示は、ページコンポーネント動的レイアウト装置を提供する。装置は、ＷｅｂＶｉｅｗに基づきネイティブコンポーネントの動的レイアウトを実現するために、クライアント端末サイドに適用可能である。図４は、本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。図４に示されるように、装置４００は、１つまたは複数のプロセッサ（複数可）４０２またはデータ処理ユニット（複数可）、及びメモリ４０４を含む。装置４００は、１つまたは複数の入力／出力インタフェース（複数可）４０６、及びネットワークインタフェース（複数可）４０８をさらに含み得る。メモリ４０４は、コンピュータ可読媒体の実施例である。
コンピュータ可読媒体は、揮発性及び不揮発性、着脱可能及び着脱不可能媒体を含み、情報を記憶するための任意の方法または技術を使用し得る。当該情報は、コンピュータ可読命令、データ構造、及びプログラムのモジュールまたはその他のデータであってもよい。コンピュータの記憶媒体の実施例は、相変化メモリ（ＰＲＡＭ）、スタティックランダムアクセスメモリ（ＳＲＡＭ）、ダイナミックランダムアクセスメモリ（ＤＲＡＭ）、その他の種類のＲＡＭ、ＲＯＭ、電気的消去可能なプログラマブル読み取り専用メモリ（ＥＥＰＲＯＭ）、フラッシュメモリもしくはその他のメモリ技術、コンパクトディスク読み取り専用メモリ（ＣＤ−ＲＯＭ）、デジタル多用途ディスク（ＤＶＤ）もしくはその他の光記憶装置、カセットテープ、テープディスク記憶装置もしくはその他の磁気記憶デバイス、または計算デバイスにアクセス可能な情報を記憶するものであり得る任意のその他の非伝送媒体を含むが、これらに限定されない。本明細書における定義によれば、コンピュータ可読媒体は、一時的コンピュータ可読媒体（一時的媒体）、例えば、変調データ信号及び搬送波を含まない。
メモリ４０４は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成され得る、ページ要求モジュール４１０と、
サーバによって返されるページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成され得る、受信及び処理モジュール４１２と、
ページ応答コンテンツ内にプリセット識別子が存在することが分かる場合に、設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成され得る、ページ構文解析モジュール４１４と、
カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、カスタムコンポーネントをレンダリングするように構成され得る、ページレンダリングモジュール４１６と、
レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するように構成され得る、動的レイアウトモジュール４１８と、を含む、複数のモジュールまたはユニットをその中に記憶し得る。
もちろん、ページ構文解析モジュール及びページレンダリングモジュールは、カスタムコンポーネントを構文解析及びレンダリングすることが可能であることに加えて、他のエンジンを呼び出し、またはロードして、ＨＴＭＬ要求ページをそれに対応して構文解析及びレンダリングすることも可能である。
特定の適用シナリオの、例としての実施形態では、上述のように、ページ構文解析モジュール４１４により要求ページのタグを構文解析することは、具体的には、
対応するカスタムコンポーネントのタグ情報をレンダリングエンジンが選択することを決定するために、要求ページ内のカスタムコンポーネントのタグの情報を抽出すること、を含み得る。
もちろん、上記の実施解決策の特定の適用シナリオでは、トリガされた要求ページは、クライアント端末においてユーザによりトリガされる端末アプリケーション、例えば、ブラウザまたは専用アプリケーション（ＡＰＰ）のＨＴＭＬページを含んでもよい。ページレンダリングの前に、カスタムネイティブコンポーネントのタグの情報を抽出すること、及びＣＳＳレイアウト及びイベントなどのタグ情報を計算することを含めて、ＨＴＭＬ記述ファイルが事前処理されてもよい。ＨＴＭＬページに基づくコンポーネント動的レイアウト実行の、例としてのいくつかの実施形態では、カスタムコンポーネントは、ネイティブコンポーネントを含んでもよく、これに対応して、設定されたカスタムコンポーネント構文解析エンジンは、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含んでもよい。
本開示によるページコンポーネント動的レイアウト方法に基づいて、本開示は、ページコンポーネント動的レイアウト装置を提供する。本装置は、ＷｅｂＶｉｅｗに基づきネイティブコンポーネントの動的レイアウトを実現するために、サーバサイドに適用可能である。図５は、本開示によるページコンポーネント動的レイアウト装置の、例としての実施形態の、概略的なモジュール構造図である。図５に示されるように、装置５００は、１つまたは複数のプロセッサ（複数可）５０２またはデータ処理ユニット（複数可）、及びメモリ５０４を含む。装置５００は、１つまたは複数の入力／出力インタフェース（複数可）５０６、及びネットワークインタフェース（複数可）５０８をさらに含み得る。メモリ５０４は、コンピュータ可読媒体の実施例である。メモリ５０４は、
ユーザによって定義及び設定されたカスタムコンポーネント、及びカスタムコンポーネントの構文解析情報を記憶し、構文解析情報をクライアント端末のカスタムコンポーネント構文解析エンジンに送信するように構成され得る、カスタムコンポーネントモジュール５１０と、
受信したクライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返し、カスタムコンポーネントのタグがクライアント端末の要求ページ内で使用されていると判定される場合に、クライアント端末に返されるページ応答コンテンツ内にプリセット識別子を設定するように構成され得る、ページ要求処理モジュール５１２と、を含む複数のモジュールまたはユニットをその中に記憶し得る。
例としての上記の実施形態において提供される装置は、ＨＴＭＬページに基づくネイティブカスタムコンポーネントのタグを通して、ＨＴＭＬページ上でネイティブコンポーネントのレンダリングを完了し、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し得る。それによって、ネイティブコンポーネントがＨＴＭＬページ上で動的レイアウトを実現できないという従来技術における技術的問題点が解決され、オペレータによるページレイアウトの便宜が大いに向上する。
上述のように、本開示によるページコンポーネント動的レイアウト方法または装置は、クライアント端末、例えば、ワイヤレスクライアント端末上で、ＨＴＭＬページレイアウト処理動作においてＷｅｂＶｉｅｗに基づくネイティブコンポーネントの動的レイアウトを実現するために使用され得る。したがって、本開示は、ｉＯＳ、Ａｎｄｒｏｉｄ、及びＹｕｎＯＳシステムを使用してブラウザ端末によるＨＴＭＬページに基づくカスタムネイティブコンポーネントの動的レイアウトを実現するクライアント端末を含み得るが、これらに限定されない、ページ閲覧クライアント端末をさらに提供する。具体的には、例としての本開示の実施形態によるページ閲覧クライアント端末において、クライアント端末は、
トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成されており、サーバによって返されるページ応答コンテンツを受信し、ページ応答コンテンツに従って要求ページを開き、ページ応答コンテンツに従って要求ページをレンダリングするようにさらに構成された、第１の処理ユニットと、
設定されたカスタムコンポーネント構文解析エンジンをロードして、要求ページ内のカスタムコンポーネントのタグを構文解析するように構成されており、カスタムコンポーネントのタグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出してカスタムコンポーネントをレンダリングするようにさらに構成されており、レンダリングされたカスタムコンポーネントを要求ページの対応する位置に追加するようにさらに構成された、第２の処理ユニットと、を含み得る。
さらに、本開示によるクライアント端末の、例としての別の実施形態では、サーバは、クライアント端末にカスタムコンポーネントタグを処理するように指示するために、カスタムコンポーネントタグを使用するかどうかを示すプリセット識別子を、ページ応答コンテンツの先頭に追加してもよい。このようにして、ページのレンダリングを高速化し、クライアント端末によって実行される性能の統計または最適化などを容易にすることが可能である。したがって、本開示による装置の、例としての別の実施形態では、第２の処理ユニットが、
要求ページ内のカスタムコンポーネントのタグの使用に従って、ページ応答コンテンツが、サーバによって設定されるプリセット識別子を有することを問い合わせることに基づいてエンジンをロードしてカスタムコンポーネントを構文解析及びレンダリングするように、さらに構成され得る。
本開示において提供される端末アプリケーションページデバッグ方法、装置、及びクライアント端末が、ＨＴＭＬページに基づいてネイティブコンポーネントのタグをカスタマイズすることによって、ＷｅｂＶｉｅｗ上でネイティブコンポーネントの動的レイアウトを実現し得る。オペレータは、ユーザによって閲覧されるウェブページ内のネイティブカスタムコンポーネントのタグを設計及び追加することができ、ページサーバサイドにおいて、プリセットカスタムコンポーネントの情報が抽出され、ＣＳＳレイアウト、データ、イベントなどが、Ｎａｔｉｖｅカスタムコンポーネントの構文解析情報を得るために計算される。このようにして、ユーザによって開始される要求ページがカスタムコンポーネントのタグを含む場合、ページサーバは、要求ページのページ応答コンテンツ上に識別子を設定し得る。これに対応して、クライアント端末のＷｅｂＶｉｅｗが、ＨＴＭＬページを開いた後で識別子を見つけた場合、ネイティブコンポーネント構文解析エンジンを投入してＣＳＳレイアウト、データ、イベント、及びその他の情報の構文解析を完了し得る。次いで、プラットフォーム関連レンダリングエンジンモジュールを呼び出して、クライアント端末においてネイティブコンポーネントをレンダリングしてもよく、レンダリングされたコンポーネントを元のＷｅｂＶｉｅｗに直接追加して、要求ページのネイティブコンポーネントの動的レイアウトを完了してもよい。本開示の実施解決策は、ＨＴＭＬページ上にネイティブコンポーネントのタグを追加すること、及びユーザによって閲覧されるページ上で、ＨＴＭＬの元のタグをネイティブレンダリングされたコンポーネントと置き換えることを実現し得る。したがって、ＷｅｂＶｉｅｗへの割り込みなしを維持しつつ、より良いページ動的レイアウト実践を実現し、その結果、ＨＴＭＬ言語ベースのページコンポーネント動的レイアウトが、オペレータの便宜を大いに向上させ得る。
本開示の内容は、ネイティブコンポーネントをカスタマイズすること、コンポーネントのタグ情報を抽出すること、ページまたはコンポーネントを構文解析及びレンダリングすることなどの、情報定義、データ処理、情報交換などに関する説明に言及しているが、本開示は、情報定義、データ処理、及び情報交換の完全な標準、または述べられた状況に限定されない。例としての本開示の実施形態それぞれに関わる上記の説明は、単に、例としての本開示のいくつかの実施形態の適用であり、いくつかの標準及び方法に基づいてわずかに変更される実施態様もまた、例としての本開示の実施形態それぞれの解決策を実施し得る。もちろん、例としての本開示の実施形態それぞれにおける処理方法のステップに沿った、他の非創造的変形は、やはり同一の適用を実施してもよく、それについてはもはやここで繰り返さない。
本開示は、例としての実施形態またはフローチャートにおいて説明されるような方法の動作ステップを提供するが、より多くの、またはより少ない動作ステップが、従来通りの、または非創造的な努力に基づいて含まれてもよい。例としての実施形態において列挙されるステップの順序は、複数のステップ実行順序の中の一方法にすぎず、唯一の実行順序を表すものではない。実際のデバイスまたはクライアント端末製品の実行中に、ステップを、例としての実施形態または図面に示される方法の順序に従って、逐次的に実行してもよく、または並列に（例えば、並列プロセッサ環境またはマルチスレッド処理環境において）実行してもよい。
例としての前述の実施形態において示される装置、ユニット、またはモジュールは、具体的には、コンピュータチップまたはエンティティによって実施されてもよく、または特定の機能を有する製品によって実施されてもよい。説明を容易にするために、装置が説明されるとき、装置は機能に基づいて様々なユニットに分割され、ユニットがそれぞれ説明される。様々なモジュールの機能が、本開示の実施中に１つまたは複数のソフトウェア及び／またはハードウェアにおいて実施されてもよい。当然ながら、ある機能を実装したモジュールは、複数のサブモジュールまたはサブユニットの組み合わせによっても実施されてもよい。
本開示における方法、装置、またはモジュールは、コントローラが、コンピュータ可読プログラムコードによる任意の適切な方式で実施されることを実現することができ、例えば、コントローラは、例えば、マイクロプロセッサまたはプロセッサの形態、及び（マイクロ）プロセッサ、論理ゲート、スイッチ、特定用途向け集積回路（ＡＳＩＣ）、プログラマブル論理コントローラ、及び組み込みマイクロコントローラによって実行可能なコンピュータ可読プログラムコード（例えば、ソフトウェアまたはファームウェア）を記憶したコンピュータ可読媒体の形態であってもよい。コントローラの実施例は、以下のマイクロコントローラ、ＡＲＣ６２５Ｄ、Ａｔｍｅｌ ＡＴ９１ＳＡＭ、Ｍｉｃｒｏｃｈｉｐ ＰＩＣ１８Ｆ２６Ｋ２０、及びＳｉｌｉｃｏｎｅ Ｌａｂｓ Ｃ８０５１Ｆ３２０を含むが、これらに限定されず、メモリコントローラもまた、メモリの制御ロジックの一部として実装されてもよい。当業者は、また、純粋なコンピュータ可読プログラムコードによりコントローラを実装することに加えて、コントローラが、論理ゲート、スイッチ、特定用途向け集積回路、プログラマブル論理コントローラ、組み込みマイクロコントローラなどの形態で同一機能を実装するように、方法ステップを論理的にプログラムすることが、完全に実現可能であることを認識している。したがって、そのようなコントローラを、ハードウェアコンポーネントの一種とみなしてもよく、様々な機能を実装した、その中に含まれる装置もまた、ハードウェアコンポーネント内部の構造とみなしてよい。代替的に、様々な機能を実施するための装置は、さらに、方法を実施するためのソフトウェアモジュールとしてだけでなく、ハードウェアコンポーネント内の構造としても、みなしてよい。
本開示による装置内のいくつかのモジュールは、全体的な文脈において、コンピュータによって実行されるコンピュータ実行可能命令のプログラムモジュールなどとして説明され得る。概して、プログラムモジュールは、特定のタスクを実行し、または特定の抽象データ型を実装するための、ルーチン、プログラム、オブジェクト、エレメント、データ構造、クラスなどを含む。本開示は、また、分散コンピューティング環境においても実施されてもよく、これらの分散コンピューティング環境では、通信ネットワークを通して接続されるリモート処理デバイスによってタスクが実行される。分散コンピューティング環境では、プログラムモジュールが、記憶デバイスを含むローカル及びリモートコンピュータ記憶媒体に位置してもよい。
実施態様に関する前述の説明を通して、本開示が、ソフトウェアに加えて必要なハードウェアによって実施され得ることを、当業者は明確に理解し得る。そのような理解に基づいて、先行技術に本質的または部分的に寄与する本開示の技術的解決策は、ソフトウェア製品の形態で具現化されてもよく、データ移行の実施プロセスを通して具現化されてもよい。コンピュータソフトウェア製品は、ＲＯＭ／ＲＡＭ、磁気ディスク、または光ディスクなどの記憶媒体に記憶されてもよく、コンピュータデバイス（パーソナルコンピュータ、モバイル端末、サーバ、ネットワークデバイスなどであり得る）に、例としての本開示の実施形態それぞれ、または例としての本開示の実施形態のいくつかの部分における方法を実行するように命令するための複数の命令を含む。
本明細書における例としての実施形態は、進歩した態様について説明され、例としての実施形態の同一または類似の部分について、互いに参照が行われてもよく、例としての実施形態それぞれは、他の例としての実施形態との差異に着目する。本開示は、例えば、パーソナルコンピュータ、サーバコンピュータ、手持ちデバイスまたはポータブルデバイス、タブレットデバイス、モバイル通信端末、マルチプロセッサシステム、マイクロプロセッサベースシステム、プログラマブル電子デバイス、ネットワークＰＣ、ミニコンピュータ、メインフレームコンピュータ、任意の前述したシステムまたはデバイスを含む分散コンピューティング環境などの、多くの汎用または専用コンピュータシステム環境または構成に、完全または部分的に適用され得る。
本開示は、例としての実施形態を通して示されてきたが、本開示が、本開示の趣旨から逸脱することなく多くの変形及び修正を有し、添付の特許請求の範囲が、本開示の思想から逸脱することなくこれらの変形及び変更を含むことが望まれることを、当業者は理解するはずである。

Claims (20)

  1. クライアント端末によって、サーバに対するページコンテンツ要求を開始することと、
    前記サーバによって返された、受信したページ応答コンテンツに基づいて、前記要求ページを開くことと、
    前記ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせることと、
    前記ページ応答コンテンツ内に前記プリセット識別子が存在すると判定することに応じて、設定されたカスタムコンポーネント構文解析エンジンをロードして、前記要求ページ内のカスタムコンポーネントのタグを構文解析することと、
    前記カスタムコンポーネントの前記タグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択することと、
    設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、前記カスタムコンポーネントをレンダリングすることと、
    レンダリングされた前記カスタムコンポーネントを前記要求ページの対応する位置に追加することと、
    を含む、方法。
  2. 前記サーバによって、前記ページコンテンツ要求を受信すると、前記要求ページがカスタムコンポーネントのタグを含むと判定することをさらに含む、請求項１に記載の方法。
  3. 前記要求ページが前記カスタムコンポーネントの前記タグを含むと判定することに応じて、前記クライアント端末に返される前記ページ応答コンテンツ内に前記プリセット識別子を設定することをさらに含む、請求項２に記載の方法。
  4. 前記要求ページ内の前記カスタムコンポーネントの前記タグを構文解析することが、
    前記要求ページ内の前記カスタムコンポーネントの前記タグの情報を抽出することを含む、請求項１に記載の方法。
  5. 前記要求ページ内の前記カスタムコンポーネントの前記タグを構文解析することが、
    抽出された前記情報に従って、前記タグ情報に対応する前記設定されたカスタムコンポーネントレンダリングエンジンを決定することをさらに含む、請求項１に記載の方法。
  6. トリガされた前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項１に記載の方法。
  7. 前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項６に記載の方法。
  8. 前記設定されたカスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項７に記載の方法。
  9. ユーザ定義された、設定されたカスタムコンポーネントの構文解析情報を、クライアント端末のカスタムコンポーネント構文解析エンジンに送信することと、
    受信した前記クライアント端末のページコンテンツ要求に従って、対応するページ応答コンテンツを返すことと、を含む、方法。
  10. 受信した前記クライアント端末の前記ページコンテンツ要求に従って、前記対応するページ応答コンテンツを前記返すことが、
    前記カスタムコンポーネントのタグが、前記クライアント端末の要求ページにおいて使用されていると判定することを含む、請求項９に記載の方法。
  11. 受信した前記クライアント端末の前記ページコンテンツ要求に従って、前記対応するページ応答コンテンツを返すことが、
    前記クライアント端末に返される前記ページ応答コンテンツ内にプリセット識別子を設定することをさらに含む、請求項１０に記載の方法。
  12. 前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項９に記載の方法。
  13. 前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項１２に記載の方法。
  14. 前記カスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項１３に記載の装置。
  15. トリガされた要求ページに基づいて、サーバに対するページコンテンツ要求を開始するように構成された、ページ要求モジュールと、
    前記サーバによって返されたページ応答コンテンツを受信し、前記ページ応答コンテンツに従って前記要求ページを開き、前記ページ応答コンテンツ内にプリセット識別子が存在するかどうかを問い合わせるように構成された、受信及び処理モジュールと、
    前記ページ応答コンテンツ内にプリセット識別子が存在すると判定することに応じて、設定されたカスタムコンポーネント構文解析エンジンをロードして、前記要求ページ内のカスタムコンポーネントのタグを構文解析するように構成された、ページ構文解析モジュールと、
    前記カスタムコンポーネントの前記タグを構文解析することによって得られたタグ情報に従って、対応するカスタムコンポーネントを選択し、設定されたカスタムコンポーネントレンダリングエンジンを呼び出して、前記カスタムコンポーネントをレンダリングするように構成された、ページレンダリングモジュールと、
    レンダリングされた前記カスタムコンポーネントを前記要求ページの対応する位置に追加するように構成された、動的レイアウトモジュールと、
    を、備える装置。
  16. 前記ページ構文解析モジュールが、前記要求ページ内の前記カスタムコンポーネントの前記タグの情報を抽出するようにさらに構成されている、請求項１５に記載の装置。
  17. 前記ページ構文解析モジュールが、抽出された前記情報に従って、前記タグ情報に対応する前記設定されたカスタムコンポーネントレンダリングエンジンを決定するようにさらに構成されている、請求項１６に記載の装置。
  18. トリガされた前記要求ページが、端末アプリケーションのＨＴＭＬページである、請求項１５に記載の装置。
  19. 前記カスタムコンポーネントが、ネイティブコンポーネントを含む、請求項１８に記載の装置。
  20. 前記設定されたカスタムコンポーネント構文解析エンジンが、ネイティブコンポーネント構文解析エンジンｃｏｒｅ．ｊｓを含む、請求項１９に記載の装置。
JP2018556821A 2016-05-12 2017-05-04 ページコンポーネント動的レイアウト Active JP6740373B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201610312934.8 2016-05-12
CN201610312934.8A CN107368487B (zh) 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端
PCT/US2017/031064 WO2017196635A1 (en) 2016-05-12 2017-05-04 Page component dynamic layout

Publications (2)

Publication Number Publication Date
JP2019520624A true JP2019520624A (ja) 2019-07-18
JP6740373B2 JP6740373B2 (ja) 2020-08-12

Family

ID=60267848

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2018556821A Active JP6740373B2 (ja) 2016-05-12 2017-05-04 ページコンポーネント動的レイアウト

Country Status (9)

Country Link
US (1) US10325009B2 (ja)
EP (1) EP3455695A4 (ja)
JP (1) JP6740373B2 (ja)
KR (1) KR102179149B1 (ja)
CN (1) CN107368487B (ja)
MY (1) MY194978A (ja)
SG (1) SG11201809098YA (ja)
TW (1) TWI690812B (ja)
WO (1) WO2017196635A1 (ja)

Families Citing this family (46)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857473A (zh) * 2017-11-29 2019-06-07 北京京东尚科信息技术有限公司 一种页面数据的加载方法和装置
CN108023960B (zh) * 2017-12-08 2019-05-21 百度在线网络技术（北京）有限公司 构建Feed流应用的装置和Feed流信息推送的方法
CN108090159A (zh) * 2017-12-12 2018-05-29 福建中金在线信息科技有限公司 一种网站页面的生成方法、装置、电子设备及存储介质
CN109933261A (zh) * 2017-12-18 2019-06-25 北京奇虎科技有限公司 直播应用中的交互方法、装置和计算机可读存储介质
CN110020371B (zh) * 2017-12-26 2021-04-16 航天信息股份有限公司 一种基于react-native页面布局联动的方法及装置
CN108337664B (zh) * 2018-01-22 2021-07-27 北京中科视维文化科技有限公司 基于地理位置的旅游景区增强现实互动导览系统及方法
CN108388444A (zh) * 2018-03-05 2018-08-10 重庆邮电大学 一种基于React组件的前端页面配置方法及系统
CN108446117A (zh) * 2018-03-20 2018-08-24 苏州思必驰信息科技有限公司 在语音对话平台的产品中配置ui的方法及系统
CN108595160B (zh) * 2018-05-16 2022-04-01 福建天泉教育科技有限公司 Js调用原生对象的方法、存储介质
CN108804284B (zh) * 2018-05-23 2022-03-11 北京五八信息技术有限公司 一种崩溃信息的收集方法、装置、设备及存储介质
CN108804197B (zh) * 2018-06-19 2022-04-05 北京五八信息技术有限公司 一种动态组件化实现方法、装置、设备及存储介质
CN109032722B (zh) * 2018-06-27 2021-09-28 广州视源电子科技股份有限公司 更新ui组件的显示效果的方法、装置及设备、介质
CN110688114B (zh) * 2018-07-05 2022-11-11 武汉斗鱼网络科技有限公司 桥接原生列表视图的方法、存储介质、设备及系统
CN110889067A (zh) * 2018-09-10 2020-03-17 广州虎牙信息科技有限公司 页面的渲染方法、装置、设备及存储介质
CN109408189B (zh) * 2018-11-02 2022-07-12 北京字节跳动网络技术有限公司 客户端界面布局的动态调整方法、装置、设备和介质
CN109240693A (zh) * 2018-11-23 2019-01-18 四川长虹电器股份有限公司 一种基于react的多条件组合搜索控件的创建方法
CN109543122B (zh) * 2018-11-28 2021-11-23 网易（杭州）网络有限公司 内容同步方法、装置、存储介质及电子装置
CN111339455B (zh) * 2018-12-18 2024-02-23 阿里巴巴集团控股有限公司 浏览器应用加载页面首屏的方法和装置
CN109683879B (zh) * 2018-12-29 2020-06-12 北京创鑫旅程网络技术有限公司 前端组件处理方法及装置
CN109948020A (zh) * 2019-01-14 2019-06-28 北京三快在线科技有限公司 数据获取方法、装置、系统及可读存储介质
CN111475138B (zh) * 2019-01-23 2023-04-25 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
CN109947404A (zh) * 2019-01-25 2019-06-28 北京邮电大学 一种基于多媒体网络教学产品下的小学生练字系统
CN111723316B (zh) * 2019-03-22 2024-06-04 阿里巴巴集团控股有限公司 字符串的渲染方法、装置、终端设备及计算机存储介质
CN110362371B (zh) * 2019-06-19 2022-07-22 北京百度网讯科技有限公司 视图层级的控制方法、装置及系统、计算机设备及介质
CN110851092A (zh) * 2019-11-15 2020-02-28 厦门商集网络科技有限责任公司 一种b/s构架下基于打印模板的自定义打印方法和系统
CN111026490B (zh) * 2019-12-09 2023-04-11 北京小米移动软件有限公司 页面渲染方法、装置、电子设备及存储介质
CN111143526B (zh) * 2019-12-18 2024-03-22 口碑(上海)信息技术有限公司 一种咨询服务控件配置信息的生成、控制方法及装置
CN111242688B (zh) * 2020-01-13 2023-06-30 Oppo广东移动通信有限公司 动画资源的制作方法、装置、移动终端和存储介质
US11847478B2 (en) 2020-01-17 2023-12-19 Vmware, Inc. Real-time feedback associated with configuring virtual infrastructure objects using tags
US20210227023A1 (en) * 2020-01-17 2021-07-22 Vmware, Inc. System and method for managing tagged virtual infrastructure objects
CN111290809A (zh) * 2020-01-17 2020-06-16 西安奥卡云数据科技有限公司 一种数据大屏的动态编辑方法
CN111259301B (zh) * 2020-01-19 2023-05-02 北京飞漫软件技术有限公司 Html页面内元素渲染的方法、装置、设备和存储介质
CN111309424B (zh) * 2020-02-12 2023-09-22 中国平安人寿保险股份有限公司 一种页面还原方法及相关设备
CN113282858A (zh) * 2020-02-20 2021-08-20 浙江宇视科技有限公司 页面加载方法、装置、系统及存储介质
CN112306594A (zh) * 2020-04-16 2021-02-02 北京沃东天骏信息技术有限公司 一种基于移动端的渲染方法、装置及存储介质
CN111857658A (zh) * 2020-06-19 2020-10-30 北京字节跳动网络技术有限公司 一种渲染动态组件的方法、装置、介质和电子设备
CN111984235B (zh) * 2020-08-19 2024-06-07 上海翘腾科技有限公司 一种可定制化的前端低代码开发系统及方法
CN112153064B (zh) * 2020-09-28 2022-11-22 上海缓存命中科技有限公司 应用商店及其使用方法
CN112308755A (zh) * 2020-10-30 2021-02-02 平安普惠企业管理有限公司 基于Hybrid混合型App页面水印的图片检测方法、系统及装置
CN112418997B (zh) * 2020-12-03 2023-06-20 政采云有限公司 一种用户界面显示方法、装置、设备及介质
CN112528191B (zh) * 2020-12-28 2022-12-16 山东鲁能软件技术有限公司 用于Web数据可视化的动态布局引擎装置及使用方法
CN113297522A (zh) * 2021-05-10 2021-08-24 广州虎牙科技有限公司 一种页面渲染方法、装置、电子设备及可读存储介质
CN113505271A (zh) * 2021-07-14 2021-10-15 杭州隆埠科技有限公司 Html文档的解析方法、发送方法、解析装置以及发送装置
CN113722538B (zh) * 2021-09-08 2023-09-05 北京奇艺世纪科技有限公司 一种界面动态渲染方法及装置
CN114675924B (zh) * 2022-05-26 2022-08-19 云账户技术(天津)有限公司 基于FlexBox的页面布局方法、装置及电子设备
CN115617324B (zh) * 2022-09-08 2024-01-26 中电金信软件有限公司 一种客户端网页的生成方法

Family Cites Families (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6981212B1 (en) * 1999-09-30 2005-12-27 International Business Machines Corporation Extensible markup language (XML) server pages having custom document object model (DOM) tags
US7089330B1 (en) * 2000-09-28 2006-08-08 I2 Technologies Us, Inc. System and method for transforming custom content generation tags associated with web pages
US7546576B2 (en) 2001-06-15 2009-06-09 Lightsurf Technology, Inc. Software framework for web-based applications
US7058671B2 (en) 2001-09-13 2006-06-06 International Business Machines Corporation System combining information with view templates generated by compiler in a server for generating view structure for client computer
US7219350B2 (en) 2003-03-19 2007-05-15 International Business Machines Corporation Dynamic server page meta-engines with data sharing for dynamic content and non-JSP segments rendered through other engines
US7458019B2 (en) * 2004-01-20 2008-11-25 International Business Machines Corporation System and method for creating and rendering client-side user interfaces via custom tags
US8010955B2 (en) * 2004-03-05 2011-08-30 International Business Machines Corporation Reducing the run-time cost of incorporating custom tags in a server page
US7739589B2 (en) * 2005-11-02 2010-06-15 International Business Machines Corporation Extending markup of a browser using a plug-in framework
US9081782B2 (en) 2006-11-17 2015-07-14 Cabin Creek, Llc Systems and methods for dynamically generating graphical memorabilia projects for presentation and use
WO2008157322A1 (en) 2007-06-13 2008-12-24 Quattro Wireless, Inc. Displaying content on a mobile device
US8054310B2 (en) 2007-06-18 2011-11-08 International Business Machines Corporation Recasting a legacy web page as a motion picture with audio
US20100095197A1 (en) * 2008-10-13 2010-04-15 Sap Ag System and method for dynamic content publishing
TW201101067A (en) * 2009-06-30 2011-01-01 Alibaba Group Holding Ltd Method and server for providing picture searching
US20130290480A1 (en) * 2010-01-11 2013-10-31 Ensighten, Inc. Use of Method Overrides for Dynamically Changing Visible Page Content
CN102918523A (zh) * 2010-05-26 2013-02-06 诺基亚公司 在应用中指定用户接口元素呈现的映射参数的方法和装置
US9578085B2 (en) * 2011-02-28 2017-02-21 Unwired Nation Mobile application system
US20150161277A1 (en) * 2011-03-14 2015-06-11 Browsium, Inc. Methods and systems for one browser version to use a rendering engine of another browser version for displaying information
US8510237B2 (en) * 2011-03-15 2013-08-13 Qualcomm Incorporated Machine learning method to identify independent tasks for parallel layout in web browsers
CN102843393B (zh) * 2011-06-22 2015-02-25 腾讯科技（深圳）有限公司 网络应用的运行装置及方法
US20130073945A1 (en) 2011-09-15 2013-03-21 International Business Machines Corporation Dynamic reorganization of page elements of a web application
US8627204B2 (en) * 2011-10-18 2014-01-07 Microsoft Corporation Custom optimization of web pages
US20130212487A1 (en) 2012-01-09 2013-08-15 Visa International Service Association Dynamic Page Content and Layouts Apparatuses, Methods and Systems
US20130282812A1 (en) * 2012-04-24 2013-10-24 Samuel Lessin Adaptive audiences for claims in a social networking system
CN102737128B (zh) * 2012-06-20 2014-12-10 深圳市远行科技有限公司 一种基于浏览器的动态页面处理装置
US9519633B2 (en) * 2012-07-31 2016-12-13 Nec Corporation Word latent topic estimation device and word latent topic estimation method
US9910833B2 (en) 2012-11-13 2018-03-06 International Business Machines Corporation Automatically rendering web and/or hybrid applications natively in parallel
US9424347B2 (en) * 2013-01-16 2016-08-23 Hewlett-Packard Development Company, L. P. Techniques pertaining to document creation
US10346501B2 (en) * 2013-03-13 2019-07-09 International Business Machines Corporation Mobile enablement of existing web sites
JP6166484B2 (ja) * 2014-02-05 2017-07-19 アップル インコーポレイテッド コントローラとアクセサリとの通信のための統一的通信プロトコル
CN103886029B (zh) * 2014-03-03 2017-10-27 百度在线网络技术（北京）有限公司 网页应用的实现方法、装置、服务器及系统
RU2014122128A (ru) * 2014-05-29 2015-12-10 Общество С Ограниченной Ответственностью "Яндекс" Способ отображения веб-ресурса пользователю при помощи браузера и электронное устройство, используемое в нем
US10372791B2 (en) * 2014-10-08 2019-08-06 Staples, Inc. Content customization
CN105574049B (zh) * 2014-10-30 2020-07-03 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和系统
US11449560B2 (en) * 2015-07-27 2022-09-20 WP Company, LLC Native integration of arbitrary data sources

Also Published As

Publication number Publication date
TW201810071A (zh) 2018-03-16
KR102179149B1 (ko) 2020-11-18
CN107368487B (zh) 2020-09-29
WO2017196635A1 (en) 2017-11-16
US10325009B2 (en) 2019-06-18
EP3455695A1 (en) 2019-03-20
MY194978A (en) 2022-12-29
US20170329746A1 (en) 2017-11-16
EP3455695A4 (en) 2020-03-11
SG11201809098YA (en) 2018-11-29
CN107368487A (zh) 2017-11-21
TWI690812B (zh) 2020-04-11
JP6740373B2 (ja) 2020-08-12
KR20190005855A (ko) 2019-01-16

Similar Documents

Publication Publication Date Title
JP6740373B2 (ja) ページコンポーネント動的レイアウト
US20190251143A1 (en) Web page rendering method and related device
US8458585B1 (en) Delayed code parsing for reduced startup latency
US11706331B2 (en) Information processing method and apparatus, storage medium, and electronic device
CN107168960B (zh) 一种业务执行方法及装置
KR20200043467A (ko) 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치
US9507480B1 (en) Interface optimization application
KR102348766B1 (ko) 데이터 처리 방법 및 장치
TW201723897A (zh) 資訊顯示方法、裝置及智能終端
US10205678B2 (en) Systems and methods for client-side dynamic information resource activation and deactivation
CN111666497A (zh) 应用程序的加载方法、装置、电子设备及可读存储介质
CN111212183B (zh) 一种用于运行寄宿应用的方法、设备及计算机可读介质
US20140317537A1 (en) Browser based application program extension method and device
US11930096B2 (en) Systems and methods for rendering interactive web pages
CN112182442A (zh) 页面处理方法、装置、电子设备及计算机可读存储介质
US20150154314A1 (en) Method, apparatus and terminal for webpage content browsing
US20140237133A1 (en) Page download control method, system and program for ie core browser
CN114647411A (zh) 编程界面加载方法、装置、电子设备及存储介质
CN114528510A (zh) 网页数据处理的方法、装置、电子设备及介质
CN111008050B (zh) 页面任务执行方法、装置、终端及存储介质
CN112256992A (zh) 一种融合多链接地址的信息流的原生渲染的方法与设备
CN112256991A (zh) 一种融合多链接地址的信息流的原生渲染的方法与设备
CN111090515A (zh) 一种访问控制方法、装置、终端设备及存储介质
CN112306324B (zh) 信息处理方法、装置、设备和介质
CN118051221A (zh) 一种程序生成方法及相关设备

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20190110

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20191029

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20191119

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200124

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20200623

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200722

R150 Certificate of patent or registration of utility model

Ref document number: 6740373

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313113

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250