CN106371844A - Method and system for presenting webpage by native user interface assembly - Google Patents

Method and system for presenting webpage by native user interface assembly Download PDF

Info

Publication number
CN106371844A
CN106371844A CN201610799828.7A CN201610799828A CN106371844A CN 106371844 A CN106371844 A CN 106371844A CN 201610799828 A CN201610799828 A CN 201610799828A CN 106371844 A CN106371844 A CN 106371844A
Authority
CN
China
Prior art keywords
elements
node
document
entity
container
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
CN201610799828.7A
Other languages
Chinese (zh)
Other versions
CN106371844B (en
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.)
Beijing QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and Technology Co 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 Beijing QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN201610799828.7A priority Critical patent/CN106371844B/en
Publication of CN106371844A publication Critical patent/CN106371844A/en
Application granted granted Critical
Publication of CN106371844B publication Critical patent/CN106371844B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The embodiment of the invention provides a method and a system for presenting a webpage by a native user interface assembly, and relates to the technical field of computers. The method comprises the following steps: converting an HTML (Hypertext Markup Language) document specific to the webpage into an XML (Extensive Markup Language) document on a server side; receiving an operation instruction of accessing the webpage, sending a webpage request specific to the webpage to a server according to the operation instruction, and receiving the XML document returned by the server, so that the native user interface assembly presents the XML document in a rendering way. The performance and user experience advantages of native application are utilized, the HTML document specific to the webpage is converted into the XML document, and the XML document is presented in a rendering way by the native user interface assembly, so that the performance and user experience problems caused by presentation of the HTML document by a webpage window assembly are solved, a presentation effect being the same as that of the webpage window assembly is ensured, and better performance and user experience can be realized via presentation by the native user interface assembly.

Description

