CN104820589B - A kind of method and its device of dynamic adaptation webpage - Google Patents

A kind of method and its device of dynamic adaptation webpage Download PDF

Info

Publication number
CN104820589B
CN104820589B CN201510199023.4A CN201510199023A CN104820589B CN 104820589 B CN104820589 B CN 104820589B CN 201510199023 A CN201510199023 A CN 201510199023A CN 104820589 B CN104820589 B CN 104820589B
Authority
CN
China
Prior art keywords
webpage
terminal
dom
dynamic adaptation
server
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.)
Active
Application number
CN201510199023.4A
Other languages
Chinese (zh)
Other versions
CN104820589A (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.)
Suzhou Yunzhishen Technology Co ltd
Original Assignee
Metong Cloud (beijing) 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 Metong Cloud (beijing) Technology Co Ltd filed Critical Metong Cloud (beijing) Technology Co Ltd
Priority to CN201510199023.4A priority Critical patent/CN104820589B/en
Publication of CN104820589A publication Critical patent/CN104820589A/en
Application granted granted Critical
Publication of CN104820589B publication Critical patent/CN104820589B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

The application provides a kind of method and its device of dynamic adaptation webpage, and this method comprises the following steps:Obtain the type for accessing terminal;Webpage DOM is converted according to the type of terminal;The webpage DOM obtained after conversion is write back terminal to show.This method can automatically generate the webpage that show of terminal for being suitble to request according to terminal type, have many advantages, such as convenient for popularization, be not necessarily to that Data Migration, content real time automatic update, development cost be low, good compatibility.

Description

