TW201810071A - 頁面元件動態佈局方法、裝置及客戶端 - Google Patents

頁面元件動態佈局方法、裝置及客戶端 Download PDF

Info

Publication number
TW201810071A
TW201810071A TW106107424A TW106107424A TW201810071A TW 201810071 A TW201810071 A TW 201810071A TW 106107424 A TW106107424 A TW 106107424A TW 106107424 A TW106107424 A TW 106107424A TW 201810071 A TW201810071 A TW 201810071A
Authority
TW
Taiwan
Prior art keywords
page
custom
component
client
request
Prior art date
Application number
TW106107424A
Other languages
English (en)
Other versions
TWI690812B (zh
Inventor
陳文鴻
Original Assignee
阿里巴巴集團服務有限公司
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 阿里巴巴集團服務有限公司 filed Critical 阿里巴巴集團服務有限公司
Publication of TW201810071A publication Critical patent/TW201810071A/zh
Application granted granted Critical
Publication of TWI690812B publication Critical patent/TWI690812B/zh

Links

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

本申請提供一種頁面元件動態佈局方法、裝置及客戶端。所述方法包括：客戶端基於觸發的請求頁面向伺服器發起頁面內容請求；客戶端查詢頁面響應內容中是否存在預設標記符；若存在，則加載設置的自定義元件解析引擎對自定義元件的標籤進行解析；客戶端根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染，將渲染後的自定義元件添加到請求頁面的相應位置。利用本申請實施例可以實現在原生WebView上Native元件的動態佈局，解決了現有技術中Native元件無法在HTML頁面上實現動態佈局的技術問題，提高作業人員頁面佈局的便利性。

Description

頁面元件動態佈局方法、裝置及客戶端
本申請屬於電腦資料處理技術領域，尤其關於一種頁面元件動態佈局方法、裝置及客戶端。
隨著移動互聯網的日益興起，用戶對在手機、平板等移動終端設備上透過APP的Web頁面進行新聞閱讀、視頻觀看、線上購物、即時通信等的需求越來越複雜和多樣化。APP的快速反覆運算成了許多APP移動廠商面臨的嚴峻考驗，因此，在移動APP開發領域，動態化技術儼然已成為眾多APP移動廠商的開發研究重點。
在目前的移動APP開發領域，實現頁面動態佈局的動態化技術主要為採用WebView元件，它可以利用成熟的完整的WebKit開源內核可以實現客戶端的瀏覽器功能。如上所述，為了滿足用戶需求，增強用戶體驗，目前很多開放的APP已經不再停留使用原生的WebView元件，已經開始使用類似Facebook的ReactNative技術實現頁面的動態佈局。React Native脫離了傳統Hybrid App的思路，基於HTML、CSS、JavaScript重新定義了一套規 則。可以在JavaScript中用React抽象操作系統原生的UI元件，代替DOM元素來渲染，比如以<View>取代<div>，以<Image>替代<img>等。UI方面React Native提供跨平台的類似Flexbox的佈局系統，還支持CSS子集，另外還可以用JSX或者普通JavaScript語言，還有CoffeeScript和TypeScript來開發移動終端APP。
ReactNative技術提供了許多React Native開源元件，如表單、攝像機、導航控件等等，可以為移動應用開發者提供幫助。目前市面上的應用大都使用ReactNative類似的技術進行動態佈局，主要包括：使用React.js(Web平台)技術編寫ReactNative佈局頁面，然後通過react-Native.js解析引擎進行解析，最後通過Native層的解析引擎完成頁面的佈局。
目前HTML頁面在移動終端頁面中仍佔據重要地位，但這種ReactNative動態性技術的實現不遵從W3C標準，完全是獨立實現了語法、解析等步驟。該方法與現有的WebKit內核不相容，無法打開現有的頁面(例如直接打開百度、google頁面)，而且，該技術的實現對於頁面的開發人員學習成本更高，無法使用原有的HTML技術去實現在原生WebView上Native元件的動態佈局。
本申請目的在於提供一種頁面元件動態佈局方法、裝置及客戶端，可以透過在HTML頁面基礎上Native自定 義元件的標籤，完成HTML頁面上Native元件的渲染，實現在原生WebView上Native元件的動態佈局，解決了現有技術中Native元件無法在HTML頁面上實現動態佈局的技術問題，大大提高作業人員頁面佈局的便利性。
本申請提供一種頁面元件動態佈局方法、裝置及客戶端是這樣實現的：一種頁面元件動態佈局方法，所述方法包括：客戶端基於觸發的請求頁面向伺服器發起頁面內容請求；伺服器接收到所述頁面內容請求後，確定所述請求頁面中是否包含使用自定義元件的標籤；若是，則在返回給客戶端的頁面響應內容中設置預設標記符；所述客戶端根據接收的頁面響應內容打開所述請求頁面，並查詢所述頁面響應內容中是否存在預設標記符；若存在，則加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；所述客戶端根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；所述客戶端將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
一種頁面元件動態佈局方法，所述方法包括：基於觸發的請求頁面向伺服器發起頁面內容請求；基於接收的伺服器返回的頁面響應內容打開所述請求 頁面，並查詢所述頁面響應內容中是否存在預設標記符；若所述頁面響應內容中存在預設標記符，則加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
一種頁面元件動態佈局方法，所述方法包括：儲存用戶定義設置的自定義元件及所述自定義元件的解析資訊，並將所述解析資訊發送給客戶端的自定義元件解析引擎；根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若所述判斷客戶端的請求頁面中使用所述自定義元件的標籤，則在返回給所述客戶端的頁面響應內容中設置預設標記符。
一種頁面元件動態佈局裝置，所述裝置包括：頁面請求模組，用於基於觸發的請求頁面向伺服器發起頁面內容請求；接收處理模組，用於接收伺服器返回的頁面響應內容，根據所述頁面響應內容打開請求頁面，並查詢所述頁面響應內容中是否存在預設標記符；頁面解析模組，用於若查找到所述頁面響應內容中存 在預設標記符，則加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；頁面渲染模組，用於根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；動態佈局模組，用於將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
一種頁面元件動態佈局裝置，所述裝置包括：自定義元件模組，用於儲存用戶定義設置的自定義元件及所述自定義元件的解析資訊，並將所述解析資訊發送給客戶端的自定義元件解析引擎；頁面請求處理模組，用於根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若所述判斷客戶端的請求頁面中使用所述自定義元件的標籤，則在返回給所述客戶端的頁面響應內容中設置預設標記符。
一種頁面瀏覽客戶端，所述客戶端包括：第一處理單元，被設置成，用於基於觸發的請求頁面向伺服器發起頁面內容請求；還用於接收伺服器返回的頁面響應內容，並根據所述頁面響應內容打開請求頁面，以及根據所述頁面響應內容對請求頁面進行渲染；第二處理單元，被設置成，用於加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；還用於根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件 渲染引擎對所述自定義元件進行渲染；還用於將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
本申請提供的終端應用頁面的調試方法、裝置及客戶端，可以透過在HTML頁面基礎上自定義Native元件的標籤，實現在原生WebView上Native元件的動態佈局。作業人員可以在用戶瀏覽的web頁面中設計添加Native自定義元件的標籤，頁面伺服器一側對預先設置的自定義元件進行資訊抽取，計算CSS-Layout、資料、事件等得到Native自定義元件的解析資訊。這樣，用戶的發起的請求頁面中如果包含了自定義元件的標籤，頁面伺服器則可以在該請求頁面的頁面響應內容上設置標記符。相應的，客戶端WebView打開HTML頁面後如有發現有所述標記符，則可以注入Native元件解析引擎完成CSS-Layout、資料、事件等資訊的解析。然後可以調用平台相關的渲染引擎模組在客戶端進行Native元件渲染，渲染後的元件可以直接添加到原始WebView上，完成請求頁面的Native元件的動態佈局。本申請實施方案可以實現在HTML頁面上添加Native元件標籤，在用戶瀏覽的頁面上將HTML原有的標籤替換為Native渲染的元件，從而既保持了不侵入原生WebView同時又達到較好的頁面動態佈局實踐，使得基於HTML語言的頁面元件動態佈局可以大大提高作業人員的便利性。
101‧‧‧頁面請求模組
102‧‧‧接收處理模組
103‧‧‧頁面解析模組
104‧‧‧頁面渲染模組
105‧‧‧動態佈局模組
201‧‧‧自定義元件模組
202‧‧‧頁面請求處理模組
為了更清楚地說明本申請實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請中記載的一些實施例，對於本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。
圖1是本申請提供的一種頁面元件動態佈局方法一種實施例的方法流程示意圖；圖2是本申請提供的一種頁面元件動態佈局方法一種實施例的方法流程示意圖；圖3是本申請提供的一種頁面元件動態佈局方法一種實施例的方法流程示意圖；圖4是本申請提供的一種頁面元件動態佈局裝置一種實施例的模組結構示意圖；圖5是本申請提供的一種頁面元件動態佈局裝置一種實施例的模組結構示意圖。
為了使本技術領域的人員更好地理解本申請中的技術方案，下面將結合本申請實施例中的附圖，對本申請實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本申請一部分實施例，而不是全部的實施例。基於本申請中的實施例，本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例，都應當 屬於本申請保護的範圍。
下面結合附圖對本申請所述的頁面元件動態佈局方法、裝置及客戶端進行詳細的說明。圖1是本申請提供的頁面元件動態佈局方法的一種實施例的方法流程示意圖。雖然本申請提供了如下述實施例或附圖所示的方法操作步驟或裝置結構，但基於常規或者無需創造性的勞動在所述方法或裝置中可以包括更多或者更少的操作步驟或模組結構。在邏輯性上不存在必要因果關係的步驟或結構中，這些步驟的執行順序或裝置的模組結構不限於本申請實施例提供的執行順序或模組結構。所述的方法或模組結構的在實際中的裝置或終端產品執行時，可以按照實施例或者附圖所示的方法或模組結構連接進行順序執行或者並行執行(例如並行處理器或者多執行緒處理的環境)。
具體的如圖1所示，本申請提供的一種頁面元件動態佈局方法中的一種實施例可以包括：
S1：客戶端基於觸發的請求頁面向伺服器發起頁面內容請求。
當用戶在客戶端點擊一個線上或者離線的HTML頁面的時候，客戶端會進入WebView頁面，向伺服器發起用戶點擊觸發的請求頁面的頁面內容請求。所述的觸發的頁面請求具體的可以包括客戶端中廠商應用(APP)或瀏覽器中觸發的應用，如用戶打開的線上購物APP首頁，或者透過瀏覽器打開的線上搜尋頁面等。本申請中所述的客戶端可以包括使用iOS、Android、YunOS等系統的移動 終端，可以包括但不限於移動通訊終端、PDA、平板、POS機、車載電腦等。當然，實施本申請方案的非移動終端，如可以頁面瀏覽的自助服務終端、PC電腦等也屬於本申請所述的客戶端的範圍之內。
一般的，客戶端發起的頁面內容請求可以包括如頁面資料、頁面層結構、事件資訊等。如果用戶觸發的請求頁面中包括了頁面元件，那麼相應的頁面請求內容中可以包括該頁面元件的相關資訊，如頁面元件與伺服器的消息交互內容、頁面元件名稱、類型等屬性資訊等。本申請實施例中客戶端的請求頁面中可以包括設計人員根據預先設計需要替換為自定義元件的自定義標籤資訊，那麼，所述的頁面內容請求中可以包括使用自定義元件的標籤的相關資訊。所述自定義元件可以包括Native元件。
本申請實施例中，用戶觸發客戶端頁面時客戶端可以向伺服器發起該頁面的內容請求。
S2：伺服器接收到所述頁面內容請求後，確定所述請求頁面中是否包含使用自定義元件的標籤；若是，則在返回給客戶端的頁面響應內容中設置預設標記符。
本申請實施方案中，作業人員可以根據應用場景需求預先在基於HTML基礎Native自定義元件的標籤。具體的例如原生webkit渲染出來的頁面，對大列表、輸入框等方面均有性能或體驗問題，本實施例中可以將WebView上無法實現或者設計人員認為性能較差的元件標籤進行抽取、分組，抽象成頁面的自定義的Native元件標籤，例 如ListView。本實施例所述Native自定義元件標籤的可以對應一個或多個Native元件。另外，所述的抽取是針對渲染引擎的，抽取後成為渲染引擎所支持的標籤。所述的計算，是對頁面自定義元件進行資料、樣式的計算，以確定客戶端引擎能夠根據資料和樣式進行渲染出來。設計人員可以預先對所有可以使用到的自定義元件標籤進行開發和設計。
所述自定義元件標籤可以用於請求頁面的渲染。本申請實施例中可以對Native自定義元件的資訊抽取，具體的可以包括：在頁面渲染之前，完成對HTML描述檔案的預處理，將Native自定義元件的標籤進行抽取，計算其CSS-Layout、資料、event(事件)等資訊，形成Native自定義元件的解析資訊。然後，可以將抽取計算的Native自定義元件的解析資訊傳給Native元件引擎。
這樣，頁面佈局設計作業人員可以在頁面中佈局使用自定義元件的標籤，伺服器接收到客戶端發送的頁面內容請求後查找該客戶端的頁面內容請求中是否使用了自定義元件的標籤。如果客戶端請求的頁面中包含了預先定義設置的自定義元件的標籤，則可以在伺服器響應給客戶端的頁面響應內容中設置預設標記符。例如本實施例中可以在返回給客戶端的頁面響應內容標題上打入預設標記符，例如“CustomNativeComponent”。當然，所述預設標記符具體的可以由作業人員自定義設置，可以用於客戶端識別請求頁面的響應中包含自定義元件的標籤，以便進行自定 義元件的解析、渲染等處理。所述伺服器處理完所述客戶端的頁面內容請求後，將本次請求頁面完整的HTML頁面響應內容返回給所述客戶端。這樣，用戶客戶端的WebView打開HTML頁面時可以根據頁面響應內容中的標記符可以得知需要對HTML頁面中自定義元件進行解析、渲染處理。
伺服器接收到客戶端的頁面內容請求後，確定所述請求頁面中是否包含使用自定義元件的標籤；若是，則在返回給客戶端的頁面響應內容中設置預設標記符。
S3：所述客戶端根據接收的頁面響應內容打開所述請求頁面，並查詢所述頁面響應內容中是否存在預設標記符；若存在，則加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析。
在本申請實施例中，客戶端WebView接收到伺服器回饋的頁面響應內容後會打開HTML請求頁面，此時如果發現頁面響應內容中存在所述預設標記符，可以表示該打開的HTML請求頁面中包含Native自定義元件。那麼，客戶端可以加載用於解析自定義元件的解析引擎對該HTML請求頁面中的Native自定義元件的標籤進行解析。如本實施例中如果發現響應標題上存在預設標記符“CustomNativeComponent”，那麼此時客戶端將會注入Native元件解析引擎Core.js對請求頁面中的Native自定義元件標籤進行解析。
需要說明的是，本申請實施例中所述的解析具體的可 以包括解析HTML中原自定義標籤的資訊。在後續處理中可以根據解析獲取的標籤資訊選擇相應的native元件，進行native元件渲染後將native元件替換掉原標籤內容。所述的自定義元件解析引擎可以包括頁面端的core.js，主要是對頁面中使用到的自定義標籤進行抽取出來，和計算其相應資料。下述中的渲染引擎可以包括客戶端引擎，主要是根據頁面端引擎core.js帶回的自定義標籤資訊，進行客戶端native元件的渲染。因此，本實施例所述對所述請求頁面中的自定義元件的標籤進行解析可以包括：對請求頁面中自定義元件的標籤進行資訊抽取，以確定渲染引擎選擇相應的自定義元件的標籤資訊。
本實施例中，如前所述，在定義設置Native自定義元件時可以對Native自定義元件的標籤資訊抽取，如計算其CSS-Layout、資料、event(事件)等資訊，形成Native自定義元件的解析資訊。然後，可以將抽取計算的Native自定義元件的解析資訊傳給Native元件引擎。因此，客戶端加載的自定義元件解析引擎可以根據預先定義設置的自定義元件的解析資訊解析頁面中的自定義元件的標籤。
S4：所述客戶端根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染。
當所述自定義元件解析引擎解析頁面中的自定義元件標籤，完成CSS-Layout、資料、event(事件)等計算後 可以獲取該自定義元件標籤的標籤資訊後。然後可以根據抽取計算得到的標籤資訊選擇該自定義元件標籤位置相應的自定義Native元件，然後調用平台相關的自定義元件渲染引擎進行Native自定義元件的渲染。本實施例中所述的平台相關通常是指，針對iOS、Android等，系統的UI元件庫是不同的，因此，在iOS和Android端的渲染引擎，渲染部分有所不同。這裡的自定義元件渲染引擎可以僅處理自定義標籤，渲染成native元件。其他內容，因為通常情況下系統webkit已經做了相關渲染處理，自定義元件渲染引擎可以不用處理。當然，其他的一些實施方式上，也可以包括利用所述自定義元件渲染引擎完成頁面其他內容的渲染。所述的自定義元件渲染引擎可以包括Native元件動態佈局引擎，可以實現在iOS、Android以及瀏覽器端等實現Native自定義元件的渲染功能。
客戶端可以根據返回的頁面響應內容對請求頁面進行渲染處理，如果需要渲染Native元件，則調用自定義元件渲染引擎對請求頁面中解析完成的自定義元件進行渲染。
S5：所述客戶端將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
本實施例完成Native自定義元件渲染後，可以將渲染後的現Native自定義元件直接添加到原生WebView上，替換掉原標籤內容，完成現Native自定義元件的動態佈局。當然，請求頁面中可以包括一個或者多個Native 自定義元件的標籤，所述客戶端可以利用解析引擎和渲染引擎分別對所有標籤中的Native自定義元件進行解析和渲染，然後將渲染後的Native自定義元件添加到相應的請求頁面中的標籤中。
本申請實施例可以透過在HTML頁面上添加現Native自定義元件的標籤，在客戶端上透過自定義元件解析引擎和渲染引擎實現基於原生WebView的Native元件動態化佈局。本申請實施方案可以在需要最佳用戶體驗的頁面上將HTML原有的標籤替換為Native渲染後的元件，實現在HTML頁面中不入侵原生WebView的情況下的頁面元件動態化佈局，使得基於HTML語言的頁面元件動態佈局可以大大提高作業人員的便利性。
上述實施例中所述的頁面元件動態佈局方法可以適用於客戶端一側HTML頁面中自定義元件(包括但不限於Native元件)的動態佈局。因此，本申請還提供一種客戶端可以實施的頁面元件動態佈局方法。圖2是本申請提供的一種頁面元件動態佈局方法一種實施例的方法流程示意圖，具體的如圖2所示，所述方法可以包括：S201：基於觸發的請求頁面向伺服器發起頁面內容請求；S202：基於接收的伺服器返回的頁面響應內容打開所述請求頁面，並查詢所述頁面響應內容中是否存在預設標記符；S203：若所述頁面響應內容中存在預設標記符，則加 載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；S204：根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；S205：將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
本申請實施例提供的頁面元件動態佈局方法可以用於客戶端頁面上頁面元件的動態佈局，用戶瀏覽的頁面上將頁面中原有的不能直接解析或者性能較差需要修改的標籤替換為選取的自定義元件，可以大大提高作業人員的便利性。
當然，上述實施方案具體的應用場景中所述觸發的請求頁面可以包括用戶在客戶端中觸發的終端應用如瀏覽器或指定應用(APP)的HTML頁面。以及，在頁面渲染之前，可以對HTML描述檔案進行預處理，包括對自定義的Native元件標籤進行資訊抽取，計算Css-layout、event等標籤資訊，然後自定義元件引擎可以基於資訊抽取計算的元件資訊對自定義元件進行解析。在一些基於HTML頁面進行元件動態佈局的實施例中，所述自定義元件可以包括Native元件，相應的，所述設置的自定義元件解析引擎可以包括Native元件解析引擎core.js。所述對所述請求頁面中的自定義元件的標籤進行解析包括：對請求頁面中自定義元件的標籤進行資訊抽取，以確定渲染引擎選擇相應 的自定義元件的標籤資訊。
相應的，本申請還提供一種可以適用於伺服器一側的頁面元件動態佈局方法。在所述方法中，伺服器一側可以實現作業人員自定義Native元件，獲取Native元件的解析資訊，並傳給各個客戶端的解析引擎。並且，在確定客戶端的頁面內容請求中是否包含使用自定義元件的標籤，若是則在頁面相應上設置標記符，告知客戶端需要對加載自定義元件解析引擎和渲染引擎進行Native元件處理。圖3是本申請提供的一種頁面元件一種頁面元件動態佈局方法如圖3所示，所述方法可以包括：S301：儲存用戶定義設置的自定義元件及所述自定義元件的解析資訊，並將所述解析資訊發送給客戶端的自定義元件解析引擎；S302：根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若所述判斷客戶端的請求頁面中使用所述自定義元件的標籤，則在返回給所述客戶端的頁面響應內容中設置預設標記符。
上述實施例提供的可以用於客戶端或者伺服器一側的頁面元件動態佈局方法中，所述涉及到的頁面預處理、自定義元件類型如Native元件、具體的自定義元件解析處理過程等可以參照本申請其他實施例的相關描述，在此不做贅述。
基於本申請所述的頁面元件動態佈局方法，本申請提供一種頁面元件動態佈局裝置。所述裝置可以用於客戶端 一側上基於原生WebView實現Native元件動態化佈局。圖4是本申請提供的一種頁面元件動態佈局裝置一種實施例的模組結構示意圖，如圖4所示，所述裝置可以包括：頁面請求模組101，可以用於基於觸發的請求頁面向伺服器發起頁面內容請求；接收處理模組102，可以用於接收伺服器返回的頁面響應內容，根據所述頁面響應內容打開請求頁面，並查詢所述頁面響應內容中是否存在預設標記符；頁面解析模組103，可以用於若查找到所述頁面響應內容中存在預設標記符，則加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；頁面渲染模組104，可以用於根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；動態佈局模組105，可以用於將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
當然，所述的頁面解析模組、頁面渲染模組除可以對自定義元件進行解析、渲染外，還可以調用或加載其他引擎對HTML請求頁面進行相應的解析、渲染出來。
一種具體的應用場景的實施例中，如前所述，所述的頁面解析模組103具體的對所述請求頁面中的自定義元件的標籤進行解析可以包括：對請求頁面中自定義元件的標籤進行資訊抽取，以確 定渲染引擎選擇相應的自定義元件的標籤資訊。
當然，上述實施方案具體的應用場景中所述觸發的請求頁面可以包括用戶在客戶端中觸發的終端應用如瀏覽器或指定應用(APP)的HTML頁面。以及，在頁面渲染之前，可以對HTML描述檔案進行預處理，包括對自定義的Native元件標籤進行資訊抽取，計算Css-layout、event等標籤資訊。在一些基於HTML頁面進行元件動態佈局的實施例中，所述自定義元件可以包括Native元件，相應的，所述設置的自定義元件解析引擎可以包括Native元件解析引擎core.js。
基於本申請所述的頁面元件動態佈局方法，本申請提供一種頁面元件動態佈局裝置。所述裝置可以用於伺服器一側上基於原生WebView實現Native元件動態化佈局。圖5是本申請提供的一種頁面元件動態佈局裝置一種實施例的模組結構示意圖，如圖5所示，所述裝置可以包括：自定義元件模組201，可以用於儲存用戶定義設置的自定義元件及所述自定義元件的解析資訊，並將所述解析資訊發送給客戶端的自定義元件解析引擎；頁面請求處理模組202，可以用於根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若所述判斷客戶端的請求頁面中使用所述自定義元件的標籤，則在返回給所述客戶端的頁面響應內容中設置預設標記符。
上述實施例提供的裝置可以通過在HTML頁面基礎上Native自定義元件的標籤，完成HTML頁面上Native元 件的渲染，實現在原生WebView上Native元件的動態佈局，解決了現有技術中Native元件無法在HTML頁面上實現動態佈局的技術問題，大大提高作業人員頁面佈局的便利性。
如前所述，本申請提供的頁面元件動態佈局方法或裝置可以用於終端客戶端上，如無線客戶端，實現在HTML頁面佈局處理作業中基於原生WebView的Native元件動態化佈局。因此，本申請還提供一種頁面瀏覽客戶端，可以包括但不限於使用iOS、Android、YunOS系統的客戶端，實現瀏覽器端在HTML頁面基礎上自定義Native元件的動態佈局。具體的，本申請一種實施例提供的頁面瀏覽客戶端中，所述客戶端可以包括：第一處理單元，被設置成可以用於基於觸發的請求頁面向伺服器發起頁面內容請求；還可以用於接收伺服器返回的頁面響應內容，並根據所述頁面響應內容打開請求頁面，以及根據所述頁面響應內容對請求頁面進行渲染；第二處理單元，被設置成可以用於加載設置的自定義元件解析引擎，對所述請求頁面中的自定義元件的標籤進行解析；還用於根據對所述自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對所述自定義元件進行渲染；還用於將所述渲染後的自定義元件添加到所述請求頁面的相應位置。
另外，本申請所述客戶端的另一種實施例中，伺服器可以在頁面響應內容的標題中加入是否使用自定義元件標 籤的預設標記符，以指示客戶端進行自定義元件標籤處理。這樣可以加快頁面的渲染以及方便客戶端做性能統計或優化等。因此，本申請所述裝置的另一種實施例中，所述第二處理單元還可以被設置成，
基於查詢所述頁面響應內容中存在伺服器根據請求頁面中使用自定義元件標籤而設置的預設標記符加載引擎進行自定義元件的解析和渲染。
本申請提供的終端應用頁面的調試方法、裝置及客戶端，可以通過在HTML頁面基礎上自定義Native元件的標籤，實現在原生WebView上Native元件的動態佈局。作業人員可以在用戶瀏覽的web頁面中設計添加Native自定義元件的標籤，頁面伺服器一側對預先設置的自定義元件進行資訊抽取，計算CSS-Layout、資料、事件等得到Native自定義元件的解析資訊。這樣，用戶的發起的請求頁面中如果包含了自定義元件的標籤，頁面伺服器則可以在該請求頁面的頁面響應內容上設置標記符。相應的，客戶端WebView打開HTML頁面後如有發現有所述標記符，則可以注入Native元件解析引擎完成CSS-Layout、資料、事件等資訊的解析。然後可以調用平台相關的渲染引擎模組在客戶端進行Native元件渲染，渲染後的元件可以直接添加到原始WebView上，完成請求頁面的Native元件的動態佈局。本申請實施方案可以實現在HTML頁面上添加Native元件標籤，在用戶瀏覽的頁面上將HTML原有的標籤替換為Native渲染的元件，從 而既保持了不侵入原生WebView同時又達到較好的頁面動態佈局實踐，使得基於HTML語言的頁面元件動態佈局可以大大提高作業人員的便利性。
儘管本申請內容中提到自定義Native元件、元件標籤資訊抽取、頁面或元件解析、渲染等的資訊定義、資料處理、資訊交互之類的描述，但是，本申請並不局限於必須是完全標準或者所提及的方式的資訊定義、資料處理、資訊交互情況。本申請中各個實施例所涉及的上述描述僅是本申請中的一些實施例中的應用，在某些標準、方法的基礎上略加修改後的實施方式也可以實行上述本申請各實施例的方案。當然，在符合本申請上述各實施例的中所述的處理方法步驟的其他無創造性的變形，仍然可以實現相同的申請，在此不再贅述。
雖然本申請提供了如實施例或流程圖所述的方法操作步驟，但基於常規或者無創造性的勞動可以包括更多或者更少的操作步驟。實施例中列舉的步驟順序僅僅為眾多步驟執行順序中的一種方式，不代表唯一的執行順序。在實際中的裝置或客戶端產品執行時，可以按照實施例或者附圖所示的方法順序執行或者並行執行(例如並行處理器或者多執行緒處理的環境)。
上述實施例闡明的裝置、單元或模組，具體可以由電腦晶片或實體實現，或者由具有某種功能的產品來實現。為了描述的方便，描述以上裝置時以功能分為各種模組分別描述。在實施本申請時可以把各模組的功能在同一個或 多個軟體和/或硬體中實現。當然，也可以將實現某功能的模組由多個子模組或子單元組合實現。
本申請中所述的方法、裝置或模組可以以電腦可讀程式碼方式實現控制器按任何適當的方式實現，例如，控制器可以採取例如微處理器或處理器以及儲存可由該(微)處理器執行的電腦可讀程式碼(例如軟體或韌體)的電腦可讀媒體、邏輯閘、開關、專用積體電路(Application Specific Integrated Circuit，ASIC)、可程式設計邏輯控制器和嵌入微控制器的形式，控制器的例子包括但不限於以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，記憶體控制器還可以被實現為記憶體的控制邏輯的一部分。本領域技術人員也知道，除了以純電腦可讀程式碼方式實現控制器以外，完全可以透過將方法步驟進行邏輯程式設計來使得控制器以邏輯閘、開關、專用積體電路、可程式設計邏輯控制器和嵌入微控制器等的形式來實現相同功能。因此這種控制器可以被認為是一種硬體部件，而對其內部包括的用於實現各種功能的裝置也可以視為硬體部件內的結構。或者甚至，可以將用於實現各種功能的裝置視為既可以是實現方法的軟體模組又可以是硬體部件內的結構。
本申請所述裝置中的部分模組可以在由電腦執行的電腦可執行指令的一般上下文中描述，例如程式模組。一般地，程式模組包括執行特定任務或實現特定抽象資料類型的常式、程式、對象、元件、資料結構、類等等。也可以 在分散式運算環境中實踐本申請，在這些分散式運算環境中，由透過通信網路而被連接的遠端處理設備來執行任務。在分散式運算環境中，程式模組可以位於包括存放裝置在內的本地和遠端電腦儲存媒體中。
透過以上的實施方式的描述可知，本領域的技術人員可以清楚地瞭解到本申請可借助軟體加必需的硬體的方式來實現。基於這樣的理解，本申請的技術方案本質上或者說對現有技術做出貢獻的部分可以以軟體產品的形式體現出來，也可以透過資料移轉的實施過程中體現出來。該電腦軟體產品可以儲存在儲存媒體中，如ROM/RAM、磁碟、光碟等，包括若干指令用以使得一台電腦設備(可以是個人電腦，移動終端，伺服器，或者網路設備等)執行本申請各個實施例或者實施例的某些部分所述的方法。
本說明書中的各個實施例採用遞進的方式描述，各個實施例之間相同或相似的部分互相參見即可，每個實施例重點說明的都是與其他實施例的不同之處。本申請的全部或者部分可用於眾多通用或專用的電腦系統環境或配置中。例如：個人電腦、伺服器電腦、手持設備或可擕式設備、平板型設備、移動通信終端、多處理器系統、基於微處理器的系統、可程式設計的電子設備、網路PC、小型電腦、大型電腦、包括以上任何系統或設備的分散式運算環境等等。
雖然通過實施例描繪了本申請，本領域普通技術人員知道，本申請有許多變形和變化而不脫離本申請的精神， 希望所附的申請專利範圍包括這些變形和變化而不脫離本申請的精神。

Claims (13)

  1. 一種頁面元件動態佈局方法，其特徵在於，該方法包括：客戶端基於觸發的請求頁面向伺服器發起頁面內容請求；伺服器接收到該頁面內容請求後，確定該請求頁面中是否包含使用自定義元件的標籤；若是，則在返回給客戶端的頁面響應內容中設置預設標記符；該客戶端根據接收的頁面響應內容打開該請求頁面，並查詢該頁面響應內容中是否存在預設標記符；若存在，則加載設置的自定義元件解析引擎，對該請求頁面中的自定義元件的標籤進行解析；該客戶端根據對該自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對該自定義元件進行渲染；該客戶端將該渲染後的自定義元件添加到該請求頁面的相應位置。
  2. 一種頁面元件動態佈局方法，其特徵在於，該方法包括：基於觸發的請求頁面向伺服器發起頁面內容請求；基於接收的伺服器返回的頁面響應內容打開該請求頁面，並查詢該頁面響應內容中是否存在預設標記符；若該頁面響應內容中存在預設標記符，則加載設置的自定義元件解析引擎，對該請求頁面中的自定義元件的標 籤進行解析；根據對該自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對該自定義元件進行渲染；將該渲染後的自定義元件添加到該請求頁面的相應位置。
  3. 如申請專利範圍第2項所述的一種頁面元件動態佈局方法，其中，所述對該請求頁面中的自定義元件的標籤進行解析包括：對請求頁面中自定義元件的標籤進行資訊抽取，以確定渲染引擎選擇相應的自定義元件的標籤資訊。
  4. 如申請專利範圍第2項所述的一種頁面元件動態佈局方法，其中，該觸發的請求頁面為用戶觸發的終端應用的HTML頁面。
  5. 如申請專利範圍第3或4項所述的一種頁面元件動態佈局方法，其中，該自定義元件包括Native元件，該設置的自定義元件解析引擎包括Native元件解析引擎core.js。
  6. 一種頁面元件動態佈局方法，其特徵在於，該方法包括：儲存用戶定義設置的自定義元件及該自定義元件的解析資訊，並將該解析資訊發送給客戶端的自定義元件解析引擎； 根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若判斷客戶端的請求頁面中使用該自定義元件的標籤，則在返回給該客戶端的頁面響應內容中設置預設標記符。
  7. 一種頁面元件動態佈局裝置，其特徵在於，該裝置包括：頁面請求模組，用於基於觸發的請求頁面向伺服器發起頁面內容請求；接收處理模組，用於接收伺服器返回的頁面響應內容，根據該頁面響應內容打開請求頁面，並查詢該頁面響應內容中是否存在預設標記符；頁面解析模組，用於若查找到該頁面響應內容中存在預設標記符，則加載設置的自定義元件解析引擎，對該請求頁面中的自定義元件的標籤進行解析；頁面渲染模組，用於根據對該自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對該自定義元件進行渲染；動態佈局模組，用於將該渲染後的自定義元件添加到該請求頁面的相應位置。
  8. 如申請專利範圍第7項所述的一種頁面元件動態佈局裝置，其中，所述的頁面解析模組的對該請求頁面中的自定義元件的標籤進行解析包括：對請求頁面中自定義元件的標籤進行資訊抽取，以確定渲染引擎選擇相應的自定義元件的標籤資訊。
  9. 如申請專利範圍第7項所述的一種頁面元件動態佈局裝置，其中，該觸發的請求頁面為用戶觸發的終端應用的HTML頁面。
  10. 如申請專利範圍第8或9項所述的一種頁面元件動態佈局裝置，其中，該自定義元件包括Native元件，該設置的自定義元件解析引擎包括Native元件解析引擎core.js。
  11. 一種頁面元件動態佈局裝置，其特徵在於，該裝置包括：自定義元件模組，用於儲存用戶定義設置的自定義元件及該自定義元件的解析資訊，並將該解析資訊發送給客戶端的自定義元件解析引擎；頁面請求處理模組，用於根據接收到的客戶端的頁面內容請求返回相應的頁面響應內容；若判斷客戶端的請求頁面中使用該自定義元件的標籤，則在返回給該客戶端的頁面響應內容中設置預設標記符。
  12. 一種頁面瀏覽客戶端，其特徵在於，該客戶端包括：第一處理單元，被設置成，用於基於觸發的請求頁面向伺服器發起頁面內容請求；還用於接收伺服器返回的頁面響應內容，並根據該頁面響應內容打開請求頁面，以及根據該頁面響應內容對請求頁面進行渲染；第二處理單元，被設置成，用於加載設置的自定義元件解析引擎，對該請求頁面中的自定義元件的標籤進行解 析；還用於根據對該自定義元件的標籤解析得到的標籤資訊選擇相應的自定義元件，並調用設置的自定義元件渲染引擎對該自定義元件進行渲染；還用於將該渲染後的自定義元件添加到該請求頁面的相應位置。
  13. 如申請專利範圍第12項所述一種頁面瀏覽客戶端，其中，該第二處理單元還被設置成，基於查詢該頁面響應內容中存在伺服器根據請求頁面中使用自定義元件標籤而設置的預設標記符加載引擎進行自定義元件的解析和渲染。
TW106107424A 2016-05-12 2017-03-07 頁面元件動態佈局方法、裝置及客戶端 TWI690812B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
??201610312934.8 2016-05-12
CN201610312934.8A CN107368487B (zh) 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端
CN201610312934.8 2016-05-12

Publications (2)

Publication Number Publication Date
TW201810071A true TW201810071A (zh) 2018-03-16
TWI690812B TWI690812B (zh) 2020-04-11

Family

ID=60267848

Family Applications (1)

Application Number Title Priority Date Filing Date
TW106107424A TWI690812B (zh) 2016-05-12 2017-03-07 頁面元件動態佈局方法、裝置及客戶端

Country Status (9)

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

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广东移动通信有限公司 动画资源的制作方法、装置、移动终端和存储介质
CN111290809A (zh) * 2020-01-17 2020-06-16 西安奥卡云数据科技有限公司 一种数据大屏的动态编辑方法
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
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
US8762556B2 (en) * 2007-06-13 2014-06-24 Apple 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
US20120137211A1 (en) * 2010-05-26 2012-05-31 Nokia Corporation Method and Apparatus for Specifying Mapping Parameters for User Interface Element Presentation in an Application
US9578085B2 (en) * 2011-02-28 2017-02-21 Unwired Nation Mobile application system
WO2012125696A2 (en) * 2011-03-14 2012-09-20 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 深圳市远行科技有限公司 一种基于浏览器的动态页面处理装置
JPWO2014020834A1 (ja) * 2012-07-31 2016-07-21 日本電気株式会社 単語潜在トピック推定装置および単語潜在トピック推定方法
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
US9979625B2 (en) * 2014-02-05 2018-05-22 Apple Inc. Uniform communication protocols for communication between controllers and accessories
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
JP6740373B2 (ja) 2020-08-12
MY194978A (en) 2022-12-29
US10325009B2 (en) 2019-06-18
SG11201809098YA (en) 2018-11-29
CN107368487B (zh) 2020-09-29
JP2019520624A (ja) 2019-07-18
CN107368487A (zh) 2017-11-21
KR20190005855A (ko) 2019-01-16
US20170329746A1 (en) 2017-11-16
EP3455695A1 (en) 2019-03-20
WO2017196635A1 (en) 2017-11-16
EP3455695A4 (en) 2020-03-11
KR102179149B1 (ko) 2020-11-18
TWI690812B (zh) 2020-04-11

Similar Documents

Publication Publication Date Title
TWI690812B (zh) 頁面元件動態佈局方法、裝置及客戶端
KR102436987B1 (ko) 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치
US10108715B2 (en) Transformation and presentation of on-demand native application crawling results
US10733259B2 (en) Web page access method and apparatus
US8539336B2 (en) System for linking to documents with associated annotations
US10515142B2 (en) Method and apparatus for extracting webpage information
JP2022519793A (ja) アプレットの実行方法、装置、電子機器及び記憶媒体
US20150012924A1 (en) Method and Device for Loading a Plug-In
US20140082498A1 (en) Method and mobile terminal device for independently playing a video
US20130031457A1 (en) System for Creating and Editing Temporal Annotations of Documents
US20130031453A1 (en) System for Annotating Documents Served by a Document System without Functional Dependence on the Document System
US20130031454A1 (en) System for Programmatically Accessing Document Annotations
US20140325323A1 (en) Online video playing method and apparatus and computer readable medium
TW201723897A (zh) 資訊顯示方法、裝置及智能終端
JP7087121B2 (ja) ランディングページの処理方法、装置、機器及び媒体
US11157576B2 (en) Method, system and terminal for performing search in a browser
US10171542B2 (en) Method for providing cloud streaming service, device and system for same, and computer-readable recording medium having, recorded thereon, cloud streaming script code for same
CN112416496A (zh) 页面展示方法、装置及存储介质
KR102061682B1 (ko) 클라우드 브라우저 기반의 사용자 활동 분석 방법 및 이를 위한 장치
CN115859333A (zh) 文件传输加密方法、装置、设备及可读存储介质
US20140082528A1 (en) Method and system for moving bookmarks for a mobile browser
EP2898657A1 (en) Method and system for moving bookmarks for a mobile browser