CN104820589A - Method and device for dynamically adapting webpage - Google Patents
Method and device for dynamically adapting webpage Download PDFInfo
- Publication number
- CN104820589A CN104820589A CN201510199023.4A CN201510199023A CN104820589A CN 104820589 A CN104820589 A CN 104820589A CN 201510199023 A CN201510199023 A CN 201510199023A CN 104820589 A CN104820589 A CN 104820589A
- Authority
- CN
- China
- Prior art keywords
- webpage
- terminal
- dom
- unit
- dynamic
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 230000006978 adaptation Effects 0.000 claims description 39
- 238000006243 chemical reaction Methods 0.000 claims description 26
- 230000003044 adaptive effect Effects 0.000 claims description 24
- 238000004891 communication Methods 0.000 claims description 5
- 238000000605 extraction Methods 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 5
- 238000013508 migration Methods 0.000 abstract description 4
- 230000005012 migration Effects 0.000 abstract description 4
- 230000008901 benefit Effects 0.000 abstract description 3
- 230000008569 process Effects 0.000 description 22
- 238000010586 diagram Methods 0.000 description 11
- 238000005516 engineering process Methods 0.000 description 11
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000015572 biosynthetic process Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 238000003780 insertion Methods 0.000 description 2
- 230000037431 insertion Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000931705 Cicada Species 0.000 description 1
- 230000000739 chaotic effect Effects 0.000 description 1
- 230000003750 conditioning effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
Abstract
The present application provides a method and device for dynamically adapting a webpage. The method includes the following steps: obtaining the type of an access terminal; converting a webpage DOM according to the type of the terminal; and writing the converted webpage DOM in the terminal for display. The method can automatically generate a webpage suitable for being displayed by the requested terminal according to the type of the terminal and has advantages of being convenient for popularization, preventing data migration, automatically updating content in real time, and achieving low development cost and good compatibility.
Description
Technical field
The application relates to Web Page Processing field, particularly relates to a kind of method and device thereof of dynamic adaptation webpage.
Background technology
Along with the develop rapidly of the communication technology, various intelligent machine and mobile device a feast for the eyes in a compact mass, this has also greatly promoted the development of mobile Internet.But, when the mobile devices such as mobile phone are browsed traditional PC website, website meeting scaled down, and picture itself is comparatively large, consumed flow is more, has a strong impact on loading velocity.These factors all can cause the reading experience of the non-constant in mobile terminal.In mobile Internet field, the content effectively enriched on the net by legacy interconnect is friendly on the mobile apparatus shows user, becomes the major issue of the process of mobile Internet development.In this problem, how the content such as picture and word is better showed user, and suitably reduce picture size, save mobile terminal flow, improve the Consumer's Experience of website in mobile terminal, become a very important problem in this field.
The main policies of industry is divided into two kinds, one is webpage reordering technique, the IE Mobile series browser of such as Microsoft in its early stage Windows Mobile system, the strategy of use is by all elements longitudinal arrangement in webpage, with user friendly reading.Google is in the browser of its Android system, have employed word automatic newline technology, namely when webpage convergent-divergent, again reset is carried out to the word paragraph in webpage, word is allowed automatically to enter a new line according to the relation of current zoom ratio and screen, ensure when user reads, do not need to carry out left and right scrolling operations to webpage.And Apple is in the browser of iPhone series mobile phone, and Microsoft is in the browser of its Windows Phone 7 system, then take Text Scaling technology, in playing up first at webpage, different adjustment is carried out to the font size in webpage different vessels, ensure when this container is scaled to screen center, word size in container is applicable to user and reads and not needs left and right roll screen, and this technology successfully avoid each convergent-divergent and all carries out reset to webpage.But the shortcoming of this technology is to destroy page layout format partially, easily cause the typesetting of webpage chaotic, the problems such as the overlapping or bulk of content is blank.
The another kind of technology that industry adopts is to provide the multiple page and selects for user, the i.e. PC version page and be suitable for the page of different editions of various mobile device, but also exist and need to develop the various problems such as multiple version, the multiple web page contents of later maintenance, poor compatibility, Consumer's Experience be bad early stage.
Summary of the invention
In view of this, the application provides a kind of method and device thereof of dynamic adaptation webpage, can according to terminal type, automatically produce the webpage of the terminal demonstration being applicable to request, have and be convenient to promote, without the need to Data Migration, content real time automatic update, the advantage such as cost of development is low, compatibility is good.
The application provides a kind of method of dynamic adaptation webpage, comprises the steps: the type obtaining access terminal; According to the type conversion webpage DOM of terminal; The webpage DOM obtained after conversion is write back terminal show.
The type wherein obtaining access terminal comprises: the code inserting the adaptive webpage of dynamic in webpage; Terminal access inserts the webpage of the code of the adaptive webpage of dynamic; Obtain the parameters of terminal; According to the parameter obtained, judge the type of terminal.
The code wherein inserting the adaptive webpage of dynamic in webpage inserts the code of the adaptive webpage of a line dynamic after being included in the <head> label of webpage.
Wherein comprise according to the type conversion webpage DOM of terminal: capture webpage DOM; The webpage DOM that conversion obtains.
Wherein the webpage DOM that obtains after conversion is write back terminal to carry out display and comprise: dynamically play up webpage DOM; Load CSS style sheet; Webpage after display adaptation.
The application further comprises a kind of device of dynamic adaptation webpage, and this device comprises: acquiring unit: the type obtaining access terminal; Converting unit: according to the type conversion webpage DOM of terminal; Display unit: the webpage DOM obtained after conversion is write back terminal and shows.
Wherein this acquiring unit comprises further: plug-in unit: the code inserting the adaptive webpage of dynamic in webpage; Communication unit: access interface is provided, terminal inserts the webpage of the code of the adaptive webpage of dynamic by this interface accessing; Parameter extraction unit: the parameters obtaining terminal; Judging unit: according to the parameter obtained, judge the type of terminal.
Wherein plug-in unit inserts the code of the adaptive webpage of a line dynamic after the <head> label of webpage.
Wherein converting unit comprises further: DOM placement unit: capture webpage DOM; Conversion DOM unit: the webpage DOM that conversion obtains.
Wherein display unit comprises further: rendering unit: dynamically play up webpage DOM; Pattern unit: load CSS style sheet; Display unit: the webpage after display adaptation.
From above technical scheme, the application passes through the type judging access terminal, for this terminal adaptation is suitable for the webpage of its display.
By the application, the dynamic adaptation of webpage can be realized, thus without the need under the prerequisite of secondary development, the appearance form of dynamic conditioning webpage.
Accompanying drawing explanation
In order to be illustrated more clearly in the embodiment of the present application or technical scheme of the prior art, be briefly described to the accompanying drawing used required in embodiment or description of the prior art below, apparently, the accompanying drawing that the following describes is only some embodiments recorded in the application, for those of ordinary skill in the art, other accompanying drawing can also be obtained according to these accompanying drawings.
Fig. 1 is the system construction drawing of terminal, server and the cloud server that the method for the application's dynamic adaptation webpage and device thereof are applied;
Fig. 2 is the process flow diagram of the method for the application's dynamic adaptation webpage;
Fig. 3 is the process flow diagram that the application judges the method for terminal type;
Fig. 4 is the process flow diagram that the application changes the method for webpage DOM;
Fig. 5 is the process flow diagram of the method for the application's terminal demonstration;
Fig. 6 is the structural drawing of the application's dynamic adaptation device;
Fig. 7 is the structural drawing of the application's acquiring unit;
Fig. 8 is the structural drawing of the application's converting unit;
Fig. 9 is the structural drawing of the application's display unit;
Figure 10 is comparison diagram before and after the webpage after the dynamic adaptation method migration of use the application; .
Embodiment
During the webpage that the application stores in terminal access server, the different pages is provided to be shown according to the type of terminal.By the application, user can obtain the webpage being suitable for terminal demonstration dynamically within the shorter response time, thus obtains better viewing experience.
Certainly, the arbitrary technical scheme implementing the application must not necessarily need to reach above all advantages simultaneously.
Technical scheme in the application is understood better in order to make those skilled in the art, below in conjunction with the accompanying drawing in the embodiment of the present application, technical scheme in the embodiment of the present application is clearly and completely described, obviously, described embodiment is only some embodiments of the present application, instead of whole embodiments.Based on the embodiment in the application, the every other embodiment that those of ordinary skill in the art obtain, all should belong to the scope of the application's protection.
The application's specific implementation is further illustrated below in conjunction with illustrations.
The application provides a kind of method of dynamic adaptation webpage, is applied to cloud server and various terminal.
See Fig. 1, the system that the method and apparatus of this dynamic adaptation webpage is applied comprises server 1 and multiple terminal 2 and cloud server 3, wherein server 1 can be various types of server, for interconnected with multiple terminal 2, it stores web page contents, accesses for the multiple terminals 2 be attached thereto.Multiple terminal 2 can be PC, various types of mobile device and can with server 1, cloud server 3 communicate various wired or wireless terminals etc.Cloud server 3 provides the service of dynamic adaptation webpage, can realize wired or wireless connection with server 1 and terminal 2.
Further, described terminal 2, server 1 or cloud server 3 three include control module on hardware, memory module, load module and output module.Wherein, described control module is used for controlling each functional module.Described memory module is used for storage program and intermediate data.Described load module is for receiving the input instruction of user.Described output module is for exporting web page contents.
See Fig. 2, the method for the application's dynamic adaptation webpage comprises:
The type of S1, acquisition access terminal.
Step see Fig. 3, can comprise particularly:
P1, in webpage, insert the code of the adaptive webpage of dynamic.
Code is inserted by the webpage that provides at server 1, realize calling the various services that cloud server 3 provides, this realizes by multiple insertion technology, such as server 1 active request, or cloud server 3 pushes, inserted mode such as can be the code inserting the adaptive webpage of a line dynamic after the <head> label needing the source code doing adaptive webpage, the place preferably after next-door neighbour <head> label.This codes implement calls the various adaptation services that cloud server provides.
P2, terminal access insert the webpage of the code of the adaptive webpage of dynamic.
When the webpage that terminal 2 access services device 1 stores, if this webpage inserts the code of the adaptive webpage of dynamic in advance, then first this webpage calls the dynamic adaptation function that cloud server 3 provides.
The parameters of P3, acquisition terminal.
Cloud server 3 sends information to terminal 1, obtains the parameters of terminal, the browser information of such as terminal, the resolution of screen, screen size etc.
P4, according to obtain parameter, judge the type of terminal.
According to the parameter obtained, judge whether terminal is PC, if PC, then the webpage stored on Terminal for service device 1, and terminate the method for the dynamic adaptation webpage shown in Fig. 2.If judge that terminal is not PC, be mobile device, then continue step S2.This judges by the browser information obtained, and the HTTP_USER_AGENT information that such as analysing terminal browser returns is below the matching relationship table of standard and terminal type:
| Browser information | specification A2 | Opera | MSIE | Mozilla |
| The standard supported | 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 (PC-Client).
S2, type conversion webpage DOM according to terminal.
DOM is DOM Document Object Model (Document Object Model, be called for short DOM), is W3C(World Wide Web Consortium) standard programming interface of the process easily extensible markup language of Organisation recommendations.
The specific implementation of step S2, see Fig. 4, comprises step as follows:
T1, crawl webpage DOM.
After judging that terminal is mobile device, capture the DOM of webpage, because HTML is a kind of language of format, wherein text message needs to be placed in html tag, is provided modifications such as information position, display modes by label.In html format file, under root label, also have the label such as < head >, < body > and < table >, these labels top down form tree-shaped DOM.W3C DOM specification has following regulation to html tag and content of text:
● whole document is a document node
● each html tag is a node element
● the text be included in html element element is text node
● each html attribute is an attribute node
Accordingly, the tree-shaped institutional framework that the DOM of webpage is made up of text node and label node, according to the DOM of these label generating web pages.
The webpage DOM that T2, conversion obtain.
According to built-in rule, webpage DOM is converted to the webpage DOM being suitable for the terminal demonstration of accessing.Such as can based on adjustment webpage DOM such as the screen resolutions of the screen parameter of the terminal obtained, browser type, terminal.
S3, the webpage DOM that obtains after conversion is write back terminal show.
Concrete, see Fig. 5, comprising:
E1, dynamically play up webpage DOM.
The browser of terminal can be used to realize dynamically playing up webpage DOM, such as, make each display element in DOM possess one fixed width and height.
E2, loading CSS style sheet.
The render engine of browser can resolve the CSS style sheet (containing the outside stylesheet files introduced) that document is relevant therewith, thus the formation style rule relevant to node each in DOM describes.Afterwards, render engine finds the information such as size, color, position of each document node according to DOM order, pattern data corresponding with it for visible node elements is combined (Attachment), final formation render tree (Render Tree), plays up by shape library and shows in screen.Wherein style sheet have recorded the visual information (size, position, color etc.) of each node of document and the description of some dynamic effects.CSS style sheet that can be different according to the type definition of different mobile devices.
Webpage after E3, display adaptation.
At terminal demonstration through dynamic adaptation and the web page contents after playing up.
Fig. 6 is for realizing the structural drawing of the dynamic adaptation device of method shown in Fig. 1, and the application's dynamic adaptation webpage device comprises:
Acquiring unit 601: the type obtaining access terminal.
This acquiring unit 601 comprises each several part shown in Fig. 7 further:
Plug-in unit 701: the code inserting the adaptive webpage of dynamic in webpage.
Code is inserted by the webpage that provides at server 1, realize calling the various services that cloud server 3 provides, this realizes by multiple insertion technology, such as server 1 active request, or cloud server 3 pushes, inserted mode such as can be the code inserting the adaptive webpage of a line dynamic in the place needing the <head></headGrea tT.GreaT.GT label of the source code doing adaptive webpage to start most.This codes implement calls the various adaptation services that cloud server provides.
Communication unit 702: provide access interface, terminal 2 inserts the webpage of the code of the adaptive webpage of dynamic by this interface accessing.
When terminal 2 passes through the webpage that communication unit 702 access services device 1 stores, if this webpage inserts the code of the adaptive webpage of dynamic in advance, then first this webpage calls the dynamic adaptation function that cloud server 3 provides.
Parameter extraction unit 703: the parameters obtaining terminal.
Parameter extraction unit 703 sends information to terminal 2, obtains the parameters of terminal 2, the browser information of such as terminal, the resolution of screen, screen size etc.
Judging unit 704: according to the parameter obtained, judge the type of terminal.
According to the parameter obtained, judging unit 704 judges whether terminal 2 is PC, if PC, then provides the webpage that server 1 stores to terminal 2, and ends process.If judge that terminal 2 is not PC, be mobile device, then call converting unit 602 further.Browser information by obtaining judges the type of terminal 2, and the HTTP_USER_AGENT information that such as analysing terminal browser returns is below the matching relationship table of standard and terminal type:
| Browser information | specification A2 | Opera | MSIE | Mozilla |
| The standard supported | 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 (PC-Client).
See Fig. 6, this dynamic adaptation device also comprises converting unit 620, and it is according to the type conversion webpage DOM of terminal.
DOM is DOM Document Object Model (Document Object Model, be called for short DOM), is W3C(World Wide Web Consortium) standard programming interface of the process easily extensible markup language of Organisation recommendations.
This converting unit specifically comprises various piece as shown in Figure 8:
DOM placement unit 801: capture webpage DOM.
After the judging unit 704 by acquiring unit 601 judges that terminal is mobile device, DOM placement unit captures the DOM of webpage, due to the language that HTML is a kind of format, wherein text message needs to be placed in html tag, is provided modifications such as information position, display modes by label.In html format file, under root label, also have the label such as < head >, < body > and < table >, these labels top down form tree-shaped DOM.W3C DOM specification has following regulation to html tag and content of text:
● whole document is a document node
● each html tag is a node element
● the text be included in html element element is text node
● each html attribute is an attribute node
Accordingly, the tree-shaped institutional framework that the DOM of webpage is made up of text node and label node, according to the DOM of these label generating web pages.
Conversion DOM unit 802: the webpage DOM that conversion obtains.
Webpage DOM, according to built-in rule, is converted to the webpage DOM being suitable for the terminal demonstration of accessing by conversion DOM unit.Such as can based on adjustment webpage DOM such as the screen resolutions of the screen parameter of the terminal obtained, browser type, terminal.
Review Fig. 6 again, this dynamic adaptation device comprises display unit 603 further, and the webpage DOM obtained after conversion is write back terminal and shows by display unit 603.
Concrete, the structure of this display unit 603, see Fig. 9, comprising:
Rendering unit 901: dynamically play up webpage DOM.
Rendering unit can use the browser of terminal to realize dynamically playing up webpage DOM, such as, make each display element in DOM possess one fixed width and height.
Pattern unit 902: load CSS style sheet.
The render engine of browser can resolve the CSS style sheet (containing the outside stylesheet files introduced) that document is relevant therewith, thus the formation style rule relevant to node each in DOM describes.Afterwards, render engine finds the information such as size, color, position of each document node according to DOM order, pattern data corresponding with it for visible node elements is combined (Attachment), final formation render tree (Render Tree), plays up by shape library and shows in screen.Wherein style sheet have recorded the visual information (size, position, color etc.) of each node of document and the description of some dynamic effects.Pattern unit can be different according to the type definition of different mobile devices CSS style sheet.
Display unit 903: the webpage after display adaptation.
At terminal demonstration through dynamic adaptation and the web page contents after playing up.
Figure 10 shows the front and back comparison diagram of the web displaying after the dynamic adaptation method migration using the application, when former webpage directly loads on mobile phone, there is screen and the not suitable situation of webpage, after using this technology, web page contents is according to the corresponding minimizing of screen size, thus improve website loading velocity, save flow.
It will be understood by those skilled in the art that the embodiment of the application can be provided as method, device (equipment) or computer program.Therefore, the application can adopt the form of complete hardware embodiment, completely software implementation or the embodiment in conjunction with software and hardware aspect.And the application can adopt in one or more form wherein including the upper computer program implemented of computer-usable storage medium (including but not limited to magnetic disk memory, CD-ROM, optical memory etc.) of computer usable program code.
The application describes with reference to according to the process flow diagram of the method for the embodiment of the present application, device (equipment) and computer program and/or block scheme.Should understand can by the combination of the flow process in each flow process in computer program instructions realization flow figure and/or block scheme and/or square frame and process flow diagram and/or block scheme and/or square frame.These computer program instructions can being provided to the processor of multi-purpose computer, special purpose computer, Embedded Processor or other programmable data processing device to produce a machine, making the instruction performed by the processor of computing machine or other programmable data processing device produce device for realizing the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
These computer program instructions also can be stored in can in the computer-readable memory that works in a specific way of vectoring computer or other programmable data processing device, the instruction making to be stored in this computer-readable memory produces the manufacture comprising command device, and this command device realizes the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
These computer program instructions also can be loaded in computing machine or other programmable data processing device, make on computing machine or other programmable devices, to perform sequence of operations step to produce computer implemented process, thus the instruction performed on computing machine or other programmable devices is provided for the step realizing the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
Although described the preferred embodiment of the application, those skilled in the art once obtain the basic creative concept of cicada, then can make other change and amendment to these embodiments.So claims are intended to be interpreted as comprising preferred embodiment and falling into all changes and the amendment of the application's scope.Obviously, those skilled in the art can carry out various change and modification to the application and not depart from the spirit and scope of the application.Like this, if these amendments of the application and modification belong within the scope of the application's claim and equivalent technologies thereof, then the application is also intended to comprise these change and modification.
Claims (10)
1. a method for dynamic adaptation webpage, is characterized in that, comprises the steps:
Obtain the type of access terminal;
According to the type conversion webpage DOM of terminal;
The webpage DOM obtained after conversion is write back terminal show.
2. method according to claim 1, the type wherein obtaining access terminal comprises: the code inserting the adaptive webpage of dynamic in webpage; Terminal access inserts the webpage of the code of the adaptive webpage of dynamic; Obtain the parameters of terminal; According to the parameter obtained, judge the type of terminal.
3. method according to claim 2, the code wherein inserting the adaptive webpage of dynamic in webpage inserts the code of the adaptive webpage of a line dynamic after being included in the <head> label of webpage.
4. method according to claim 1, wherein comprises according to the type conversion webpage DOM of terminal: capture webpage DOM; The webpage DOM that conversion obtains.
5., according to method according to claim 1, wherein the webpage DOM that obtains after conversion is write back terminal and carry out display and comprise: dynamically play up webpage DOM; Load CSS style sheet; Webpage after display adaptation.
6. a device for dynamic adaptation webpage, comprising:
Acquiring unit: the type obtaining access terminal;
Converting unit: according to the type conversion webpage DOM of terminal;
Display unit: the webpage DOM obtained after conversion is write back terminal and shows.
7. dynamic adaptation device according to claim 5, wherein this acquiring unit comprises further:
Plug-in unit: the code inserting the adaptive webpage of dynamic in webpage;
Communication unit: access interface is provided, terminal inserts the webpage of the code of the adaptive webpage of dynamic by this interface accessing;
Parameter extraction unit: the parameters obtaining terminal;
Judging unit: according to the parameter obtained, judge the type of terminal.
8. dynamic adaptation device according to claim 7, wherein plug-in unit inserts the code of the adaptive webpage of a line dynamic after the <head> label of webpage.
9. dynamic adaptation device according to claim 5, wherein converting unit comprises further:
DOM placement unit: capture webpage DOM;
Conversion DOM unit: the webpage DOM that conversion obtains.
10. dynamic adaptation device according to claim 5, wherein display unit comprises further:
Rendering unit: dynamically play up webpage DOM;
Pattern unit: load CSS style sheet;
Display unit: the webpage after display adaptation.
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 true CN104820589A (en) | 2015-08-05 |
| CN104820589B 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) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105335055A (en) * | 2015-10-29 | 2016-02-17 | 努比亚技术有限公司 | Self-response type realization method and system of menu as well as terminal equipment |
| CN105975576A (en) * | 2016-05-04 | 2016-09-28 | 北京京东尚科信息技术有限公司 | Terminal content adaptive display method and device as well as terminal |
| CN106484735A (en) * | 2015-09-01 | 2017-03-08 | 天脉聚源（北京）科技有限公司 | The method and system that a kind of Web page picture self adaptation mobile terminal shows |
| CN106528765A (en) * | 2016-11-03 | 2017-03-22 | 用友网络科技股份有限公司 | Publish and integration method and device for subject analysis |
| CN106844656A (en) * | 2017-01-23 | 2017-06-13 | 北京深思数盾科技股份有限公司 | A kind of page adaptation method and system |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN108874373A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Method and device, display terminal and the storage medium of information are inserted into webpage |
| CN110442343A (en) * | 2018-05-04 | 2019-11-12 | 阿里巴巴集团控股有限公司 | A kind of conversion of page method and conversion of page device |
| JP2021103366A (en) * | 2019-12-24 | 2021-07-15 | 株式会社スカイコム | Document display system, server device, information terminal device, document display method, and document display program |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080139191A1 (en) * | 2006-12-08 | 2008-06-12 | Miguel Melnyk | Content adaptation |
| 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 |
-
2015
- 2015-04-24 CN CN201510199023.4A patent/CN104820589B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080139191A1 (en) * | 2006-12-08 | 2008-06-12 | Miguel Melnyk | Content adaptation |
| 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 |
Non-Patent Citations (1)
| Title |
|---|
| 史艳艳: "《网页设计与制作实战手记》", 31 August 2012 * |
Cited By (11)
| 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 |
| CN105975576A (en) * | 2016-05-04 | 2016-09-28 | 北京京东尚科信息技术有限公司 | Terminal content adaptive display method and device as well as terminal |
| CN105975576B (en) * | 2016-05-04 | 2019-12-31 | 北京京东尚科信息技术有限公司 | Terminal content adaptive display method and device and terminal |
| CN106528765A (en) * | 2016-11-03 | 2017-03-22 | 用友网络科技股份有限公司 | Publish and integration method and device for subject analysis |
| 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 |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN108874373A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Method and device, display terminal and the storage medium of information are inserted into webpage |
| CN110442343A (en) * | 2018-05-04 | 2019-11-12 | 阿里巴巴集团控股有限公司 | A kind of conversion of page method and conversion of page device |
| JP2021103366A (en) * | 2019-12-24 | 2021-07-15 | 株式会社スカイコム | Document display system, server device, information terminal device, document display method, and document display program |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104820589B (en) | 2018-11-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104820589A (en) | Method and device for dynamically adapting webpage | |
| CN103412928B (en) | Method and device for realizing browser page intelligent response-type layout on mobile terminal | |
| CN106339226B (en) | A kind of methods of exhibiting and page presentation device of Webpage | |
| CN102693280B (en) | Webpage browsing method, WebApp framework, method and device for executing JavaScript, and mobile terminal | |
| CN107885848B (en) | Webpage screen capturing method based on web technology | |
| CN109254773A (en) | Skeleton page generation method, device, equipment and storage medium | |
| KR20150079867A (en) | Html5-protocol-based webpage presentation method and device | |
| CN109254818B (en) | Pixel-level positioning method and device for different resolutions of browser | |
| WO2017028611A1 (en) | Form implementation method and apparatus | |
| CN110297636B (en) | Page automatic generation and parameter management method, system and device based on page configuration file | |
| WO2015180422A1 (en) | Page layout method and device | |
| CN104915186B (en) | A kind of method and apparatus making the page | |
| US20170235473A1 (en) | Method and Apparatus for Loading Application Program View, and Electronic Terminal | |
| CN104866527A (en) | Dynamic webpage template matching method and device | |
| CN109445775B (en) | One-key active embedded code method, device and computer readable storage medium | |
| CN106294301B (en) | Report generation method and device | |
| CN103870508A (en) | Webpage scaling method, device and system | |
| CN102253986A (en) | Method and device for improving webpage displaying effect in multiple terminals | |
| CN110019037A (en) | A kind of pdf document methods of exhibiting, device, equipment and storage medium | |
| CN105956133B (en) | Method and device for displaying file on intelligent terminal | |
| CN112214202B (en) | Mobile phone program development system without writing codes | |
| KR102087274B1 (en) | Web electric document editing apparatus for rendering object and operating method thereof | |
| CN103885988B (en) | Export method and device, the content output system of content | |
| JP4803218B2 (en) | Information output device and information output processing program | |
| 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 | ||
| 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 |
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. |
|
| CP01 | Change in the name or title of a patent holder | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| 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 |
|
| PC01 | Cancellation 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 |
|
| TR01 | Transfer 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. |
|
| CP01 | Change in the name or title of a patent holder | ||
| 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. |