A kind of method and its device of dynamic adaptation webpage
Technical field
This application involves Web Page Processing field more particularly to a kind of methods and its device of dynamic adaptation webpage.
Background technology
With the rapid development of the communication technology, various intelligent machines and mobile device are dazzling in a compact mass, this is also very big The development of mobile Internet is pushed.However, when browsing traditional websites PC in the mobile devices such as mobile phone, website can equal proportion It reduces, and picture itself is larger, consumed flow is more, seriously affects loading velocity.These factors all can lead to mobile terminal very The reading experience of difference.It is effectively that content abundant on conventional internet is friendly on the mobile apparatus in mobile Internet field Show user, become mobile Internet development process major issue.In this problem, how by picture and word Etc. contents preferably show user, and suitably reduce picture size, save mobile terminal flow, improve website mobile terminal use Family is experienced, and a very important project in the field is become.
The main policies of industry are divided into two kinds, and one is webpage reordering techniques, such as Microsoft is in the Windows of its early stage IE Mobile series browsers in Mobile systems, the strategy used be by all elements longitudinal arrangement in webpage, with Facilitate the reading of user.Google uses word automatic newline technology, i.e., in webpage in the browser of its Android system When scaling, reset is carried out to the word paragraph in webpage again, allow word according to current zoom ratio and the relationship of screen from Move row, ensure when user reads, left and right scrolling operations need not be carried out to webpage.And Apple Inc. is in iPhone series In the browser of mobile phone and Microsoft is in the browser of its 7 system of Windows Phone, then takes Text Scaling technologies, by the way that different adjustment is carried out to the font size in webpage different vessels when webpage renders for the first time, Ensure that, when the container is scaled to screen center, the word in container is sized for user and reads and need not control rolling Screen, this technology successfully avoid scaling every time and all carry out reset to webpage.Drawback to this technique is that partially Page layout format is destroyed, the problems such as typesetting for be easy to causeing webpage is chaotic, content overlapping or bulk blank.
Another technology that industry uses is to provide a variety of pages and is selected for user, i.e. PC edition page be suitable for various shiftings The page of the different editions of dynamic equipment, but there is also need to develop multiple versions, the multiple web page contents of later maintenance, simultaneous early period The various problems such as capacitive is poor, user experience is bad.
Invention content
In view of this, the application provides a kind of method and its device of dynamic adaptation webpage, it can be according to terminal type, automatically The webpage for being suitble to the terminal of request to show is generated, is had convenient for promoting, without Data Migration, content real time automatic update, exploitation The advantages that at low cost, good compatibility.
The application provides a kind of method of dynamic adaptation webpage, includes the following steps:Obtain the type for accessing terminal;According to The type conversion webpage DOM of terminal;The webpage DOM obtained after conversion is write back terminal to show.
Wherein obtain access terminal type include:The code of movable state adaptation webpage is inserted into webpage;Terminal access Insert can dynamic adaptation webpage code webpage;Obtain the parameters of terminal;According to the parameter of acquisition, terminal is judged Type.
The code that movable state adaptation webpage is wherein inserted into webpage is included in webpage<head>One is inserted into after label Row can dynamic adaptation webpage code.
Wherein converting webpage DOM according to the type of terminal includes:Capture webpage DOM;Convert the webpage DOM obtained.
Wherein the webpage DOM obtained after conversion is write back terminal and show and includes:Dynamic renders webpage DOM;Load CSS Style sheet;Webpage after display adaptation.
The application includes further a kind of device of dynamic adaptation webpage, which includes:Acquiring unit:It is accessed The type of terminal;Converting unit:Webpage DOM is converted according to the type of terminal;Display unit:The webpage DOM that will be obtained after conversion Terminal is write back to be shown.
Wherein the acquiring unit further comprises:It is inserted into unit:The code of movable state adaptation webpage is inserted into webpage;It is logical Believe unit:There is provided access interface, terminal can by the interface access insert can dynamic adaptation webpage code webpage;Parameter Extraction unit:Obtain the parameters of terminal;Judging unit:According to the parameter of acquisition, the type of terminal is judged.
Unit is wherein inserted into webpage<head>Be inserted into after label a line can dynamic adaptation webpage code.
Wherein converting unit further comprises:DOM placement units:Capture webpage DOM;Convert DOM units:What conversion obtained Webpage DOM.
Wherein display unit further comprises:Rendering unit:Dynamic renders webpage DOM;Pattern unit:Load CSS style Table;Display unit:Webpage after display adaptation.
It is aobvious suitable for it for the terminal adaptation by above technical scheme as it can be seen that the application accesses the type of terminal by judgement The webpage shown.
By the application, it can be achieved that the dynamic adaptation of webpage, thus under the premise of without secondary development, dynamic adjusts net The appearance form of page.
Description of the drawings
In order to illustrate the technical solutions in the embodiments of the present application or in the prior art more clearly, to embodiment or will show below There is attached drawing needed in technology description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this Some embodiments described in application can also be obtained according to these attached drawings other for those of ordinary skill in the art Attached drawing.
Fig. 1 is the method for the application dynamic adaptation webpage and its terminal, server and cloud service that device is applied The system construction drawing of device;
Fig. 2 is the flow chart of the method for the application dynamic adaptation webpage;
Fig. 3 is the flow chart for the method that the application judges terminal type;
Fig. 4 is the flow chart for the method that the application converts webpage DOM;
Fig. 5 is the flow chart for the method that the application terminal is shown;
Fig. 6 is the structure chart of the application dynamic adaptation device;
Fig. 7 is the structure chart of the application acquiring unit;
Fig. 8 is the structure chart of the application converting unit;
Fig. 9 is the structure chart of the application display unit;
Figure 10 be using the application dynamic adaptation method migration after webpage before and after comparison diagram;.
Specific implementation mode
When the webpage that the application stores in terminal access server, provides the different pages according to the type of terminal and be subject to Display.By the application, user can dynamically obtain within the shorter response time is suitable for the webpage that terminal is shown, to obtain Better viewing experience.
Certainly, implementing any technical solution of the application must be not necessarily required to reach simultaneously above all advantages.
In order to make those skilled in the art more fully understand the technical solution in the application, below in conjunction with the embodiment of the present application In attached drawing, technical solutions in the embodiments of the present application is clearly and completely described, it is clear that described embodiment is only Only it is some embodiments of the present application, instead of all the embodiments.Based on the embodiment in the application, ordinary skill The every other embodiment that personnel are obtained, shall fall within the protection scope of the present application.
Further illustrate that the application implements with reference to illustrations.
The application provides a kind of method of dynamic adaptation webpage, is applied to cloud server and various terminals.
Referring to Fig. 1, the system that the method and apparatus of the dynamic adaptation webpage are applied includes server 1 and multiple terminals 2 And cloud server 3, wherein server 1 can be various types of servers, for being interconnected with multiple terminals 2, store thereon Web page contents are accessed for the multiple terminals 2 being attached thereto.Multiple terminals 2 can be PC machine, various types of mobile devices and The various wired or wireless terminals etc. that can be communicated with server 1, cloud server 3.Cloud server 3 provides dynamic adaptation net The service of page, can realize wired or wireless connection with server 1 and terminal 2.
Further, the terminal 2, server 1 or 3 three of cloud server include control module on hardware, Memory module, input module and output module.Wherein, the control module is for controlling each function module.It is described Memory module is for storing program and intermediate data.The input module is used to receive the input instruction of user.The output Module is for exporting web page contents.
Referring to Fig. 2, the method for the application dynamic adaptation webpage includes:
S1, the type for accessing terminal is obtained.
Specifically step can be found in Fig. 3, including:
P1, the code that movable state adaptation webpage is inserted into webpage.
By being inserted into code on the webpage that server 1 provides, realize to the various services that are provided on cloud server 3 It calls, this can be realized by a variety of insertion technologies, such as 1 active request of server or cloud server 3 push, inserted mode It may be, for example, and do the source code for the webpage being adapted in needs<head>Be inserted into after label a line can dynamic adaptation webpage generation Code, preferably close to<head>Place after label.The code, which is realized, takes the various adaptations provided on cloud server The calling of business.
P2, terminal access insert can dynamic adaptation webpage code webpage.
When terminal 2 accesses the webpage stored on server 1, if be previously inserted can dynamic adaptation webpage for the webpage Code, then the webpage dynamic adaptation function of being provided on cloud server 3 is provided first.
P3, the parameters for obtaining terminal.
Cloud server 3 sends information to terminal 1, obtains the parameters of terminal, such as the browser information of terminal, screen Resolution ratio, the screen size etc. of curtain.
P4, the parameter according to acquisition, judge the type of terminal.
According to the parameter of acquisition, judges whether terminal is PC machine, if it is PC machine, then provide the terminal with and deposited on server 1 The webpage of storage, and terminate the method for dynamic adaptation webpage shown in Fig. 2.If it is determined that terminal is not PC machine, it is mobile device, then Continue step S2.This can be judged by the browser information of acquisition, such as the HTTP_USER_ that analysing terminal browser returns AGENT information is the matching relationship table of standard and terminal type below:
Browser information specification A2 Opera MSIE Mozilla
The standard of support A2 Non- A2 Non- A2 Non- A2
The type of terminal STB STB PC-Client STB
By judging that the type of the terminal in HTTP_USER_AGENT information judges that terminal is mobile device(STB)Or PC Machine(PC-Client).
S2, webpage DOM is converted according to the type of terminal.
DOM is DOM Document Object Model(Document Object Model, abbreviation DOM), it is W3C(World Wide Web Consortium)Group Knit the standard programming interface of the expansible markup language of processing of recommendation.
The specific implementation of step S2 is referring to Fig. 4, including steps are as follows:
T1, crawl webpage DOM.
After judging terminal for mobile device, the DOM of webpage is captured, since HTML is a kind of language of formatting, wherein Text message needs to be placed in html tag, is provided to modifications such as information position, display modes by label.Html format file In, also there are labels, these labels such as < head >, < body > and < table > top down to form tree-shaped under root label DOM.W3C DOM specifications have html tag and content of text following regulation:
● entire document is a document node
● each html tag is a node element
● the text included in HTML element is text node
● each html attribute is an attribute node
Accordingly, the tree-shaped institutional framework that the DOM of webpage is made of text node and label node, according to these marks Label generate the DOM of webpage.
The webpage DOM that T2, conversion obtain.
According to built-in rule, the webpage DOM that webpage DOM is converted into showing suitable for the terminal accessed.Such as it can be based on The adjustment webpage DOM such as screen resolution of the screen parameter of the terminal of acquisition, browser type, terminal.
S3, it the webpage DOM obtained after conversion is write back into terminal shows.
Specifically, referring to Fig. 5, including:
E1, dynamic render webpage DOM.
It the browser of terminal can be used to realize that dynamic renders webpage DOM, such as each display elements in DOM had Standby one fixed width and height.
E2, load CSS style sheet.
The rendering engine of browser can parse and the relevant CSS style sheet of this document (the style sheet text introduced containing outside Part), it is described with each relevant style rule of node in DOM to be formed.Later, rendering engine is found often according to DOM order The information such as size, color, the position of a document node, it will be seen that the corresponding pattern data of node elements combine (Attachment), render tree (Render Tree) is ultimately formed, renders by shape library and is shown in screen.Wherein pattern Table has recorded the description of visual information (size, position, color etc.) and some dynamic effects of each node of document.It can basis The different CSS style sheet of the type definition of different mobile devices.
Webpage after E3, display adaptation.
The web page contents after dynamic adaptation and rendering are shown in terminal.
Fig. 6 is the structure chart for realizing the dynamic adaptation device of method shown in Fig. 1, the application dynamic adaptation web device packet It includes:
Acquiring unit 601:Obtain the type for accessing terminal.
The acquiring unit 601 further comprises each section shown in Fig. 7:
It is inserted into unit 701:The code of movable state adaptation webpage is inserted into webpage.
By being inserted into code on the webpage that server 1 provides, realize to the various services that are provided on cloud server 3 It calls, this can be realized by a variety of insertion technologies, such as 1 active request of server or cloud server 3 push, inserted mode It may be, for example, and do the source code for the webpage being adapted in needs<head></head>It is movable that a line is inserted into the place that label most starts State is adapted to the code of webpage.The code realizes the calling to the various adaptation services provided on cloud server.
Communication unit 702:There is provided access interface, terminal 2 can access that insert can dynamic adaptation webpage by the interface The webpage of code.
When terminal 2 accesses the webpage stored on server 1 by communication unit 702, if the webpage is previously inserted Can dynamic adaptation webpage code, then the webpage dynamic adaptation function of being provided on cloud server 3 is provided first.
Parameter extraction unit 703:Obtain the parameters of terminal.
Parameter extraction unit 703 sends information to terminal 2, obtains the parameters of terminal 2, such as the browser letter of terminal Breath, the resolution ratio of screen, screen size etc..
Judging unit 704:According to the parameter of acquisition, the type of terminal is judged.
According to the parameter of acquisition, judging unit 704 judges whether terminal 2 is PC machine, if it is PC machine, is then carried to terminal 2 For the webpage stored on server 1, and end processing.If it is determined that terminal 2 is not PC machine, it is mobile device, then further adjusts With converting unit 602.It can judge the type of terminal 2 by the browser information of acquisition, such as analysing terminal browser returns HTTP_USER_AGENT information is the matching relationship table of standard and terminal type below:
Browser information specification A2 Opera MSIE Mozilla
The standard of support A2 Non- A2 Non- A2 Non- A2
The type of terminal STB STB PC-Client STB
By judging that the type of the terminal in HTTP_USER_AGENT information judges that terminal is mobile device(STB)Or PC Machine(PC-Client).
Referring to Fig. 6, which further includes converting unit 620, and webpage DOM is converted according to the type of terminal.
DOM is DOM Document Object Model(Document Object Model, abbreviation DOM), it is W3C(World Wide Web Consortium)Group Knit the standard programming interface of the expansible markup language of processing of recommendation.
The converting unit specifically includes various pieces as shown in Figure 8:
DOM placement units 801:Capture webpage DOM.
After judging terminal for mobile device by the judging unit 704 of acquiring unit 601, the crawl of DOM placement units The DOM of webpage, since HTML is a kind of language of formatting, wherein text message needs to be placed in html tag, by label It provides to modifications such as information position, display modes.In html format file, under root label also have < head >, < body > with And the labels such as < table >, these labels top down form tree-shaped DOM.W3C DOM specifications have html tag and content of text Following regulation:
● entire document is a document node
● each html tag is a node element
● the text included in HTML element is text node
● each html attribute is an attribute node
Accordingly, the tree-shaped institutional framework that the DOM of webpage is made of text node and label node, according to these marks Label generate the DOM of webpage.
Convert DOM units 802:Convert the webpage DOM obtained.
Conversion DOM units are according to built-in rule, the webpage DOM that webpage DOM is converted into showing suitable for the terminal accessed. Such as can be based on the terminal of acquisition screen parameter, browser type, terminal the adjustment webpage such as screen resolution DOM.
Fig. 6 is reviewed again, which further comprises that display unit 603, display unit 603 will obtain after conversion Webpage DOM write back terminal and shown.
Specifically, the structure of the display unit 603 is referring to Fig. 9, including:
Rendering unit 901:Dynamic renders webpage DOM.
The browser of terminal can be used to realize that dynamic renders webpage DOM for rendering unit, such as make each display in DOM Element all has one fixed width and height.
Pattern unit 902:Load CSS style sheet.
The rendering engine of browser can parse and the relevant CSS style sheet of this document (the style sheet text introduced containing outside Part), it is described with each relevant style rule of node in DOM to be formed.Later, rendering engine is found often according to DOM order The information such as size, color, the position of a document node, it will be seen that the corresponding pattern data of node elements combine (Attachment), render tree (Render Tree) is ultimately formed, renders by shape library and is shown in screen.Wherein pattern Table has recorded the description of visual information (size, position, color etc.) and some dynamic effects of each node of document.Style sheet Member can be according to the different CSS style sheet of the type definition of different mobile devices.
Display unit 903:Webpage after display adaptation.
The web page contents after dynamic adaptation and rendering are shown in terminal.
Figure 10 shows the front and back comparison diagram of the web displaying after the dynamic adaptation method migration using the application, former webpage When being loaded directly on mobile phone, there are screens and the not compatible situation of webpage, and after the technology, web page contents are according to screen Size is accordingly reduced, and to improve website loading velocity, saves flow.
It will be understood by those skilled in the art that embodiments herein can be provided as method, apparatus (equipment) or computer Program product.Therefore, in terms of the application can be used complete hardware embodiment, complete software embodiment or combine software and hardware Embodiment form.Moreover, the application can be used in one or more wherein include computer usable program code meter The computer journey implemented in calculation machine usable storage medium (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) The form of sequence product.
The application is flow chart of the reference according to method, apparatus (equipment) and computer program product of the embodiment of the present application And/or block diagram describes.It should be understood that each flow in flowchart and/or the block diagram can be realized by computer program instructions And/or the combination of the flow and/or box in box and flowchart and/or the block diagram.These computer programs can be provided to refer to Enable the processor of all-purpose computer, special purpose computer, Embedded Processor or other programmable data processing devices to generate One machine so that by the instruction that computer or the processor of other programmable data processing devices execute generate for realizing The device for the function of being specified in one flow of flow chart or multiple flows and/or one box of block diagram or multiple boxes.
These computer program instructions, which may also be stored in, can guide computer or other programmable data processing devices with spy Determine in the computer-readable memory that mode works so that instruction generation stored in the computer readable memory includes referring to Enable the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one box of block diagram or The function of being specified in multiple boxes.
These computer program instructions also can be loaded onto a computer or other programmable data processing device so that count Series of operation steps are executed on calculation machine or other programmable devices to generate computer implemented processing, in computer or The instruction executed on other programmable devices is provided for realizing in one flow of flow chart or multiple flows and/or block diagram one The step of function of being specified in a box or multiple boxes.
Although the preferred embodiment of the application has been described, created once a person skilled in the art knows basic Property concept, then additional changes and modifications may be made to these embodiments.So it includes excellent that the following claims are intended to be interpreted as It selects embodiment and falls into all change and modification of the application range.Obviously, those skilled in the art can be to the application Various modification and variations are carried out without departing from spirit and scope.If in this way, these modifications and variations of the application Belong within the scope of the application claim and its equivalent technologies, then the application is also intended to exist comprising these modification and variations It is interior.