A kind of method and system with primary user interface components displayed web page
Technical field
The present invention relates to field of computer technology, more particularly to a kind of side with primary user interface components displayed web page Method and system.
Background technology
With the continuous development of computer and Internet technology, web page browsing has been increasingly becoming indivisible in life A part, the requirement also more and more higher of the performance that people load to smart mobile phone webpage and experience.
At present, developer uses RichText Edition instrument manual editing's illustrative webpage, and generates unstructured data, These unstructured datas upload to after background system with html (hyper text markup language, hypertext mark Note language) document stored, uses in android (Android system)/ios (iphone os operating system) client application Web page windows assembly (webview assembly) shows user.
Inventor application formerly technology when, find formerly technology in android/ios customer terminal webpage using webpage Window assembly shows html document, and because web page windows assembly is as an embedded browser, it has same with normal browser The web page display function that sample function is huge, characteristic is complete, web page windows assembly and an independent browser are equally to cpu, internal memory Larger with the consumption of the device resources such as electricity, it is as the embedded assembly of the page, the network loading energy of its dependence host environment simultaneously Power, so the method showing html document using web page windows assembly in android/ios customer terminal webpage, exists significantly Performance and Consumer's Experience problem, for example: picture loads slowly, needs the long period just can display；Scroll-up/down, scaling, a left side Right slide handover gesture interaction experience is poor；The device resource of cpu, internal memory and electricity consumes larger.
Content of the invention
In view of the above problems it is proposed that the present invention so as to provide one kind overcome the problems referred to above or at least in part solve on State the method with primary user interface components displayed web page of problem and corresponding primary user interface components displayed web page System.
According to one aspect of the present invention, there is provided a kind of method with primary user interface components displayed web page, comprising:
In server side, the html document for webpage is converted to xml document；
Receive the operational order accessing described webpage；
Web-page requests for described webpage are sent according to described operational order to server；
Receive the xml document that described server returns；Described xml document is returned according to described web-page requests by server；
Using primary user interface components, described xml document is carried out rendering displaying.
Preferably, a described step html document for webpage being converted to xml document in server side, bag Include:
A described html document is carried out pretreatment, obtains the 2nd html document；Reality in described 2nd html document Element of volume only comprises data content, does not comprise other entity elements, and Container elements directly do not comprise data content, only comprise Entity elements or Container elements；
Container elements, entity elements, layout attributes and the drafting that will be rendered by web page windows assembly in 2nd html document Attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute conversion table, turns It is changed to the Container elements being rendered by primary user interface components, entity elements, layout attributes and rendering attribute, thus generating xml Document.
Preferably, described by the Container elements being rendered by web page windows assembly in the 2nd html document, entity elements, layout Attribute and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute Conversion table, is converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and rendering attribute, from And the step generating xml document, comprising:
Described 2nd html document is parsed, generates document object model tree and pattern tree；
For each of described document object model tree document object model node, judge described DOM Document Object Model The element type of node；Described element type includes: Container elements and entity elements；
If described document object model node is Container elements, the pattern section of the association according to document object model node Display attribute value in point and position attribution value, find the Container elements of corresponding xml document in layout container conversion table Record, conversion generates the view group node in xml document, and according to document object model node, described view group node is added In the child list of the father node in the Views tree of corresponding xml document, if no father node, in described xml document View group node is the root node of Views tree；
If described document object model node is entity elements, the label according to entity elements is in entity elements conversion table In find corresponding xml document entity elements record, conversion generates the view node in xml document, replicates in html document The view node in xml document for the data content, and according to document object model node, described view node is added to right In the child list of the father node in the Views tree of the xml document answered；
Corresponding layout attributes and layout attributes value for each of pattern tree document object model node, according to layout Attribute conversion table, conversion generates the layout attributes in corresponding view group node or view node, and replicates layout attributes value, will Layout attributes after conversion and layout attributes value are added in Views tree on corresponding view group node or view node；
Corresponding rendering attribute and rendering attribute value for each of pattern tree document object model node, according to drafting Attribute conversion table, conversion generates the rendering attribute in corresponding view group node or view node, and replicates rendering attribute value, will Rendering attribute after conversion and rendering attribute are added in Views tree on corresponding view group node or view node；
According to described Views tree, start recursive traversal from root node, reversely compiling comprises the xml literary composition of inline style data Shelves.
Preferably, described for each of described document object model tree document object model node, judge described The step of the element type of document object model node, comprising:
According to the element in described document object model node, read the child list of element, if described child node List is empty or does not have node element, then described element is entity elements；If described child list is not empty or has element Node, then described element is Container elements.
Preferably, described a described html document is carried out pretreatment, obtain the 2nd html document；Described 2nd html Entity elements in document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise data Content, only comprises entity elements or the step of Container elements, comprising:
A described html document is parsed, generates document object model tree and pattern tree；
Begin stepping through document object model tree from root element, for each element of described document object model tree, obtain Take the pattern node of described elements correlation, by reading the display attribute value of described pattern node, judge the element of described element Type；Described element type includes: Container elements and entity elements；
If described element type is Container elements, by reading the child list of described element, judge described unit Whether the child list of element directly comprises text data；
If described Container elements directly comprise text data, pass through to call<span>label in described Container elements Create new entity elements, and described text data is inserted in described entity elements, delete in described Container elements Text data；
If described element type is entity elements, by reading the child list of described element, judge described unit Whether the child list of element directly comprises text data and comprises entity elements；
If described entity elements directly comprise text data and comprise entity elements, the entity elements acquiescence of outer layer For Container elements, pass through to call<span>label to create new entity elements in described Container elements, and described literary composition Notebook data is inserted in described entity elements, deletes the text data in described Container elements.
According to a further aspect in the invention, there is provided a kind of system with primary user interface components displayed web page, comprising:
Described system includes: server and client side；
Described server includes:
Modular converter, for being converted to xml document in server side by the html document for webpage；
Described client includes:
Receiver module, for receiving the operational order accessing described webpage；
Sending module, for sending the web-page requests for described webpage according to described operational order to server；
Return module, for receiving the xml document that described server returns；Described xml document is by server according to described Web-page requests return；
Display module, for carrying out rendering displaying by described xml document using primary user interface components.
Preferably, described for the html document for webpage being converted to the conversion of xml document in server side Module, comprising:
Pretreatment module, for a described html document is carried out pretreatment, obtains the 2nd html document；Described second Entity elements in html document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise Data content, only comprises entity elements or Container elements；
Document modular converter, first for the Container elements that will be rendered by web page windows assembly in the 2nd html document, entity Element, layout attributes and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and Rendering attribute conversion table, is converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and drafting Attribute, thus generate xml document.
Preferably, described for will be rendered by web page windows assembly in the 2nd html document Container elements, entity elements, Layout attributes and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and drafting Attribute conversion table, is converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and draws genus Property, thus generating the document conversion module of xml document, comprising:
Second parsing module, for parsing to described 2nd html document, generates document object model tree and pattern Tree；
Judge module, for for each of described document object model tree document object model node, judging institute State the element type of document object model node；Described element type includes: Container elements and entity elements；
Container elements modular converter, if being Container elements for described document object model node, according to document object Display attribute value in the pattern node of the association of model node and position attribution value, it is right to find in layout container conversion table The Container elements record of the xml document answered, conversion generates the view group node in xml document, and according to DOM Document Object Model section Point is added to described view group node in the child list of the father node in the Views tree of corresponding xml document, if no Father node, the view group node in described xml document is the root node of Views tree；
Entity elements modular converter, if being entity elements for described document object model node, according to entity elements Label find corresponding xml document entity elements record in entity elements conversion table, conversion generates regarding in xml document Node of graph, the view node in xml document for the data content in duplication html document, and according to document object model node handle Described view node is added in the child list of the father node in the Views tree of corresponding xml document；
Layout attributes modular converter, for layout attributes corresponding for each of pattern tree document object model node With layout attributes value, according to layout attributes conversion table, the cloth that conversion generates in corresponding view group node or view node is under a bureau Property, and replicate layout attributes value, the layout attributes after conversion and layout attributes value are added to corresponding sets of views in Views tree On node or view node；
Rendering attribute modular converter, for rendering attribute corresponding for each of pattern tree document object model node With rendering attribute value, according to rendering attribute conversion table, the drafting that conversion generates in corresponding view group node or view node belongs to Property, and replicate rendering attribute value, the rendering attribute after conversion and rendering attribute are added to corresponding sets of views section in Views tree On point or view node；
Reversely collector, for according to described Views tree, starting recursive traversal from root node, reverse compiling comprises inline The xml document of pattern data.
Preferably, described for for each of described document object model tree document object model node, judging The judge module of the element type of described document object model node, comprising:
Judge module, for according to the element in described document object model node, reading the child list of element, such as Really described child list is empty or does not have node element, then described element is entity elements；If described child list is not For empty or have node element, then described element is Container elements.
Preferably, described for a described html document is carried out pretreatment, obtain the 2nd html document；Described second Entity elements in html document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise Data content, only comprises entity elements or the pretreatment module of Container elements, comprising:
First parsing module, for parsing to a described html document, generates document object model tree and pattern Tree；
Element type judge module, for beginning stepping through document object model tree from root element, for described document object Each element of model tree, obtains the pattern node of described elements correlation, by reading the display properties of described pattern node Value, judges the element type of described element；Described element type includes: Container elements and entity elements；
Container elements child list judge module, if being Container elements for described element type, by reading The child list of described element, judges whether the child list of described element directly comprises text data；
Container elements pretreatment module, if directly comprising text data for described Container elements, in described container Pass through in element to call<span>label to create new entity elements, and described text data is inserted described entity elements In, delete the text data in described Container elements；
Entity elements child list judge module, if being entity elements for described element type, by reading The child list of described element, judges whether the child list of described element directly comprises text data and comprise entity unit Element；
Entity elements pretreatment module, if directly comprising text data for described entity elements and comprising entity unit Element, then be defaulted as Container elements the entity elements of outer layer, passes through to call<span>label to create one in described Container elements Individual new entity elements, and described text data is inserted in described entity elements, delete the textual data in described Container elements According to.
Formerly technology relatively, the present invention possesses following advantage:
A kind of method and system with primary user interface components displayed web page, can be by will be for webpage in server side A html document be converted to xml (extensible markup language, extensible markup language) document；Receive and visit Ask the operational order of described webpage, the web-page requests being directed to described webpage are sent to server according to described operational order, receive Described xml document is carried out rendering displaying by the xml document that described server returns using primary user interface components.Due to The program code of first technology web application is to run in a browser, and when user accesses, ability is explained by the rendering engine of browser Process, and web application will be by browser come api (the application programming of calling system and equipment Interface, application programming interface), and to be distributed and administration web page by the browser operating on operating system Required device resource, therefore there is performance and poor user experience in it；And native applications in configuration processor code are Run directly on android/ios operating system, be application storage allocation, the equipment such as cpu, wifi/gsm by operating system Resource, so, technically say, run directly in the native applications on operating system, its performance and Consumer's Experience can be better than fortune Web application in independent browser for the row.So the embodiment of the present invention is by being converted to xml by the html document for webpage Described xml document is carried out rendering displaying using primary user interface components by document, thus solves using web page windows assembly Show that the picture that brings of html document loads slow, scroll-up/down, scale, the gesture interactions such as the switching experience that horizontally slips poor, cpu, The device resources such as internal memory, electricity consume larger performance and Consumer's Experience problem, have reached same in guarantee and web page windows assembly While sample bandwagon effect, shown using primary user interface components and can bring better performance and the effect of Consumer's Experience.
Described above is only the general introduction of technical solution of the present invention, in order to better understand the technological means of the present invention, And can be practiced according to the content of description, and in order to allow the above and other objects of the present invention, feature and advantage can Become apparent, below especially exemplified by the specific embodiment of the present invention.
Brief description
By reading the detailed description of hereafter preferred implementation, various other advantages and benefit are common for this area Technical staff will be clear from understanding.Accompanying drawing is only used for illustrating the purpose of preferred implementation, and is not considered as to the present invention Restriction.And in whole accompanying drawing, it is denoted by the same reference numerals identical part.In the accompanying drawings:
Fig. 1 shows the flow chart of steps of the method according to the present invention with primary user interface components displayed web page；
Fig. 1 a shows the information classification figure of html document according to the present invention and xml document；
Fig. 1 b shows the conversion method schematic diagram according to the present invention；
Fig. 1 c shows the comparison diagram of web application and native applications；
Fig. 2 show according to the present invention html document be converted into xml document and with primary user interface components show xml The flow chart of steps of the method for document；
Fig. 3 shows the structured flowchart of the system according to the present invention with primary user interface components displayed web page；
Fig. 4 show according to the present invention html document be converted into xml document and with primary user interface components show xml The structured flowchart of the system of document.
Specific embodiment
It is more fully described the exemplary embodiment of the disclosure below with reference to accompanying drawings.Although showing the disclosure in accompanying drawing Exemplary embodiment it being understood, however, that may be realized in various forms the disclosure and should not be by embodiments set forth here Limited.On the contrary, these embodiments are provided to be able to be best understood from the disclosure, and can be by the scope of the present disclosure Complete conveys to those skilled in the art.
Embodiment one
With reference to Fig. 1, show a kind of primary user interface components displayed web page according to an embodiment of the invention The flow chart of steps of embodiment of the method, specifically may include steps of:
A html document for webpage is converted to xml document in server side by step 100.
Developer uses editor manual editing's illustrative webpage, and generates unstructured data, and these are non- Structural data is stored with html document after uploading to background system；
Wherein, editor (rich text editor, abbreviation rte) is a kind of text editor, and it provides class It is similar to the editting function of microsoft word, html document can be written as and various text formattings are set；Destructuring number According to referring to the inconvenient data being showed with data base's two dimension logical table, including the office documents of all formats, text, picture, Xml, html, all kinds of form etc..
Reference picture 1a, shows the information classification figure of html document according to the present invention and xml document；
It is directed to same user interface effect, analysis web user interface and primary user interface and its correspondence in inventor The content of document, feature and the similarities and differences, contrast finds, for same user interface effect, represents web user interface Html document and the xml document representing primary user interface, the information wherein comprising can be carried out following classification:
(1) element tags, comprise containers labels and entity tag；
(2) Style Attributes, comprise layout attributes and rendering attribute；
(3) data, such as paragraph word content, picture file url (uniform resource locator, unified resource Finger URL) value, link url value etc..
Containers labels: the element type of the node in html document or xml document is the label of Container elements, such as html literary composition In shelves<body>,<div>,<p>in label and xml document<relativelayout>,<linearlayout>label, institute State label and be equivalent to container, effect is the function of providing positioning layout for its daughter element.In general, containers labels itself do not have Bandwagon effect, that is, user perceive less than the presence having containers labels, but descendants's element of described containers labels, on interface Display location and size, be both referred in containers labels determine geometric coordinate system.
Entity tag: the element type of the node in html document or xml document is the label of entity elements, such as html literary composition In shelves<img>,<input>,<button>,<a>in xml document<imageview>,<edittext>,<button>, Show that picture, Text Entry, a button etc. are used for the information presenting, Yong Huke for certain position on interface and region See the assembly that can interact；The positions and dimensions that entity tag is shown on interface, rely on ancestor node on containers labels and The setting of the layout attributes in itself and the brotgher of node.
Layout attributes: entity tag needs certain position on interface, is shown with the region of certain wide high size, Entity tag " spacing ", " position " Style Attributes relevant with geological informations such as " sizes " are layout attributes.In html document The css such as margin/padding/top/left/width/height, text-align (cascading style sheets, CSS) attribute, android:layout_margin/paddingleft/top, the android in xml document: The geometry such as layout_width/height, android:layout_centerhorizontal, android:orientation Style Attributes；Containers labels typically carry the layout attributes that some have default value, if entity tag is not provided with layout attributes, its Finally be illustrated in geometric attribute value on interface by the containers labels in its ancestor node, the layout attributes of the brotgher of node, itself Content and system default value together decide on.
Rendering attribute: determine the non-geometric Style Attributes of entity tag itself outward appearance, the background color of such as login button Background-color, text color color, frame radius of corner border-radius, word overstriking/inclination/lower stroke The Style Attributes such as line/strikethrough effect.
In a word, the html document of either web user interface, or the xml document of primary user interface, removes document In data outside, their essence are all tree structures being made up of label node, and each node has the element class of itself Type, described element type includes: the entity elements on Container elements and entity tag node on containers labels node, and arranges There are the related Style Attributes related with drafting of layout.
According to above-mentioned classification, as follows the information in html document is changed by class, finally we can To realize the html document representing web user interface to be converted into representing the xml document of primary user interface:
Container elements in html document are converted to the Container elements in xml document；
Entity elements in html document are converted to the entity elements in xml document, and replicate the number in html document According to content in xml document；
The layout attributes of html document are converted to the layout attributes in xml document；
The rendering attribute of html document is converted to the rendering attribute in xml document.
Rendered being converted to by the Container elements that web page windows assembly renders in html document by primary user interface components Container elements, need Container elements from html document to be transformed into the layout container of the Container elements in xml document Conversion table；
Rendered being converted to by the entity elements that web page windows assembly renders in html document by primary user interface components Entity elements, need entity elements from html document to be transformed into the entity elements of the entity elements in xml document Conversion table；
Rendered being converted to by the layout attributes that web page windows assembly renders in html document by primary user interface components Layout attributes, need layout attributes from html document to be transformed into the layout attributes of the layout attributes in xml document Conversion table；
Rendered being converted to by the rendering attribute that web page windows assembly renders in html document by primary user interface components Rendering attribute, need rendering attribute from html document to be transformed into the rendering attribute of the rendering attribute in xml document Conversion table.
Before the html document representing web user interface being converted into represent the xml document of primary user interface, will Described html document is as a html document；
A described html document is carried out pretreatment, obtains the 2nd html document；Reality in described 2nd html document Element of volume only comprises data content, does not comprise other entity elements, and Container elements directly do not comprise data content, only comprise Entity elements or Container elements；
Reference picture 1b, shows the conversion method schematic diagram according to the present invention；
Can be by according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute conversion table The Container elements being converted in xml document of the Container elements in html document, entity elements, layout attributes and rendering attribute, Entity elements, layout attributes and rendering attribute；
Container elements, entity elements, layout attributes and the drafting that will be rendered by web page windows assembly in 2nd html document Attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute conversion table, turns It is changed to the Container elements being rendered by primary user interface components, entity elements, layout attributes and rendering attribute, thus generating xml Document.
Step 110, receives the operational order accessing described webpage.
User clicks on control on the webpage of native applications, and client receive user accesses the operational order of described webpage, This native applications can also be described as native app.
Step 120, sends the web-page requests for described webpage according to described operational order to server.
According to described operational order, (transmission control protocol passes to create tcp in native applications Transport control protocol is discussed) link；
Linked according to described tcp and send http (hyper text transfer protocol, hypertext biography to server Defeated agreement) request；
Store in described server for described webpage by the xml document after the conversion of html document.
According to the xml document after converting in described http request access server.
Step 130, receives the xml document that described server returns；Described xml document please according to described webpage by server Ask return.
Client the reception server is directed to the xml document that described web-page requests return.
Described xml document is carried out rendering displaying by step 140 using primary user interface components.
Using primary user interface components, the xml document that client receives is rendered, be illustrated in native applications On webpage.
Reference picture 1c, shows the comparison diagram of web application and native applications；
Program code in native applications, is to use compiled language, such as ios system is object-c/swift, peace Tall and erect system is java exploitation, and then application is just arranged on movement after being compiled into binary system or the executable file of bytecode form On equipment, so native applications are to run directly on android/ios operating system upon execution, it is should by operating system With the device resource such as storage allocation, cpu, wifi/gsm；And web application, this web application can also be described as web app, be With interpreted languages, such as html, css, javascript exploitation, code is to operate in web browser, this web page browsing Device can also be described as web browser, and when user accesses, ability is drawn by the rendering engine of web browser and javascript Hold up dynamic interpretation process, and apply will by web browser come the api of call operation system and equipment, this operating system and Equipment can also be described as operating system and device, and by the web browser operating on operating system To distribute and the device resource needed for administration web page.So, technically say, run directly on operating system primary should Can be better than the web application operating in independent browser with, its performance and Consumer's Experience.
Therefore, formerly technology relatively, the embodiment of the present invention possesses following advantage:
A html document for webpage can will be converted to xml document in server side by the embodiment of the present invention；Connect Receive the operational order accessing described webpage, the web-page requests being directed to described webpage sent to server according to described operational order, Receive the xml document that described server returns, carry out rendering displaying by described xml document using primary user interface components.By Big in the directly high cost of exploitation xml document, workload, and develop the low cost of html document, speed soon, by developing html Document, more described html document is changed into xml document, using primary user interface components, described xml document is rendered Show, thus solve and show that the picture that html document brings loads slowly using web page windows assembly, scroll-up/down, scaling, a left side The experience of the gesture interactions such as right slide handover is poor, and the device resource such as cpu, internal memory, electricity consumes larger performance and Consumer's Experience is asked Topic, while ensureing with web page windows assembly same bandwagon effect, is shown using primary user interface components and can bring more preferably Performance and Consumer's Experience, and lower development cost and faster development rate can be brought.
Embodiment two
With reference to Fig. 2, show the html document conversion of according to an embodiment of the invention expression web user interface The step becoming to represent the xml document of primary user interface and showing the embodiment of the method for xml document with primary user interface components Flow chart, specifically may include steps of:
Before the html document representing web user interface being converted into represent the xml document of primary user interface, will Described html document is as a html document；
Step 200, a html document is carried out pretreatment, obtains the 2nd html document；In described 2nd html document Entity elements only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise data content, only Comprise entity elements or Container elements.
Preferably, step 200 includes:
Sub-step 201, parses to a described html document, generates document object model tree (domtree) and sample Formula tree (cssomtree).
Wherein, the node of the document object model tree in a described html document and pattern tree corresponds, and node Between there is father and son's hierarchical structure.
Sub-step 202, begins stepping through document object model tree from root element, each for described document object model tree Individual element, obtains the pattern node of described elements correlation, by reading the display attribute value of described pattern node, judges described unit The element type of element；Described element type includes: Container elements and entity elements.
Begin stepping through document object model tree from root element, for each element of described document object model tree Elem, calls window.getcomputedstyle (elem) to obtain the pattern node of its association, by reading described pattern section The display attribute value of point, judges the element type of described element；
Such as " < p style=" text-align:center；">weather one heat,</p>",<p>the display properties of label It is worth for block, acquiescence is block Container elements；
Such as " < span style=" font-family:arial；color:red；">is derived from<strong>star</ Strong>you</span>",<span>the display attribute value of label is inline, and acquiescence is row interior element.
Sub-step 203, if described element type is Container elements, by reading the child list of described element, Judge whether the child list of described element directly comprises text data.
Read the child list childnodes of Container elements elem by elem.childnodes, if described row Table childnodes is not empty, each childnode in traversal of lists one by one；
Whether the nodename attribute judging childnode is " #text "；
Such as " < p style=" text-align:center；">weather one heat,</p>", the child node row of Container elements " weather one heat " is directly comprised in table.
Sub-step 204, if described Container elements directly comprise text data, passes through to call in described Container elements <span>label creates new entity elements, and described text data is inserted in described entity elements, deletes described appearance Text data in device element.
If childnode.nodename==" #text ", described Container elements directly comprise text data；
Such as " < p style=" text-align:center；">weather one heat,</p>", that is, Container elements directly comprise Text data, creates new entity elements by calling<span>label, and described text data " weather one heat " is filled out Enter described entity elements "<span>" in, the described Container elements of deletion "</p>" in text data " weather one heat ", will "<p Style=" text-align:center；">weather one heat,</p>" be converted to "<p style=" text-align: center；"><span>weather one heat,</span></p>".
If the Container elements in a described html document directly do not comprise text data, do not deal with.
Sub-step 205, if described element type is entity elements, by reading the child list of described element, Judge whether the child list of described element directly comprises text data and comprise entity elements.
Read the child list of element by elem.childnodes, read by childnode.nodename every The nodename of one child node；
Judge in elem child list childnodes, whether both to have comprised the child node of #text type, comprise non-" # again The child node of text " type；
Such as " < span style=" font-family:arial；color:red；">is derived from<strong>star</ Strong>you</span>", entity elements both directly comprised text data " from ", " star " " you ", comprise entity again Element<strong>.
Sub-step 206, if described entity elements directly comprise text data and comprise entity elements, the reality of outer layer Element of volume is defaulted as Container elements, passes through to call<span>label to create new entity elements in described Container elements, And described text data is inserted in described entity elements, delete the text data in described Container elements.
If both having comprised the child node of #text type in element elem child list childnodes, comprise non-# again The child node of text type, then described entity elements both directly comprised text data and comprise entity elements；
Such as " < span style=" font-family:arial；color:red；">is derived from<strong>star</ Strong>you</span>", that is, entity elements had not only directly comprised text data but also had comprised entity elements, then the entity of outer layer Element is defaulted as Container elements, passes through to call<span>label to create new entity elements in described Container elements, and Described text data is inserted in described entity elements, delete text data in described Container elements " from ", " you ", will < span style=" font-family:arial；color:red；">is derived from<strong>star</strong>you</ Span>" it is converted into "<spanstyle=" font-family:arial；color:red；"><span>it is derived from</span>< Strong>star</strong><span>you</span></span>".
If the entity elements in a described html document do not comprise other entity elements, do not deal with.
Step 210, will be under a bureau to the Container elements being rendered by web page windows assembly in the 2nd html document, entity elements, cloth Property and rendering attribute, turn according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute respectively Change table, be converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and rendering attribute, thus Generate xml document.
Preferably, step 210 includes:
Sub-step 211, parses to described 2nd html document, generates document object model tree and pattern tree.
Sub-step 212, for each of described document object model tree document object model node, judges described literary composition The element type of shelves object model nodes；Described element type includes: Container elements and entity elements.
Wherein, according to the element in described document object model node, read the child list of element, if described son Node listing is empty or does not have node element, then described element is entity elements；If described child list is not empty or has Node element, then described element is Container elements.
Sub-step 213, if described document object model node is Container elements, according to the pass of document object model node Display attribute value in the pattern node of connection and position attribution value, find corresponding xml document in layout container conversion table Container elements record, conversion generates the view group node (viewgroup node) in xml document, and according to document object mould Type node is added to described view group node the child node of the father node in the Views tree (viewtree) of corresponding xml document In list, if no father node, the view group node in described xml document is the root node of Views tree.
Wherein, layout container conversion table example such as table 1:
Table 1
Wherein, the first of above-mentioned layout container conversion table is classified as the Container elements in html document, and above-mentioned layout container turns Change the second of the table Container elements being classified as xml document, the 3rd of above-mentioned layout container conversion table is classified as the xml document after conversion The subsidiary layout attributes of Container elements.
The type of Container elements includes: arranged vertically, horizontally arranged, relative localization, absolute fix, described Container elements Type is to be determined by the css rule mating this Container elements, such as display:block/inline, position: Relative/absolute determines.If the element in certain html document is not provided with the related css rule of layout container, Then determined by the acquiescence display property value of element tags, such as<div>,<p>label acquiescence is block Container elements,<span>, <em>label acquiescence is row inner pressurd vessel element, such as display:inline.
When carrying out Container elements conversion, by the Container elements of the html document in described layout container conversion table first row It is converted into the Container elements of the xml document in described layout container conversion table secondary series.
Sub-step 214, if described document object model node is entity elements, the label according to entity elements is in entity Corresponding xml document entity elements record is found, conversion generates the view node in xml document, replicates in element conversion table The view node (view node) in xml document for the data content in html document, and according to document object model node handle Described view node is added in the child list of the father node in the Views tree of corresponding xml document.
Wherein, entity elements conversion table example such as table 2
Table 2
Wherein, the first of above-mentioned entity elements conversion table is classified as the entity elements in html document, and above-mentioned entity elements turn Change the second of the table entity elements being classified as xml document, the 3rd of above-mentioned entity elements conversion table is classified as html document and xml document In entity elements specific descriptions.
Entity elements in one html document are the leaf elements not having descendants's element, and their direct correlation are waited to open up The data content showing, described data content includes text, picture url, link url；
When carrying out entity elements conversion, by the entity elements of the html document in described entity elements conversion table first row It is converted into the entity elements of the xml document in described entity elements conversion table secondary series.
Because entity elements are directly responsible for display data content, so needing in html document in conversion entity element The synchronization of data content of entity elements be copied to the entity elements in xml document.The data content of entity elements typically passes through Certain specific Attribute Association, or embedded directly as the content of element: it is used for the img of exhibiting pictures in such as html document Element, its src attribute indicates the url of picture file, the android:src attribute of corresponding xml document imageview； It is used for elements such as<span>,<em>,<strong>of text exhibition in html document, text data is directly as in element Hold embedded；The synchronization of data content copy rule of other entity elements in addition to link<a>is similar to；
For the entity elements in html document data content be link when, described link comprises two data: text Data and jump address url, link be one click on after the element of page jump can occur, be a band underscore in appearance Text, and in described html document, be linked in xml document not direct corresponding entity elements, but described link and press Button control<button>behavior be similar to, be all the text data that can click on, described button control<button>acquiescence is with ash Color background, and give tacit consent to after clicking on and do not redirect behavior, so link is being converted to button control<button>when, except handle Text data copies to button control<button>, there is provision of transparent background Style Attributes and strikethrough Style Attributes, simultaneously Jump address url after clicking on is passed to by Custom Attributes html:href<button>element, by follow-up self-defined Event listener is clicked in the registration of attribute processing procedure, realizes the action that user clicks on relief page jump.
Sub-step 215, corresponding layout attributes and layout attributes for each of pattern tree document object model node Value, according to layout attributes conversion table, conversion generates the layout attributes in corresponding view group node or view node, and replicates cloth Office's property value, the layout attributes after conversion and layout attributes value are added to corresponding view group node or view section in Views tree Point on.
Wherein, layout attributes conversion table example such as table 3
Table 3
Wherein, the first of above-mentioned layout attributes conversion table is classified as the layout attributes in html document, and above-mentioned layout attributes turn Change the second of the table layout attributes being classified as xml document, the 3rd of above-mentioned layout attributes conversion table is classified as html document and xml document In layout attributes specific descriptions.
Described layout attributes include: size, spacing, position and horizontal direction alignment, the layout attributes in html document and Layout attributes in xml document directly correspond to, so when being laid out attribute conversion, by described layout attributes conversion table first The layout attributes of the html document in row are converted into the layout attributes of the xml document in described layout attributes conversion table secondary series.
Sub-step 216, corresponding rendering attribute and rendering attribute for each of pattern tree document object model node Value, according to rendering attribute conversion table, conversion generates the rendering attribute in corresponding view group node or view node, and replicates and paint Property value processed, the rendering attribute after conversion and rendering attribute are added to corresponding view group node or view node in Views tree On.
Wherein, rendering attribute conversion table example such as table 4
Table 4
Wherein, the first of above-mentioned rendering attribute conversion table is classified as the rendering attribute in html document, and above-mentioned rendering attribute turns Change the second of the table rendering attribute being classified as xml document, the 3rd of above-mentioned rendering attribute conversion table is classified as html document and xml document In rendering attribute specific descriptions.
Rendering attribute includes: background colour, text color, font size, font family, font-weight, font tilt, frame Fillet angle, underscore and strikethrough, the feasibility of rendering attribute conversion and complexity, are not quite similar.
When carrying out entity elements conversion, by the rendering attribute of the html document in described rendering attribute conversion table first row It is converted into the rendering attribute of the xml document in described rendering attribute conversion table secondary series.
Background colour, text color, font size, font family, font-weight, font gap tilt effect rendering attribute direct Changed according to attribute conversion table processed；
For frame fillet angle, in primary user interface, need additionally to generate an element entity, this entity elements With corners prefix, and quote<corners>unit in the android:background attribute in above-mentioned entity elements Element, such as " border-radius:5px " in the 2nd html document,
Needs one entity elements of extra generation<corners android:radius=" 5dp "/>, and in above-mentioned entity <corners>element is quoted, " 5dp " wherein in above-mentioned example is frame in android:background attribute on element The concrete angular dimension of fillet, can determine according to practical situation；
For word underscore and strikethrough effect, in primary user interface, to be called using primary user interface api Mode changed, the underline effect " text-decoration:underline " in the such as the 2nd html document, former It is real that raw user interface will call textview.getpaint () .setflags (paint.underline_text_flag) to come Existing；Strikethrough effect " text-decoration:line-through " in such as the 2nd html document, in primary user circle Face will call textview.getpaint () .setflags (paint.strike_thru_text_flag) to realize.
Sub-step 217, according to described Views tree, starts recursive traversal from root node, and reversely compiling comprises inline style number According to xml document.
Arrive sub-step 216 through sub-step 212, obtain the Views tree for xml form, then from this view root vertex Start recursive traversal, reversely compiling comprises the xml document of inline style data.This reverse compilation process is passed through with by xml document The process that resolver resolves to Views tree is contrary, and reverse compiling obtains xml document.
Step 220, receives the operational order accessing described webpage.
The step 220 of the embodiment of the present invention is similar with step 110 principle of embodiment one, will not be described in detail herein.
Step 230, sends the web-page requests for described webpage according to described operational order to server.
The step 230 of the embodiment of the present invention is similar with step 120 principle of embodiment one, will not be described in detail herein.
Step 240, receives the xml document that described server returns；Described xml document please according to described webpage by server Ask return.
The step 240 of the embodiment of the present invention is similar with step 130 principle of embodiment one, will not be described in detail herein.
Described xml document is carried out rendering displaying by step 250 using primary user interface components.
The step 250 of the embodiment of the present invention is similar with step 140 principle of embodiment one, will not be described in detail herein.
Formerly technology relatively, the embodiment of the present invention possesses following advantage:
A html document for webpage can will be converted to xml document in server side by the embodiment of the present invention；Connect Receive the operational order accessing described webpage, the web-page requests being directed to described webpage sent to server according to described operational order, Receive the xml document that described server returns, carry out rendering displaying by described xml document using primary user interface components.By Big in the directly high cost of exploitation xml document, workload, and develop the low cost of html document, speed soon, by developing html Document, more described html document is changed into xml document, using primary user interface components, described xml document is rendered Show, thus solve and show that the picture that html document brings loads slowly using web page windows assembly, scroll-up/down, scaling, a left side The experience of the gesture interactions such as right slide handover is poor, and the device resource such as cpu, internal memory, electricity consumes larger performance and Consumer's Experience is asked Topic, while ensureing with web page windows assembly same bandwagon effect, is shown using primary user interface components and can bring more preferably Performance and Consumer's Experience, and lower development cost and faster development rate can be brought.
Embodiment three
With reference to Fig. 3, show a kind of primary user interface components displayed web page according to an embodiment of the invention The structured flowchart of system embodiment, specifically can include as lower module:
Described system includes: server and client side；
Described server 300 includes:
Modular converter 301, for being converted to xml document in server side by the html document for webpage.
Developer uses editor manual editing's illustrative webpage, and generates unstructured data, and these are non- Structural data is stored with html document after uploading to background system；
Before the html document representing web user interface being converted into represent the xml document of primary user interface, will Described html document is as a html document；
Pretreatment module, for a described html document is carried out pretreatment, obtains the 2nd html document；Described second Entity elements in html document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise Data content, only comprises entity elements or Container elements；
Document modular converter, first for the Container elements that will be rendered by web page windows assembly in the 2nd html document, entity Element, layout attributes and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and Rendering attribute conversion table, is converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and drafting Attribute, thus generate xml document.
Described client 310 includes:
Receiver module 311, for receiving the operational order accessing described webpage.
Sending module 312, for sending the web-page requests for described webpage according to described operational order to server.
Return module 313, for receiving the xml document that described server returns；Described xml document is by server according to institute State web-page requests to return.
Display module 314, for carrying out rendering displaying by described xml document using primary user interface components.
Formerly technology relatively, the embodiment of the present invention possesses following advantage:
A html document for webpage can will be converted to xml document in server side by the embodiment of the present invention；Connect Receive the operational order accessing described webpage, the web-page requests being directed to described webpage sent to server according to described operational order, Receive the xml document that described server returns, carry out rendering displaying by described xml document using primary user interface components.By Big in the directly high cost of exploitation xml document, workload, and develop the low cost of html document, speed soon, by developing html Document, more described html document is changed into xml document, using primary user interface components, described xml document is rendered Show, thus solve and show that the picture that html document brings loads slowly using web page windows assembly, scroll-up/down, scaling, a left side The experience of the gesture interactions such as right slide handover is poor, and the device resource such as cpu, internal memory, electricity consumes larger performance and Consumer's Experience is asked Topic, while ensureing with web page windows assembly same bandwagon effect, is shown using primary user interface components and can bring more preferably Performance and Consumer's Experience, and lower development cost and faster development rate can be brought.
Example IV
With reference to Fig. 4, show the html document conversion of according to an embodiment of the invention expression web user interface Become to represent the xml document of primary user interface and show the structure of the system embodiment of xml document with primary user interface components Block diagram, specifically can include as lower module:
Described system includes: server and client side；
Described server 400 includes:
Before the html document representing web user interface being converted into represent the xml document of primary user interface, will Described html document is as a html document.
Pretreatment module 401, for a html document is carried out pretreatment, obtains the 2nd html document；Described second Entity elements in html document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise Data content, only comprises entity elements or Container elements.
Preferably, pretreatment module 401 includes:
First parsing module 4011, for parsing to a described html document, generate document object model tree and Pattern tree.
Element type judge module 4012, for beginning stepping through document object model tree from root element, for described document Each element of object model tree, obtains the pattern node of described elements correlation, by reading the display of described pattern node Property value, judges the element type of described element；Described element type includes: Container elements and entity elements；
Container elements child list judge module 4013, if being Container elements for described element type, passes through Read the child list of described element, judge whether the child list of described element directly comprises text data.
Container elements pretreatment module 4014, if directly comprise text data for described Container elements, described Pass through in Container elements to call<span>label to create new entity elements, and described text data is inserted described entity In element, delete the text data in described Container elements.
Entity elements child list judge module 4015, if being entity elements for described element type, passes through Read the child list of described element, judge whether the child list of described element directly comprises text data and comprise reality Element of volume.
Entity elements pretreatment module 4016, if directly comprising text data for described entity elements and comprising entity Element, then be defaulted as Container elements the entity elements of outer layer, passes through to call<span>label to create in described Container elements One new entity elements, and described text data is inserted in described entity elements, delete the text in described Container elements Data.
Document modular converter 402, for will be rendered by web page windows assembly in the 2nd html document Container elements, entity Element, layout attributes and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table With rendering attribute conversion table, be converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and paint Attribute processed, thus generate xml document；
Preferably, document modular converter 402 includes:
Second parsing module 4021, for parsing to described 2nd html document, generate document object model tree and Pattern tree；
Judge module 4022, for for each of described document object model tree document object model node, sentencing The element type of disconnected described document object model node；Described element type includes: Container elements and entity elements；
Wherein, according to the element in described document object model node, read the child list of element, if described son Node listing is empty or does not have node element, then described element is entity elements；If described child list is not empty or has Node element, then described element is Container elements；
Container elements modular converter 4023, if being Container elements for described document object model node, according to document Display attribute value in the pattern node of the association of object model nodes and position attribution value, search in layout container conversion table To the Container elements record of corresponding xml document, change the view group node generating in xml document, and according to document object mould Type node is added to described view group node in the child list of the father node in the Views tree of corresponding xml document, such as Fruit no father node, the view group node in described xml document is the root node of Views tree；
Entity elements modular converter 4024, if being entity elements for described document object model node, according to entity The label of element finds corresponding xml document entity elements record in entity elements conversion table, and conversion generates in xml document View node, replicate the view node in xml document for the data content in html document, and according to DOM Document Object Model section Point is added to described view node in the child list of the father node in the Views tree of corresponding xml document；
Layout attributes modular converter 4025, for layout corresponding for each of pattern tree document object model node Attribute and layout attributes value, according to layout attributes conversion table, conversion generates the cloth in corresponding view group node or view node Property under a bureau, and replicate layout attributes value, the layout attributes after conversion and layout attributes value are added to corresponding in Views tree regarding On figure group node or view node；
Rendering attribute modular converter 4026, for drafting corresponding for each of pattern tree document object model node Attribute and rendering attribute value, according to rendering attribute conversion table, conversion generates painting in corresponding view group node or view node Attribute processed, and replicate rendering attribute value, the rendering attribute after conversion and rendering attribute are added to corresponding view in Views tree On group node or view node；
Reversely collector 4027, for according to described Views tree, starting recursive traversal from root node, reversely compiling comprises The xml document of inline style data.
Described client 410 includes:
Receiver module 411, for receiving the operational order accessing described webpage.
Sending module 412, for sending the web-page requests for described webpage according to described operational order to server.
Return module 413, for receiving the xml document that described server returns；Described xml document is by server according to institute State web-page requests to return.
Display module 414, for carrying out rendering displaying by described xml document using primary user interface components.
Formerly technology relatively, the embodiment of the present invention possesses following advantage:
A html document for webpage can will be converted to xml document in server side by the embodiment of the present invention；Connect Receive the operational order accessing described webpage, the web-page requests being directed to described webpage sent to server according to described operational order, Receive the xml document that described server returns, carry out rendering displaying by described xml document using primary user interface components.By Big in the directly high cost of exploitation xml document, workload, and develop the low cost of html document, speed soon, by developing html Document, more described html document is changed into xml document, using primary user interface components, described xml document is rendered Show, thus solve and show that the picture that html document brings loads slowly using web page windows assembly, scroll-up/down, scaling, a left side The experience of the gesture interactions such as right slide handover is poor, and the device resource such as cpu, internal memory, electricity consumes larger performance and Consumer's Experience is asked Topic, while ensureing with web page windows assembly same bandwagon effect, is shown using primary user interface components and can bring more preferably Performance and Consumer's Experience, and lower development cost and faster development rate can be brought.
For system embodiment, due to itself and embodiment of the method basic simlarity, so description is fairly simple, related Part illustrates referring to the part of embodiment of the method.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein. Various general-purpose systems can also be used together with based on teaching in this.As described above, construct required by this kind of system Structure be obvious.Additionally, the present invention is also not for any certain programmed language.It is understood that, it is possible to use various Programming language realizes the content of invention described herein, and the description above language-specific done is to disclose this Bright preferred forms.
In description mentioned herein, illustrate a large amount of details.It is to be appreciated, however, that the enforcement of the present invention Example can be put into practice in the case of not having these details.In some instances, known method, structure are not been shown in detail And technology, so as not to obscure the understanding of this description.
Similarly it will be appreciated that in order to simplify the disclosure and help understand one or more of each inventive aspect, Above in the description to the exemplary embodiment of the present invention, each feature of the present invention is grouped together into single enforcement sometimes In example, figure or descriptions thereof.However, the method for the disclosure should be construed to reflect an intention that i.e. required guarantor The application claims of shield more features than the feature being expressly recited in each claim.More precisely, it is such as following Claims reflected as, inventive aspect is all features less than single embodiment disclosed above.Therefore, The claims following specific embodiment are thus expressly incorporated in this specific embodiment, wherein each claim itself All as the separate embodiments of the present invention.
Those skilled in the art are appreciated that and the module in the equipment in embodiment can be carried out adaptively Change and they are arranged in one or more equipment different from this embodiment.Can be the module in embodiment or list Unit or assembly be combined into a module or unit or assembly, and can be divided in addition multiple submodule or subelement or Sub-component.In addition to such feature and/or at least some of process or unit exclude each other, can adopt any Combination is to all features disclosed in this specification (including adjoint claim, summary and accompanying drawing) and so disclosed Where method or all processes of equipment or unit are combined.Unless expressly stated otherwise, this specification (includes adjoint power Profit requires, summary and accompanying drawing) disclosed in each feature can carry out generation by the alternative features providing identical, equivalent or similar purpose Replace.
Although additionally, it will be appreciated by those of skill in the art that some embodiments described herein include other embodiments In included some features rather than further feature, but the combination of the feature of different embodiment means to be in the present invention's Within the scope of and form different embodiments.For example, in the following claims, embodiment required for protection appoint One of meaning can in any combination mode using.
The all parts embodiment of the present invention can be realized with hardware, or to run on one or more processor Software module realize, or with combinations thereof realize.It will be understood by those of skill in the art that can use in practice Microprocessor or digital signal processor (dsp) are realizing according to embodiments of the present invention being shown with primary user interface components The some or all functions of some or all parts in the method and system equipment of webpage.The present invention is also implemented as For execute some or all equipment of method as described herein or program of device (for example, computer program and Computer program).Such program realizing the present invention can store on a computer-readable medium, or can have The form of one or more signal.Such signal can be downloaded from internet website and obtain, or on carrier signal There is provided, or provided with any other form.
It should be noted that above-described embodiment the present invention will be described rather than limits the invention, and ability Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims, Any reference markss between bracket should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not Element listed in the claims or step.Word "a" or "an" before element does not exclude the presence of multiple such Element.The present invention can come real by means of the hardware including some different elements and by means of properly programmed computer Existing.If in the unit claim listing equipment for drying, several in these devices can be by same hardware branch To embody.The use of word first, second, and third does not indicate that any order.These words can be explained and run after fame Claim.

Claims (10)

1. a kind of method with primary user interface components displayed web page is it is characterised in that include:
In server side, the html document for webpage is converted to xml document；
Receive the operational order accessing described webpage；
Web-page requests for described webpage are sent according to described operational order to server；
Receive the xml document that described server returns；Described xml document is returned according to described web-page requests by server；
Using primary user interface components, described xml document is carried out rendering displaying.
2. the method for claim 1 it is characterised in that described in server side by the html document for webpage The step being converted to xml document, comprising:
A described html document is carried out pretreatment, obtains the 2nd html document；Entity unit in described 2nd html document Element only comprises data content, does not comprise other entity elements, and Container elements directly do not comprise data content, only comprise entity Element or Container elements；
Container elements, entity elements, layout attributes and the rendering attribute that will be rendered by web page windows assembly in 2nd html document, Respectively according to layout container conversion table, entity elements conversion table, layout attributes conversion table and rendering attribute conversion table, be converted to by Container elements, entity elements, layout attributes and rendering attribute that primary user interface components render, thus generate xml document.
3. method as claimed in claim 2 is it is characterised in that described will be rendered by web page windows assembly in 2nd html document Container elements, entity elements, layout attributes and rendering attribute, respectively according to layout container conversion table, entity elements conversion table, Layout attributes conversion table and rendering attribute conversion table, are converted to the Container elements being rendered by primary user interface components, entity unit Element, layout attributes and rendering attribute, thus the step generating xml document, comprising:
Described 2nd html document is parsed, generates document object model tree and pattern tree；
For each of described document object model tree document object model node, judge described document object model node Element type；Described element type includes: Container elements and entity elements；
If described document object model node is Container elements, in the pattern node of the association according to document object model node Display attribute value and position attribution value, layout container conversion table finds the Container elements record of corresponding xml document, Conversion generate xml document in view group node, and according to document object model node, described view group node is added to right In the child list of the father node in the Views tree of the xml document answered, if no father node, the view in described xml document Group node is the root node of Views tree；
If described document object model node is entity elements, the label according to entity elements is looked in entity elements conversion table Find corresponding xml document entity elements record, conversion generates the view node in xml document, replicates the number in html document According to the view node in xml document for the content, and according to document object model node, described view node is added to corresponding In the child list of the father node in the Views tree of xml document；
Corresponding layout attributes and layout attributes value for each of pattern tree document object model node, according to layout attributes Conversion table, conversion generates the layout attributes in corresponding view group node or view node, and replicates layout attributes value, will change Rear layout attributes and layout attributes value are added in Views tree on corresponding view group node or view node；
Corresponding rendering attribute and rendering attribute value for each of pattern tree document object model node, according to rendering attribute Conversion table, conversion generates the rendering attribute in corresponding view group node or view node, and replicates rendering attribute value, will change Rear rendering attribute and rendering attribute are added in Views tree on corresponding view group node or view node；
According to described Views tree, start recursive traversal from root node, reversely compiling comprises the xml document of inline style data.
4. method as claimed in claim 3 it is characterised in that described for each of described document object model tree literary composition Shelves object model nodes, the step judging the element type of described document object model node, comprising:
According to the element in described document object model node, read the child list of element, if described child list For empty or do not have node element, then described element is entity elements；If described child list is not empty or has node element, Then described element is Container elements.
5. method as claimed in claim 2, it is characterised in that described carry out pretreatment by a described html document, obtains 2nd html document；Entity elements in described 2nd html document only comprise data content, do not comprise other entity elements, with And Container elements directly do not comprise data content, only comprise entity elements or the step of Container elements, comprising:
A described html document is parsed, generates document object model tree and pattern tree；
Begin stepping through document object model tree from root element, for each element of described document object model tree, obtain institute State the pattern node of elements correlation, by reading the display attribute value of described pattern node, judge the element type of described element； Described element type includes: Container elements and entity elements；
If described element type is Container elements, by reading the child list of described element, judge described element Whether child list directly comprises text data；
If described Container elements directly comprise text data, pass through to call<span>label to create in described Container elements One new entity elements, and described text data is inserted in described entity elements, delete the text in described Container elements Data；
If described element type is entity elements, by reading the child list of described element, judge described element Whether child list directly comprises text data and comprises entity elements；
If described entity elements directly comprise text data and comprise entity elements, the entity elements of outer layer are defaulted as holding Device element, passes through to call<span>label to create new entity elements in described Container elements, and described textual data According to inserting in described entity elements, delete the text data in described Container elements.
6. a kind of system with primary user interface components displayed web page is it is characterised in that include:
Described system includes: server and client side；
Described server includes:
Modular converter, for being converted to xml document in server side by the html document for webpage；
Described client includes:
Receiver module, for receiving the operational order accessing described webpage；
Sending module, for sending the web-page requests for described webpage according to described operational order to server；
Return module, for receiving the xml document that described server returns；Described xml document is by server according to described webpage Request returns；
Display module, for carrying out rendering displaying by described xml document using primary user interface components.
7. system as claimed in claim 6 it is characterised in that described in server side by the html for webpage Document is converted to the modular converter of xml document, comprising:
Pretreatment module, for a described html document is carried out pretreatment, obtains the 2nd html document；Described 2nd html Entity elements in document only comprise data content, do not comprise other entity elements, and Container elements directly do not comprise data Content, only comprises entity elements or Container elements；
Document modular converter, for will be rendered by web page windows assembly in the 2nd html document Container elements, entity elements, cloth Property under a bureau and rendering attribute, belong to according to layout container conversion table, entity elements conversion table, layout attributes conversion table and drafting respectively Property conversion table, is converted to the Container elements being rendered by primary user interface components, entity elements, layout attributes and rendering attribute, Thus generating xml document.
8. system as claimed in claim 7 it is characterised in that described for by the 2nd html document by web page windows assembly Container elements, entity elements, layout attributes and the rendering attribute rendering, turns according to layout container conversion table, entity elements respectively Change table, layout attributes conversion table and rendering attribute conversion table, be converted to the Container elements being rendered by primary user interface components, reality Element of volume, layout attributes and rendering attribute, thus generate the document conversion module of xml document, comprising:
Second parsing module, for parsing to described 2nd html document, generates document object model tree and pattern tree；
Judge module, for for each of described document object model tree document object model node, judging described literary composition The element type of shelves object model nodes；Described element type includes: Container elements and entity elements；
Container elements modular converter, if being Container elements for described document object model node, according to DOM Document Object Model Display attribute value in the pattern node of the association of node and position attribution value, find corresponding in layout container conversion table The Container elements record of xml document, conversion generates the view group node in xml document, and according to document object model node handle Described view group node is added in the child list of the father node in the Views tree of corresponding xml document, if no father's section Point, the view group node in described xml document is the root node of Views tree；
Entity elements modular converter, if being entity elements for described document object model node, according to the mark of entity elements Sign and find corresponding xml document entity elements record in entity elements conversion table, conversion generates the view section in xml document Point, the view node in xml document for the data content in duplication html document, and according to document object model node described View node is added in the child list of the father node in the Views tree of corresponding xml document；
Layout attributes modular converter, for layout attributes corresponding for each of pattern tree document object model node and cloth Office's property value, according to layout attributes conversion table, conversion generates the layout attributes in corresponding view group node or view node, and Replicate layout attributes value, by the layout attributes after conversion and layout attributes value be added in Views tree corresponding view group node or On view node；
Rendering attribute modular converter, for rendering attribute corresponding for each of pattern tree document object model node and painting Property value processed, according to rendering attribute conversion table, conversion generates the rendering attribute in corresponding view group node or view node, and Replicate rendering attribute value, the rendering attribute after conversion and rendering attribute are added in Views tree corresponding view group node or regard On node of graph；
Reversely collector, for according to described Views tree, starting recursive traversal from root node, reversely compiling comprises inline style The xml document of data.
9. system as claimed in claim 8 it is characterised in that described for for each in described document object model tree Individual document object model node, judges the judge module of the element type of described document object model node, comprising:
Judge module, for according to the element in described document object model node, reading the child list of element, if institute State child list and be empty or there is no node element, then described element is entity elements；If described child list is not empty Or having node element, then described element is Container elements.
10. system as claimed in claim 7 it is characterised in that described for a described html document is carried out pretreatment, Obtain the 2nd html document；Entity elements in described 2nd html document only comprise data content, do not comprise other entity units Element, and Container elements directly do not comprise data content, only comprise entity elements or the pretreatment module of Container elements, comprising:
First parsing module, for parsing to a described html document, generates document object model tree and pattern tree；
Element type judge module, for beginning stepping through document object model tree from root element, for described DOM Document Object Model Each element of tree, obtains the pattern node of described elements correlation, by reading the display attribute value of described pattern node, sentences The element type of disconnected described element；Described element type includes: Container elements and entity elements；
Container elements child list judge module, if being Container elements for described element type, described by reading The child list of element, judges whether the child list of described element directly comprises text data；
Container elements pretreatment module, if directly comprising text data for described Container elements, in described Container elements In create new entity elements by calling<span>label, and described text data is inserted in described entity elements, Delete the text data in described Container elements；
Entity elements child list judge module, if being entity elements for described element type, described by reading The child list of element, judges whether the child list of described element directly comprises text data and comprise entity elements；
Entity elements pretreatment module, if directly comprising text data for described entity elements and comprising entity elements, The entity elements of outer layer are defaulted as Container elements, pass through to call in described Container elements<span>label create one new Entity elements, and described text data is inserted in described entity elements, delete the text data in described Container elements.
CN201610799828.7A 2016-08-31 2016-08-31 A kind of method and system with primary user interface components displayed web page Active CN106371844B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610799828.7A CN106371844B (en) 2016-08-31 2016-08-31 A kind of method and system with primary user interface components displayed web page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610799828.7A CN106371844B (en) 2016-08-31 2016-08-31 A kind of method and system with primary user interface components displayed web page