Claims (3)

1. a kind of method of dynamic adaptation webpage, which is characterized in that include the following steps:
Obtain the type for accessing terminal;
Webpage DOM is converted according to the type of terminal;
The webpage DOM obtained after conversion is write back terminal to show;
Server is used to interconnect with multiple terminals, stores web page contents thereon;
Cloud server provides the service of dynamic adaptation webpage, and wired or wireless connection is realized with server and terminal;
It is inserted into code on the webpage that server provides;
When the webpage stored on terminal access server, if the webpage has been previously inserted the code of dynamic adaptation webpage, The dynamic adaptation function of being provided on cloud server is provided;
Cloud server sends information to terminal, obtains the parameters of terminal;
After judging terminal for mobile device, the DOM of webpage is captured;
According to built-in rule, the webpage DOM that webpage DOM is converted into showing suitable for the terminal accessed;
The browser of using terminal realizes that dynamic renders webpage DOM;
The rendering engine of browser can parse with the relevant CSS style sheet of this document, to formed it is related to each node in DOM Style rule description;
Webpage after display adaptation.
2. according to the method described in claim 1, the code for being inserted into dynamic adaptation webpage wherein in webpage is included in webpage< head>The code of a line dynamic adaptation webpage is inserted into after label.
3. a kind of device of dynamic adaptation webpage, including:
Acquiring unit:Obtain the type for accessing terminal;
Converting unit:Webpage DOM is converted according to the type of terminal;
Display unit:The webpage DOM obtained after conversion is write back terminal to show;
Server is used to interconnect with multiple terminals, stores web page contents thereon;
Cloud server provides the service of dynamic adaptation webpage, and wired or wireless connection is realized with server and terminal;
It is inserted into code on the webpage that server provides;
When the webpage stored on terminal access server, if the webpage has been previously inserted the code of dynamic adaptation webpage, The dynamic adaptation function of being provided on cloud server is provided;
Cloud server sends information to terminal, obtains the parameters of terminal;
After judging terminal for mobile device, the DOM of webpage is captured;
According to built-in rule, the webpage DOM that webpage DOM is converted into showing suitable for the terminal accessed;
The browser of using terminal realizes that dynamic renders webpage DOM;
The rendering engine of browser can parse with the relevant CSS style sheet of this document, to formed it is related to each node in DOM Style rule description;
Webpage after display adaptation.
CN201510199023.4A 2015-04-24 2015-04-24 A kind of method and its device of dynamic adaptation webpage Active CN104820589B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510199023.4A CN104820589B (en) 2015-04-24 2015-04-24 A kind of method and its device of dynamic adaptation webpage

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510199023.4A CN104820589B (en) 2015-04-24 2015-04-24 A kind of method and its device of dynamic adaptation webpage

Publications (2)

Publication Number Publication Date
CN104820589A CN104820589A (en) 2015-08-05
CN104820589B true CN104820589B (en) 2018-11-09

Family

ID=53730893

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510199023.4A Active CN104820589B (en) 2015-04-24 2015-04-24 A kind of method and its device of dynamic adaptation webpage

Country Status (1)

Country Link
CN (1) CN104820589B (en)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106484735A (en) * 2015-09-01 2017-03-08 天脉聚源(北京)科技有限公司 The method and system that a kind of Web page picture self adaptation mobile terminal shows
CN105335055A (en) * 2015-10-29 2016-02-17 努比亚技术有限公司 Self-response type realization method and system of menu as well as terminal equipment
CN105975576B (en) * 2016-05-04 2019-12-31 北京京东尚科信息技术有限公司 Terminal content adaptive display method and device and terminal
CN106528765B (en) * 2016-11-03 2020-04-03 用友网络科技股份有限公司 Method and device for publishing and integrating topic analysis
CN106844656A (en) * 2017-01-23 2017-06-13 北京深思数盾科技股份有限公司 A kind of page adaptation method and system
CN106991154B (en) * 2017-03-29 2022-04-05 百度在线网络技术(北京)有限公司 Webpage rendering method and device, terminal and server
CN108874373B (en) * 2017-05-12 2023-05-30 深圳市雅阅科技有限公司 Method and device for inserting information into webpage, display terminal and storage medium
CN110442343A (en) * 2018-05-04 2019-11-12 阿里巴巴集团控股有限公司 A kind of conversion of page method and conversion of page device
JP6687801B1 (en) * 2019-12-24 2020-04-28 株式会社スカイコム Document display system, server device, information terminal device, document display method, and document display program

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101924780A (en) * 2009-06-15 2010-12-22 北京华智大为科技有限公司 Online customer service method and system
CN103246684A (en) * 2012-02-13 2013-08-14 联想(北京)有限公司 Method, device and system for web page transition
CN103412928A (en) * 2013-08-16 2013-11-27 北京乐动卓越科技有限公司 Method and device for realizing browser page intelligent response-type layout on mobile terminal
CN103605925A (en) * 2013-11-29 2014-02-26 北京奇虎科技有限公司 Webpage tampering detecting method and device
CN103678317A (en) * 2012-08-31 2014-03-26 百度在线网络技术(北京)有限公司 Automatic webpage layout adaptation method and system

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8181107B2 (en) * 2006-12-08 2012-05-15 Bytemobile, Inc. Content adaptation

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101924780A (en) * 2009-06-15 2010-12-22 北京华智大为科技有限公司 Online customer service method and system
CN103246684A (en) * 2012-02-13 2013-08-14 联想(北京)有限公司 Method, device and system for web page transition
CN103678317A (en) * 2012-08-31 2014-03-26 百度在线网络技术(北京)有限公司 Automatic webpage layout adaptation method and system
CN103412928A (en) * 2013-08-16 2013-11-27 北京乐动卓越科技有限公司 Method and device for realizing browser page intelligent response-type layout on mobile terminal
CN103605925A (en) * 2013-11-29 2014-02-26 北京奇虎科技有限公司 Webpage tampering detecting method and device

Also Published As

Publication number Publication date
CN104820589A (en) 2015-08-05

Similar Documents

Publication Publication Date Title
CN104820589B (en) A kind of method and its device of dynamic adaptation webpage
US20190236118A1 (en) Filtered stylesheets
CN103412928B (en) Method and device for realizing browser page intelligent response-type layout on mobile terminal
CN105975576B (en) Terminal content adaptive display method and device and terminal
US9576068B2 (en) Displaying selected portions of data sets on display devices
US10339209B2 (en) Webpage display method and device
CN104035753A (en) Double-WebView customized page display method and system
KR20150079867A (en) Html5-protocol-based webpage presentation method and device
KR20140012664A (en) Method for rearranging web page
WO2015180422A1 (en) Page layout method and device
US9117314B2 (en) Information output apparatus, method, and recording medium for displaying information on a video display
CN103823841B (en) Improve the method and its device of mobile terminal client terminal surfing
US20120030562A1 (en) Device and method for generating customized webpages
CN108255513A (en) Electronic device, the data-interface based on springmvc and its illustrate automatic generation method and storage medium
US9465780B2 (en) User terminal device and scroll method supporting high-speed web scroll of web document
US20230334113A1 (en) Image processing method and apparatus, and computer readable storage medium
EP2874054A1 (en) Application text adjusting method, device, and terminal
JP2021512415A (en) Backdrop rendering of digital components
CN111258577A (en) Page rendering method and device, electronic equipment and storage medium
CN102253986A (en) Method and device for improving webpage displaying effect in multiple terminals
CN112068911A (en) Method, device, system, equipment and medium for generating electronic form
CN106649299A (en) Method and device for lazy loading of webpage block
CN103885988B (en) Export method and device, the content output system of content
CN105824790A (en) Equipment table adapting method, computer equipment and mobile terminal
CN109885318A (en) The method and apparatus that the desktop icons of web application update

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
EXSB Decision made by sipo to initiate substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
CP01 Change in the name or title of a patent holder

Address after: 100080 Haidian Street, Haidian District, Beijing

Patentee after: RED CORE TIMES (BEIJING) TECHNOLOGY Co.,Ltd.

Address before: 100080 Haidian Street, Haidian District, Beijing

Patentee before: MEITONGYUNDONG (BEIJING) TECHNOLOGY Co.,Ltd.

CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder
CP01 Change in the name or title of a patent holder

Address after: 100080 27, Haidian Avenue, 3, South 301, Beijing, Haidian District

Patentee after: CLOUDDEEP INTERNET (BEIJING) TECHNOLOGY Co.,Ltd.

Address before: 100080 27, Haidian Avenue, 3, South 301, Beijing, Haidian District

Patentee before: RED CORE TIMES (BEIJING) TECHNOLOGY Co.,Ltd.

PE01 Entry into force of the registration of the contract for pledge of patent right

Denomination of invention: Method and device for dynamically adapting webpage

Effective date of registration: 20200528

Granted publication date: 20181109

Pledgee: Beijing ustron Tongsheng financing Company limited by guarantee

Pledgor: CLOUDDEEP INTERNET (BEIJING) TECHNOLOGY Co.,Ltd.

Registration number: Y2020990000530

PE01 Entry into force of the registration of the contract for pledge of patent right
PC01 Cancellation of the registration of the contract for pledge of patent right

Date of cancellation: 20221205

Granted publication date: 20181109

Pledgee: Beijing ustron Tongsheng financing Company limited by guarantee

Pledgor: CLOUDDEEP INTERNET (BEIJING) TECHNOLOGY Co.,Ltd.

Registration number: Y2020990000530

PC01 Cancellation of the registration of the contract for pledge of patent right
TR01 Transfer of patent right

Effective date of registration: 20221229

Address after: Room 1106-3, Taihu Science and Technology Industrial Park, No. 18, Longshan South Road, Guangfu Town, Wuzhong District, Suzhou City, Jiangsu Province, 215100

Patentee after: Suzhou Yunzhishen Technology Co.,Ltd.

Address before: 100080 Haidian Street, Haidian District, Beijing

Patentee before: CLOUDDEEP INTERNET (BEIJING) TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right
CP01 Change in the name or title of a patent holder

Address after: Room 1106-3, Taihu Science and Technology Industrial Park, No. 18, Longshan South Road, Guangfu Town, Wuzhong District, Suzhou City, Jiangsu Province, 215100

Patentee after: Suzhou Yunzhishen Technology Co.,Ltd.

Address before: Room 1106-3, Taihu Science and Technology Industrial Park, No. 18, Longshan South Road, Guangfu Town, Wuzhong District, Suzhou City, Jiangsu Province, 215100

Patentee before: Suzhou Yunzhishen Technology Co.,Ltd.

CP01 Change in the name or title of a patent holder