Publications (2)

Publication Number Publication Date
CN106371844A true CN106371844A (en) 2017-02-01
CN106371844B CN106371844B (en) 2019-10-22

Family

ID=57900303

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610799828.7A Active CN106371844B (en) 2016-08-31 2016-08-31 A kind of method and system with primary user interface components displayed web page

Country Status (1)

Country Link
CN (1) CN106371844B (en)

Cited By (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107015740A (en) * 2017-03-16 2017-08-04 北京猎豹移动科技有限公司 Control method, device and the mobile terminal of mobile terminal screen
CN107066618A (en) * 2017-05-09 2017-08-18 灯塔财经信息有限公司 Display methods and device after a kind of Webpage conversion
CN107368561A (en) * 2017-07-07 2017-11-21 北京小米移动软件有限公司 Method for drafting, device and the terminal of the page
CN107436927A (en) * 2017-07-10 2017-12-05 长城计算机软件与系统有限公司 A kind of application process and system of UI components
CN108037967A (en) * 2017-11-27 2018-05-15 深圳市丰巢科技有限公司 A kind of menu loading method and electronic equipment based on more parent-child structures
CN108255801A (en) * 2018-01-19 2018-07-06 深圳市富途网络科技有限公司 A kind of Justified implementation methods of Android TextView
CN108279932A (en) * 2018-01-22 2018-07-13 北京奇艺世纪科技有限公司 A kind of mobile terminal dynamic configuration user interface method and device
CN108415702A (en) * 2018-01-22 2018-08-17 北京奇艺世纪科技有限公司 A kind of mobile terminal application interface dynamic rendering intent and device
CN108647076A (en) * 2018-05-14 2018-10-12 阿里巴巴集团控股有限公司 A kind of page processing method, device and equipment
CN109033061A (en) * 2017-06-09 2018-12-18 北大方正集团有限公司 Composition method and composing device
CN109032722A (en) * 2018-06-27 2018-12-18 广州视源电子科技股份有限公司 Update method, device and equipment, the medium of the display effect of UI component
CN109117231A (en) * 2018-08-16 2019-01-01 福建天泉教育科技有限公司 The quick interface arrangement method of Android application, storage medium
CN109408372A (en) * 2018-09-26 2019-03-01 平安普惠企业管理有限公司 Common component test method, device, computer equipment and storage medium
CN109426499A (en) * 2017-08-30 2019-03-05 武汉斗鱼网络科技有限公司 A kind of web page extending method and device
CN109634579A (en) * 2018-10-29 2019-04-16 平安科技（深圳）有限公司 Code generating method, device, computer installation and storage medium
CN109710863A (en) * 2018-11-27 2019-05-03 平安科技（深圳）有限公司 Information conversion method, device, computer equipment and storage medium
CN109814866A (en) * 2019-01-31 2019-05-28 天津字节跳动科技有限公司 Page application is converted into the treating method and apparatus of native applications
CN110309454A (en) * 2018-03-06 2019-10-08 腾讯科技（深圳）有限公司 A kind of interface display method, device, equipment and storage medium
CN110457656A (en) * 2018-05-08 2019-11-15 阿里巴巴集团控股有限公司 A kind of document display method and apparatus
CN110543265A (en) * 2019-07-22 2019-12-06 北京达佳互联信息技术有限公司 Page title bar generation method and device, electronic equipment and storage medium
CN110708235A (en) * 2019-10-12 2020-01-17 腾讯科技（深圳）有限公司 Message generation method and device, storage medium and computer equipment
CN110750248A (en) * 2018-07-23 2020-02-04 贵州白山云科技股份有限公司 Method and device for transmitting extension information of existing component
CN111078337A (en) * 2019-11-27 2020-04-28 用友网络科技股份有限公司 Pattern adjusting method, system and computer readable storage medium
CN111241793A (en) * 2020-02-17 2020-06-05 湖南快乐阳光互动娱乐传媒有限公司 Method, system, and medium for parsing rich text editor content for native client rendering
CN111309424A (en) * 2020-02-12 2020-06-19 中国平安人寿保险股份有限公司 Page restoration method and related equipment
CN111506848A (en) * 2019-01-30 2020-08-07 阿里巴巴集团控股有限公司 Webpage processing method, device, equipment and readable storage medium
CN111626031A (en) * 2020-06-02 2020-09-04 浪潮软件股份有限公司 Implementation method of big data front-end table component
CN111966354A (en) * 2020-08-17 2020-11-20 Oppo（重庆）智能科技有限公司 Page display method and device and computer readable storage medium
CN112380482A (en) * 2020-12-07 2021-02-19 四川长虹电器股份有限公司 Modal frame component capable of dynamically configuring label page
CN112463269A (en) * 2019-09-06 2021-03-09 青岛海信传媒网络技术有限公司 User interface display method and display equipment
CN113360106A (en) * 2021-06-30 2021-09-07 建信金融科技有限责任公司 Webpage printing method and device
CN114816609A (en) * 2021-01-29 2022-07-29 北京字节跳动网络技术有限公司 Method and device for displaying window, electronic equipment and computer readable storage medium
CN115061688A (en) * 2022-08-17 2022-09-16 统信软件技术有限公司 Page effect display method, computing device and storage medium
CN114816609B (en) * 2021-01-29 2024-05-28 抖音视界有限公司 Method and device for displaying window, electronic equipment and computer readable storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101197849A (en) * 2007-12-21 2008-06-11 腾讯科技（深圳）有限公司 Method and device for commuting internet page into wireless application protocol page
CN101216838A (en) * 2008-01-15 2008-07-09 中兴通讯股份有限公司 XML interface configuration file distribute system and method based on WEB marker
CN102156742A (en) * 2011-04-19 2011-08-17 北京神州数码思特奇信息技术股份有限公司 Method and middleware for supporting structured document display with own browser of mobile phone
CN102163233A (en) * 2011-04-18 2011-08-24 北京神州数码思特奇信息技术股份有限公司 Method and system for converting webpage markup language format
CN102646039A (en) * 2012-02-29 2012-08-22 河海大学 Software interface generating system and method based on extensible markup language (XML) Schema
CN102662984A (en) * 2012-03-14 2012-09-12 南京新与力文化传播有限公司 HTML(hypertext markup language)-based multi-platform message handling method
CN105095449A (en) * 2015-07-27 2015-11-25 福州盈展信息技术有限公司 Method for converting HTML webpage to mobile terminal page

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101197849A (en) * 2007-12-21 2008-06-11 腾讯科技（深圳）有限公司 Method and device for commuting internet page into wireless application protocol page
CN101216838A (en) * 2008-01-15 2008-07-09 中兴通讯股份有限公司 XML interface configuration file distribute system and method based on WEB marker
CN102163233A (en) * 2011-04-18 2011-08-24 北京神州数码思特奇信息技术股份有限公司 Method and system for converting webpage markup language format
CN102156742A (en) * 2011-04-19 2011-08-17 北京神州数码思特奇信息技术股份有限公司 Method and middleware for supporting structured document display with own browser of mobile phone
CN102646039A (en) * 2012-02-29 2012-08-22 河海大学 Software interface generating system and method based on extensible markup language (XML) Schema
CN102662984A (en) * 2012-03-14 2012-09-12 南京新与力文化传播有限公司 HTML(hypertext markup language)-based multi-platform message handling method
CN105095449A (en) * 2015-07-27 2015-11-25 福州盈展信息技术有限公司 Method for converting HTML webpage to mobile terminal page

Cited By (54)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107015740A (en) * 2017-03-16 2017-08-04 北京猎豹移动科技有限公司 Control method, device and the mobile terminal of mobile terminal screen
CN107066618A (en) * 2017-05-09 2017-08-18 灯塔财经信息有限公司 Display methods and device after a kind of Webpage conversion
CN107066618B (en) * 2017-05-09 2020-06-05 灯塔财经信息有限公司 Method and device for displaying converted webpage
CN109033061A (en) * 2017-06-09 2018-12-18 北大方正集团有限公司 Composition method and composing device
CN107368561A (en) * 2017-07-07 2017-11-21 北京小米移动软件有限公司 Method for drafting, device and the terminal of the page
CN107368561B (en) * 2017-07-07 2020-06-02 北京小米移动软件有限公司 Page drawing method and device and terminal
CN107436927A (en) * 2017-07-10 2017-12-05 长城计算机软件与系统有限公司 A kind of application process and system of UI components
CN107436927B (en) * 2017-07-10 2019-12-17 长城计算机软件与系统有限公司 Application method and system of UI component
CN109426499A (en) * 2017-08-30 2019-03-05 武汉斗鱼网络科技有限公司 A kind of web page extending method and device
CN108037967A (en) * 2017-11-27 2018-05-15 深圳市丰巢科技有限公司 A kind of menu loading method and electronic equipment based on more parent-child structures
CN108255801A (en) * 2018-01-19 2018-07-06 深圳市富途网络科技有限公司 A kind of Justified implementation methods of Android TextView
CN108279932A (en) * 2018-01-22 2018-07-13 北京奇艺世纪科技有限公司 A kind of mobile terminal dynamic configuration user interface method and device
CN108415702A (en) * 2018-01-22 2018-08-17 北京奇艺世纪科技有限公司 A kind of mobile terminal application interface dynamic rendering intent and device
CN108415702B (en) * 2018-01-22 2021-05-25 北京奇艺世纪科技有限公司 Dynamic rendering method and device for application interface of mobile terminal
CN108279932B (en) * 2018-01-22 2021-05-25 北京奇艺世纪科技有限公司 Method and device for dynamically configuring user interface of mobile terminal
CN110309454A (en) * 2018-03-06 2019-10-08 腾讯科技（深圳）有限公司 A kind of interface display method, device, equipment and storage medium
CN110457656A (en) * 2018-05-08 2019-11-15 阿里巴巴集团控股有限公司 A kind of document display method and apparatus
CN110457656B (en) * 2018-05-08 2022-05-24 阿里巴巴集团控股有限公司 Document display method and device and machine readable medium
WO2019218736A1 (en) * 2018-05-14 2019-11-21 阿里巴巴集团控股有限公司 Page processing method, apparatus, and device
CN108647076A (en) * 2018-05-14 2018-10-12 阿里巴巴集团控股有限公司 A kind of page processing method, device and equipment
CN108647076B (en) * 2018-05-14 2020-07-24 阿里巴巴集团控股有限公司 Page processing method, device and equipment
CN109032722B (en) * 2018-06-27 2021-09-28 广州视源电子科技股份有限公司 Method, device, equipment and medium for updating display effect of UI component
CN109032722A (en) * 2018-06-27 2018-12-18 广州视源电子科技股份有限公司 Update method, device and equipment, the medium of the display effect of UI component
CN110750248B (en) * 2018-07-23 2023-06-02 贵州白山云科技股份有限公司 Method and device for transmitting extension information of existing component
CN110750248A (en) * 2018-07-23 2020-02-04 贵州白山云科技股份有限公司 Method and device for transmitting extension information of existing component
CN109117231A (en) * 2018-08-16 2019-01-01 福建天泉教育科技有限公司 The quick interface arrangement method of Android application, storage medium
CN109408372A (en) * 2018-09-26 2019-03-01 平安普惠企业管理有限公司 Common component test method, device, computer equipment and storage medium
CN109634579B (en) * 2018-10-29 2023-08-22 平安科技（深圳）有限公司 Code generation method, device, computer device and storage medium
CN109634579A (en) * 2018-10-29 2019-04-16 平安科技（深圳）有限公司 Code generating method, device, computer installation and storage medium
CN109710863A (en) * 2018-11-27 2019-05-03 平安科技（深圳）有限公司 Information conversion method, device, computer equipment and storage medium
CN111506848A (en) * 2019-01-30 2020-08-07 阿里巴巴集团控股有限公司 Webpage processing method, device, equipment and readable storage medium
CN109814866B (en) * 2019-01-31 2022-02-08 天津字节跳动科技有限公司 Processing method and device for converting page application into native application
CN109814866A (en) * 2019-01-31 2019-05-28 天津字节跳动科技有限公司 Page application is converted into the treating method and apparatus of native applications
CN110543265A (en) * 2019-07-22 2019-12-06 北京达佳互联信息技术有限公司 Page title bar generation method and device, electronic equipment and storage medium
CN112463269B (en) * 2019-09-06 2022-03-15 青岛海信传媒网络技术有限公司 User interface display method and display equipment
CN112463269A (en) * 2019-09-06 2021-03-09 青岛海信传媒网络技术有限公司 User interface display method and display equipment
CN110708235B (en) * 2019-10-12 2021-07-06 腾讯科技（深圳）有限公司 Message generation method and device, storage medium and computer equipment
CN110708235A (en) * 2019-10-12 2020-01-17 腾讯科技（深圳）有限公司 Message generation method and device, storage medium and computer equipment
CN111078337A (en) * 2019-11-27 2020-04-28 用友网络科技股份有限公司 Pattern adjusting method, system and computer readable storage medium
CN111078337B (en) * 2019-11-27 2023-08-29 用友网络科技股份有限公司 Style adjustment method, system and computer readable storage medium
CN111309424B (en) * 2020-02-12 2023-09-22 中国平安人寿保险股份有限公司 Page restoration method and related equipment
CN111309424A (en) * 2020-02-12 2020-06-19 中国平安人寿保险股份有限公司 Page restoration method and related equipment
CN111241793B (en) * 2020-02-17 2023-12-08 湖南快乐阳光互动娱乐传媒有限公司 Method, system and medium for resolving rich text editor content to render to native client
CN111241793A (en) * 2020-02-17 2020-06-05 湖南快乐阳光互动娱乐传媒有限公司 Method, system, and medium for parsing rich text editor content for native client rendering
CN111626031A (en) * 2020-06-02 2020-09-04 浪潮软件股份有限公司 Implementation method of big data front-end table component
CN111626031B (en) * 2020-06-02 2023-08-08 浪潮软件股份有限公司 Realization method of big data front-end form component
CN111966354A (en) * 2020-08-17 2020-11-20 Oppo（重庆）智能科技有限公司 Page display method and device and computer readable storage medium
CN112380482A (en) * 2020-12-07 2021-02-19 四川长虹电器股份有限公司 Modal frame component capable of dynamically configuring label page
CN112380482B (en) * 2020-12-07 2022-08-16 四川长虹电器股份有限公司 Device capable of dynamically configuring label pages
CN114816609A (en) * 2021-01-29 2022-07-29 北京字节跳动网络技术有限公司 Method and device for displaying window, electronic equipment and computer readable storage medium
CN114816609B (en) * 2021-01-29 2024-05-28 抖音视界有限公司 Method and device for displaying window, electronic equipment and computer readable storage medium
CN113360106A (en) * 2021-06-30 2021-09-07 建信金融科技有限责任公司 Webpage printing method and device
CN115061688B (en) * 2022-08-17 2022-11-04 统信软件技术有限公司 Page effect display method, computing device and storage medium
CN115061688A (en) * 2022-08-17 2022-09-16 统信软件技术有限公司 Page effect display method, computing device and storage medium

Also Published As

Publication number Publication date
CN106371844B (en) 2019-10-22

Similar Documents

Publication Publication Date Title
CN106371844B (en) A kind of method and system with primary user interface components displayed web page
US20130326333A1 (en) Mobile Content Management System
Reid jQuery Mobile
US20210149842A1 (en) System and method for display of document comparisons on a remote device
EP2778977A1 (en) Systems and methods for providing a tagging interface for external content
Jiang et al. Responsive web design mode and application
CN102929867A (en) Technology used for automatically translating a document
CA2846301A1 (en) Systems and methods for providing a tagging interface for external content
US20150227276A1 (en) Method and system for providing an interactive user guide on a webpage
US10235363B2 (en) Instant translation of user interfaces of a web application
US20130238970A1 (en) Uniquely Identifying Script Files
CN103383687A (en) Page processing method and device
CN107122187A (en) A kind of operation system OS accesses design method
Li et al. The design and implementation of responsive web page based on HTML5 and CSS3
CN102982164A (en) Method and browser for presenting browser page
CN103034710A (en) Page rendering method and page rendering device for browser
US10671801B2 (en) Markup code generator
US20080282150A1 (en) Finding important elements in pages that have changed
Macaulay Introduction to web interaction design: With Html and Css
US10198408B1 (en) System and method for converting and importing web site content
Kleinfeld HTML5 for Publishers
Mahdavi et al. Web transcoding for mobile devices using a tag-based technique
Rachovski et al. Conceptual model of an application for automated generation of webpage mobile versions
Sun et al. Design and implementation of 3D effect web page based on JavaScript technology
US20210397663A1 (en) Data reduction in a tree data structure for a wireframe

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant