CN105608078A - Method and apparatus for previewing webpage in real time - Google Patents

Method and apparatus for previewing webpage in real time Download PDF

Info

Publication number
CN105608078A
CN105608078A CN201410590006.9A CN201410590006A CN105608078A CN 105608078 A CN105608078 A CN 105608078A CN 201410590006 A CN201410590006 A CN 201410590006A CN 105608078 A CN105608078 A CN 105608078A
Authority
CN
China
Prior art keywords
page
data
pseudo
webpage
preview
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
CN201410590006.9A
Other languages
Chinese (zh)
Other versions
CN105608078B (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.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201410590006.9A priority Critical patent/CN105608078B/en
Publication of CN105608078A publication Critical patent/CN105608078A/en
Application granted granted Critical
Publication of CN105608078B publication Critical patent/CN105608078B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

The present invention relates to the field of computers, and discloses a method and an apparatus for previewing a webpage in real time, in order to solve problems that when service personnel preview a webpage configuration result, a delay is prone to occur, and inconsistency between a terminal page and a preview page is prone to occur. The method comprises the steps that: a service configuration background obtains webpage configuration parameters from a specified pseudo-data background through a data source intermediate layer; and the service configuration background generates a webpage of corresponding specifications according to display parameters of a user terminal, and loads the webpage configuration parameters based on the webpage to generate a preview page. Thus, the display parameters of the user terminal and the webpage configuration parameters are obtained from the pseudo-data background through the data source intermediate layer, and therefore the preview page meeting use requirements of the user terminal is generated, so that not only generation efficiency of the preview page is effectively improved, but also content consistency between the terminal page and the preview page is ensured, and a workload and work difficulty in the subsequent page maintenance are reduced.

Description

A kind of method and apparatus of Webpage live preview
Technical field
The present invention relates to computer realm, particularly a kind of method and apparatus of Webpage live preview.
Background technology
In mobile internet service field, need attendant to configure some data, and finally pass through hypertextThe form of markup language (HyperTextMarkupLanguage, the HTML) page represents to terminal. ClothesBusiness personnel, in order to know configuration result, need to carry out effect preview in configuration. But, represent to endEnd the page be configuration after content, represent to attendant's the page be content configuration interface and represent toThe preview content of terminal, represents to terminal and represents to attendant's interactive mode and obtaining of demonstration dataIn mode, there is larger difference.
Under prior art, the method based on page live preview mainly contains three kinds:
First method is to follow development process, and attendant first, through the configuration of service configuration backstage, then sends outCloth, just can see the preview effect after configuration.
But this technology, because it only could obtain preview effect after issuing, certainly exists on the timeHysteresis, do not accomplish live preview.
Second method is that terminal and service configuration backstage are developed respectively, and the two consults application according to actual demandIdentical configuration parameter, then synchronous operation.
But this method, because its terminaloriented and service-oriented configuration backstage are two cover systems, is difficult to realThe preview page on the existing terminal page and service configuration backstage is in full accord, and the cost of maintain synchronization is also very high.
The third method is the page configuration by strong control, and the method is that attendant is on service configuration backstage" exploitation " page, generates the terminal page according to page configuration.
This method, because it completes configuration by attendant, generates the terminal page by fixing style configuration,Conventionally can only be used for very concrete business scenario. For example, service configuration backstage can only configure the page simplyThe size of picture, font and color etc., can not carry out according to the conversion of user demand the renewal of the page.
Summary of the invention
The embodiment of the present invention provides a kind of method and apparatus of Webpage live preview, in order to solve existing skillWhen in art, attendant carries out preview to page configuration result, the easily hysteresis on time of occurrence and easily going outThe inconsistence problems of the existing terminal page and preview page.
The concrete technical method that the embodiment of the present invention provides is as follows:
A method for Webpage live preview, comprising:
Service configuration backstage obtains page configuration parameter by data source intermediate layer on the pseudo-data backstage of specifying;Wherein, described data source intermediate layer obtains page with the data source intermediate layer of user terminal based on identical operating mechanismFace configuration parameter, described pseudo-data backstage is the data storage device that emulating server arranges;
Service configuration backstage generates the net of dimension according to the display parameters of the user terminal obtaining from serverThe page page, and based on described Webpage, described page configuration parameter is loaded, preview page generated.
Like this, the operating mechanism of the preview page on service configuration backstage based on identical with foreground, passes through data sourceIntermediate layer obtains page configuration parameter on pseudo-data backstage, meets the pre-of user terminal user demand thereby generateLook at the page, not only effectively improved the formation efficiency of preview page, also ensured preview page and terminal simultaneouslyThe content consistency of the page, has reduced workload and work difficulty that the later stage page is safeguarded.
Preferably, service configuration backstage is obtained the page and joins on the pseudo-data backstage of specifying by data source intermediate layerPut parameter, comprising:
Obtain basic demonstration information and be registered to pseudo-data, services platform from server according to instruction, or, according toInstruction directly obtains basic demonstration information and is registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, access pseudo-data, services platform by data source intermediate layer, obtainShow the page configuration parameter of information based on basis.
Preferably, obtain the display parameters of up-to-date user terminal according to setting cycle, the use that this locality is preservedThe display parameters of family terminal upgrade.
Preferably, further comprise: generate after preview page, in the time receiving renewal instruction, by describedThe page configuration parameter of data source intermediate layer from server obtains renewal, and be registered to pseudo-data, services platform,Or, directly obtain the page configuration parameter after renewal by described data intermediary source layer, and be registered to pseudo-numberAccording to information desk;
While receiving Webpage instruction for previewing, raw according to the display parameters of the user terminal obtaining from serverBecome the Webpage of dimension, and based on described Webpage, the page configuration parameter after upgrading is addedCarry, generate new preview page.
Preferably, further comprise: generate after preview page, described preview page is refreshed.
A device for Webpage live preview, comprising:
Data source intermediate layer: for obtaining page configuration parameter on the pseudo-data backstage of specifying; Wherein, described inData source intermediate layer obtains page configuration parameter with the data source intermediate layer of user terminal based on identical operating mechanism,Described pseudo-data backstage is the data storage device that emulating server arranges;
Preview unit: the display parameters generation dimension of the user terminal obtaining from server for basisWebpage, and based on described Webpage, described page configuration parameter is loaded, preview page generated.
Like this, the operating mechanism of the preview page on service configuration backstage based on identical with foreground, passes through data sourceIntermediate layer obtains page configuration parameter on pseudo-data backstage, meets the pre-of user terminal user demand thereby generateLook at the page, not only effectively improved the formation efficiency of preview page, also ensured preview page and terminal simultaneouslyThe content consistency of the page, has reduced workload and work difficulty that the later stage page is safeguarded.
Preferably, while obtaining page configuration parameter on the pseudo-data backstage of specifying, described data source intermediate layer toolBody is used for:
Obtain basic demonstration information and be registered to pseudo-data, services platform from server according to instruction, or, according toInstruction directly obtains basic demonstration information and is registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, access pseudo-data, services platform, obtain based on basis and show informationPage configuration parameter.
Preferably, described data source intermediate layer is further used for:
Obtain the display parameters of up-to-date user terminal according to setting cycle, the user terminal that this locality is preservedDisplay parameters upgrade.
Preferably, described data source intermediate layer is further used for:
Generate after preview page, in the time receiving renewal instruction, the page configuration from server obtains renewalParameter, and be registered to pseudo-data, services platform, or, directly obtain the page configuration parameter after upgrading, and noteVolume is to pseudo-data, services platform;
Described preview unit is further used for:
While receiving Webpage instruction for previewing, raw according to the display parameters of the user terminal obtaining from serverBecome the Webpage of dimension, and based on described Webpage, the page configuration parameter after upgrading is addedCarry, generate new preview page.
Preferably, described preview unit is further used for:
Generate after preview page, the application program of calling setting refreshes described preview page.
Brief description of the drawings
Fig. 1 is the idiographic flow of user terminal access server in the embodiment of the present invention;
Fig. 2 is the idiographic flow that in the embodiment of the present invention, service configuration backstage generates the default page;
Fig. 3 is the idiographic flow that in the embodiment of the present invention, service configuration backstage generates preview page;
Fig. 4 is the more new technological process that in the embodiment of the present invention, service configuration backstage generates preview page;
Fig. 5 is that in the embodiment of the present invention, service configuration backstage generates default page schematic diagram;
Fig. 6 is that in the embodiment of the present invention, service configuration backstage generates the preview page schematic diagram upgrading;
Fig. 7 is service background device schematic diagram in the embodiment of the present invention.
Detailed description of the invention
In order to solve attendant when page configuration result is carried out to preview, easily the hysteresis on time of occurrence withAnd easily there is the inconsistence problems of the terminal page and preview page, in the embodiment of the present invention, after service configurationPlatform obtains page configuration parameter by data source intermediate layer on the pseudo-data backstage of specifying; Wherein, this data sourceIntermediate layer obtains page configuration parameter based on identical operating mechanism, this puppet with the data source intermediate layer of user terminalData backstage is the data storage device that emulating server arranges; And according to the user who obtains from server eventuallyThe display parameters of end generate the Webpage of dimension, and based on this Webpage to the page configuration obtainingParameter loads, and generates preview page.
Below in conjunction with accompanying drawing, the preferred embodiment of the present invention is elaborated.
Consult shown in Fig. 1, in the embodiment of the present invention, the idiographic flow of user terminal access server is as follows:
Step 100: user terminal receives user's access instruction.
Under normal circumstances, access instruction is the URL (Uniform that carries target webResourceLocator, URL) address.
Step 110: user terminal, according to the access instruction obtaining, loads static page.
In practical application, obtain after access instruction, user terminal can generate phase according to local display parametersAnswer the static Web page page of specification.
Step 120: user terminal by local data source intermediate layer (version data source intermediate layer, foreground) to clothesBusiness device obtains page configuration parameter.
In the embodiment of the present invention, be provided with data source intermediate layer at user terminal, for obtaining respectively to serverWhy class data, arrange data source intermediate layer, is because the Back end data in data source intermediate layer can be voluntarilyArrange, like this, identical data source intermediate layer is also applied while obtaining data in backstage, can be by its destination addressThe pseudo-data that lead backstage, if data source intermediate layer is not set, backstage is merely able to be connected to server.
Step 130: the static page of user terminal based on generating loads the page configuration parameter obtaining,Generate display page;
In actual applications, service configuration backstage has adopted the operating mechanism consistent with user terminal, use andThe code that user terminal is identical also embeds with the form of inline frame element (iframe), is all to pass through data sourceIntermediate layer obtains data. Concrete, user terminal is by data source intermediate layer (in the middle of the version data source of foregroundLayer) obtain page configuration parameter to server, service configuration backstage is by data source intermediate layer (backstage versionData source intermediate layer) obtain page configuration parameter to pseudo-data backstage.
Based on above-mentioned principle, to consult shown in Fig. 2, in the embodiment of the present invention, service configuration backstage generates defaultThe idiographic flow of the page is as follows:
Step 200: service configuration backstage obtains the page by data source intermediate layer on the pseudo-data backstage of specifying and joinsPut parameter; Wherein, data source intermediate layer is obtained based on identical operating mechanism with the data source intermediate layer of user terminalGet page configuration parameter, pseudo-data backstage is the data storage device that emulating server arranges.
In the embodiment of the present invention, performing step at 200 o'clock, can carry out but be not limited to following two kinds of modes:
1) service configuration backstage can obtain basic demonstration information from server according to attendant's instruction, andBe registered to pseudo-data, services platform. So-called basic demonstration information refers to all kinds of demonstration information in Webpage, exampleAs, all kinds of pictures, various components, various controls etc., like this, when service configuration backstage receives webpageWhen page preview instruction, access pseudo-data, services platform by version data source intermediate layer, backstage, therefrom obtain based onThe page configuration parameter of basis demonstration information, wherein, so-called page configuration parameter is to show information from basisIn obtain for generating the demonstration information of current preview page, as, Image ID, assembly ID etc.
2) service configuration backstage can directly obtain basic demonstration information and be registered to according to attendant's instructionPseudo-data, services platform. Like this, in the time that service configuration backstage receives Webpage instruction for previewing, pass through backstagePseudo-data, services platform is accessed in version data source intermediate layer, therefrom obtains the page configuration ginseng that shows information based on basisNumber.
Step 210: service configuration backstage generates corresponding according to the display parameters of the user terminal obtaining from serverThe Webpage of specification, and based on this Webpage, page configuration parameter is loaded, preview page generated.
In the embodiment of the present invention, the display parameters of the user terminal obtaining from server can have multiple, differenceThe Webpage of the corresponding different size of display parameters, in practical application, can divide for multiple user terminalThe other generating web page page, the display parameters of the user terminal obtaining from server can be one or more,All can use in conjunction with the page configuration parameter of webpage. According to webpage page and choose which kind of page configuration parameterFace instruction for previewing is known, screens from basis demonstration information according to instruction for previewing.
In the embodiment of the present invention, execution step 210 o'clock, service configuration backstage can invoking page control program,Page configuration parameter is loaded on to the Webpage of dimension, thereby generates preview page.
Like this, just can generate preview page according to the web preview instruction of user terminal, due to, service is joinedPostpone platform and user terminal adopt identical mechanism, so the preview page generating is consistent with the user terminal page,Also can find in time the inconsistence problems existing in page generative process.
In the embodiment of the present invention, performing step at 210 o'clock, service configuration backstage obtains up-to-date according to setting cycleThe display parameters of user terminal, the display parameters of the user terminal that this locality is preserved upgrade, like this,By server can Real-time Obtaining to the display parameters of up-to-date user terminal.
Further, generating after preview page, service configuration backstage can invoking page control program in advanceThe page of looking at refreshes. Concrete, invoking page control program can be passed through in service configuration backstage, again touchesFile ready (DocumentReady) event of sending out the page, can weigh the HTML of preview page static stateThe new script (javascript) of carrying out, like this, the interface flicker problem of having avoided direct iframe to refresh causing.
Further, generate after preview page, receiving while upgrading instruction, can carry out but be not limited toLower two kinds of modes:
1) the page configuration parameter from server obtains renewal by version data source intermediate layer, backstage, and registrationTo pseudo-data, services platform. Then, in the time receiving new instruction for previewing, according to the user who obtains from serverThe display parameters of terminal generate the Webpage of dimension, and based on this Webpage to the page after upgradingConfiguration parameter loads, and generates new preview page.
2) directly obtain the page configuration parameter after renewal by data intermediary source layer, and be registered to pseudo-data clothesBusiness platform. Then, in the time receiving new instruction for previewing, according to the demonstration of the user terminal obtaining from serverParameter generates the Webpage of dimension, and based on this Webpage, the page configuration parameter after upgrading is enteredRow loads, and generates new preview page.
Adopt two concrete application scenarios to make further description to above-described embodiment below.
Consult shown in Fig. 3, in the embodiment of the present invention, service configuration backstage generates the idiographic flow of preview pageAs follows:
Step 300: service configuration backstage receives the instruction that attendant sends.
Step 310: service configuration backstage obtains basic demonstration information from server after starting.
Step 320: service configuration backstage initializes service configuration, shows information registering by the basis obtainingTo pseudo-data, services platform.
In the present embodiment, service configuration backstage, in the process of execution step 320, can adopt but be not limited toTwo kinds of modes below:
First kind of way is: service configuration backstage can obtain basis from server according to attendant's instructionDemonstration information, and be registered to pseudo-data backstage.
Under first kind of way, service configuration backstage can receive after instruction for previewing, by backstage version numberAccess pseudo-data, services platform according to intermediate layer, source, therefrom obtain the page configuration parameter that shows information based on basis.Wherein, page configuration parameter is used to indicate the various information comprising in the page of current generation.
The second way is: service configuration backstage can directly obtain basis according to attendant's instruction and showInformation, and be registered to pseudo-data backstage.
Under the second way, basic demonstration information is preset in pseudo-data backstage, and service configuration backstage canTo receive after instruction for previewing, access pseudo-data, services platform by version data source intermediate layer, backstage, therefrom obtainGet the page configuration parameter that shows information based on basis. .
Step 330: service configuration backstage receives instruction for previewing.
Step 340: service configuration backstage loads static page, and accesses pseudo-data backstage, obtains based on basisThe page configuration parameter of demonstration information.
Step 350: service configuration backstage generates corresponding according to the display parameters of the user terminal obtaining from serverThe Webpage of specification, load page configuration parameter, generates preview page.
Generate the idiographic flow of preview page based on above-mentioned service configuration backstage, consult shown in Fig. 4 the present inventionIn embodiment, the more new technological process of service configuration backstage generation preview page is specific as follows:
Step 400: service configuration backstage receives upgrades instruction.
Step 410: the page configuration parameter of service configuration backstage from server adds renewal is to pseudo-data, servicesPlatform.
Concrete, step 410 is optional, after upgrading, page configuration parameter has been kept at pseudo-data clothesBusiness platform, in this case, service configuration backstage can directly go pseudo-data station to call, and need not obtain to serverGet, just can generate the new preview page that meets active user's demand.
Step 420: service configuration backstage receives instruction for previewing.
Step 430: obtain the page configuration after renewal to pseudo-data, services platform by version data source intermediate layer, backstageParameter.
Step 440: service configuration backstage generates the Webpage of dimension according to the display parameters after upgrading,And invoking page control program based on this Webpage to upgrade after page configuration parameter load, generateNew preview page.
For example, service configuration backstage receives the instruction that attendant sends, as:Http:// ma.taobao.com/back.html, obtains display parameters from server, shape as:
<html>
<body>
showsomething
<script>Obtain the code of page configuration parameter</script>
</body>
</html>
Service configuration backstage generates the net of dimension according to the display parameters of the user terminal obtaining from serverThe page page.
Service configuration backstage initializes service configuration, and the basis getting is shown to information registering is after pseudo-dataPlatform, shape as:
In the time receiving Webpage instruction for previewing, service configuration backstage is according to the user terminal obtaining from serverDisplay parameters generate the Webpage of dimension, and based on this Webpage, page configuration parameter is carried outLoad, generate preview page. Display effect is now consulted shown in Fig. 5.
In the time that service configuration backstage receives renewal instruction, as: user " dynamically changes in right-hand member input headerContent ", the page configuration parameter corresponding to revised context of indicating according to user is filled into the net of dimensionPage the page, shape as:
Then, update request is initiated on service configuration backstage, and invoking page control program based on this webpage to morePage configuration parameter after new loads, and generates new preview page. Display effect is now consulted Fig. 6 instituteShow.
Based on above-described embodiment, consult shown in Fig. 7, in the embodiment of the present invention, the device bag of Webpage previewDraw together: data source intermediate layer 70 and preview unit 71; Wherein,
Data source intermediate layer 70: for obtaining page configuration parameter on the pseudo-data backstage of specifying; Wherein, numberObtain page configuration parameter with the data source intermediate layer of user terminal based on identical operating mechanism according to intermediate layer, source,Pseudo-data backstage is the data storage device that emulating server arranges;
Preview unit 71: for generating dimension according to the display parameters of the user terminal obtaining from serverWebpage, and based on Webpage, page configuration parameter is loaded, generate preview page.
Preferably, while obtaining page configuration parameter on the pseudo-data backstage of specifying, data source intermediate layer 70 is concreteBe used for:
Obtain basic demonstration information and be registered to pseudo-data, services platform from server according to instruction, or, according toInstruction directly obtains basic demonstration information and is registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, access pseudo-data, services platform, obtain based on basis and show informationPage configuration parameter.
Preferably, data source intermediate layer 70 is further used for:
Obtain the display parameters of up-to-date user terminal according to setting cycle, the user terminal that this locality is preservedDisplay parameters upgrade.
Preferably, data source intermediate layer 70 is further used for:
Generate after preview page, in the time receiving renewal instruction, the page configuration from server obtains renewalParameter, and be registered to pseudo-data, services platform, or, directly obtain the page configuration parameter after upgrading, and noteVolume is to pseudo-data, services platform;
Preview unit 71 is further used for:
While receiving Webpage instruction for previewing, raw according to the display parameters of the user terminal obtaining from serverBecome the Webpage of dimension, and based on Webpage, the page configuration parameter after upgrading loaded,Generate new preview page.
Preferably, preview unit 71 is further used for:
Generate after preview page, the application program of calling setting refreshes preview page.
In sum, in the embodiment of the present invention, the puppet that is specifying by data source intermediate layer on service configuration backstageData backstage obtains page configuration parameter, and service configuration backstage generates according to the display parameters that obtain from serverThe Webpage of dimension, and based on this Webpage, page configuration parameter is loaded, preview generatedThe page. Like this, the operating mechanism of service configuration backstage based on identical with foreground, exists by data source intermediate layerPseudo-data backstage obtains page configuration parameter, thereby generates the preview page that meets user terminal user demand,Not only effectively improved the formation efficiency of preview page, also ensured simultaneously preview page and the terminal page inHold uniformity, reduced workload and work difficulty that the later stage page is safeguarded.
Those skilled in the art should understand, embodiments of the invention can be provided as method, system or meterCalculation machine program product. Therefore, the present invention can adopt complete hardware implementation example, completely implement software example or knotClose the form of the embodiment of software and hardware aspect. And the present invention can adopt at one or more wherein bagsThe computer-usable storage medium that contains computer usable program code (include but not limited to magnetic disc store,CD-ROM, optical memory etc.) form of the upper computer program of implementing.
The present invention is that reference is according to the method for the embodiment of the present invention, equipment (system) and computer programFlow chart and/or block diagram describe. Should understand can by computer program instructions realization flow figure and/Or flow process in each flow process and/or square frame and flow chart and/or block diagram in block diagram and/orThe combination of square frame. Can provide these computer program instructions to all-purpose computer, special-purpose computer, embeddedThe processor of processor or other programmable data processing device, to produce a machine, makes to pass through computerOr the instruction that the processor of other programmable data processing device is carried out produces for realizing at stream of flow chartThe device of the function of specifying in square frame of journey or multiple flow process and/or block diagram or multiple square frame.
These computer program instructions also can be stored in can vectoring computer or other programmable data processing deviceIn computer-readable memory with ad hoc fashion work, make to be stored in this computer-readable memoryInstruction produces the manufacture that comprises command device, and this command device is realized at flow process of flow chart or multiple streamThe function of specifying in square frame of journey and/or block diagram or multiple square frame.
These computer program instructions also can be loaded in computer or other programmable data processing device, makeMust on computer or other programmable devices, carry out sequence of operations step to produce computer implemented processing,Thereby the instruction of carrying out on computer or other programmable devices is provided for realizing in flow process of flow chartOr the step of the function of specifying in multiple flow processs and/or square frame of block diagram or multiple square frame.
Although described the preferred embodiments of the present invention, once those skilled in the art obtain cicada baseThis creative concept, can make other change and amendment to these embodiment. So appended right is wantedAsk and be intended to be interpreted as comprising preferred embodiment and fall into all changes and the amendment of the scope of the invention.
Obviously, those skilled in the art can carry out various changes and modification and de-to the embodiment of the present inventionFrom the spirit and scope of the embodiment of the present invention. Like this, if these amendments and the modification of the embodiment of the present invention belong toWithin the scope of the claims in the present invention and equivalent technologies thereof, the present invention be also intended to comprise these change andModification is interior.

Claims (10)

1. a method for Webpage live preview, is characterized in that, described method comprises:
Service configuration backstage obtains page configuration parameter by data source intermediate layer on the pseudo-data backstage of specifying;Wherein, described data source intermediate layer obtains page with the data source intermediate layer of user terminal based on identical operating mechanismFace configuration parameter, described pseudo-data backstage is the data storage device that emulating server arranges;
Service configuration backstage generates the net of dimension according to the display parameters of the user terminal obtaining from serverThe page page, and based on described Webpage, described page configuration parameter is loaded, preview page generated.
2. the method for claim 1, is characterized in that, service configuration backstage is by the middle of data sourceLayer obtains page configuration parameter on the pseudo-data backstage of specifying, and comprising:
Obtain basic demonstration information and be registered to pseudo-data, services platform from server according to instruction, or, according toInstruction directly obtains basic demonstration information and is registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, access pseudo-data, services platform by data source intermediate layer, obtainShow the page configuration parameter of information based on basis.
3. the method for claim 1, is characterized in that, obtains up-to-date user according to setting cycleThe display parameters of terminal, the display parameters of the user terminal that this locality is preserved upgrade.
4. as claim 1,2 or 3 method, it is characterized in that, further comprise:
Generate after preview page, receiving while upgrading instruction, by described data source intermediate layer from serverObtain the page configuration parameter after renewal, and be registered to pseudo-data, services platform, or, in described dataBetween source layer directly obtain the page configuration parameter after renewal, and be registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, raw according to the display parameters of the user terminal obtaining from serverBecome the Webpage of dimension, and based on described Webpage, the page configuration parameter after upgrading is addedCarry, generate new preview page.
5. method as claimed in claim 4, is characterized in that, further comprises:
Generate after preview page, the application program of calling setting refreshes described preview page.
6. a device for Webpage live preview, is characterized in that, described device comprises:
Data source intermediate layer, for obtaining page configuration parameter on the pseudo-data backstage of specifying; Wherein, described inData source intermediate layer obtains page configuration parameter with the data source intermediate layer of user terminal based on identical operating mechanism,Described pseudo-data backstage is the data storage device that emulating server arranges;
Preview unit, the display parameters generation dimension of the user terminal obtaining from server for basisWebpage, and based on described Webpage, described page configuration parameter is loaded, preview page generated.
7. device as claimed in claim 6, is characterized in that, obtains the page on the pseudo-data backstage of specifyingWhen configuration parameter, described data source intermediate layer specifically for:
Obtain basic demonstration information and be registered to pseudo-data, services platform from server according to instruction, or, according toInstruction directly obtains basic demonstration information and is registered to pseudo-data, services platform;
While receiving Webpage instruction for previewing, access pseudo-data, services platform, obtain based on basis and show informationPage configuration parameter.
8. device as claimed in claim 7, is characterized in that, described data source intermediate layer is further used for:
Obtain the display parameters of up-to-date user terminal according to setting cycle, the user terminal that this locality is preservedDisplay parameters upgrade.
9. as claim 6,7 or 8 device, it is characterized in that, described data source intermediate layer is furtherBe used for:
Generate after preview page, in the time receiving renewal instruction, the page configuration from server obtains renewalParameter, and be registered to pseudo-data, services platform, or, directly obtain the page configuration parameter after upgrading, and noteVolume is to pseudo-data, services platform;
Described preview unit is further used for:
While receiving Webpage instruction for previewing, raw according to the display parameters of the user terminal obtaining from serverBecome the Webpage of dimension, and based on described Webpage, the page configuration parameter after upgrading is addedCarry, generate new preview page.
10. device as claimed in claim 9, is characterized in that, described preview unit is further used for:
Generate after preview page, the application program of calling setting refreshes described preview page.
CN201410590006.9A 2014-10-28 2014-10-28 A kind of method and apparatus of Webpage live preview Active CN105608078B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410590006.9A CN105608078B (en) 2014-10-28 2014-10-28 A kind of method and apparatus of Webpage live preview

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410590006.9A CN105608078B (en) 2014-10-28 2014-10-28 A kind of method and apparatus of Webpage live preview

Publications (2)

Publication Number Publication Date
CN105608078A true CN105608078A (en) 2016-05-25
CN105608078B CN105608078B (en) 2019-03-12

Family

ID=55988022

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410590006.9A Active CN105608078B (en) 2014-10-28 2014-10-28 A kind of method and apparatus of Webpage live preview

Country Status (1)

Country Link
CN (1) CN105608078B (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107092634A (en) * 2017-02-13 2017-08-25 口碑控股有限公司 The implementation method and device of page preview
CN108334451A (en) * 2018-01-30 2018-07-27 无线生活(杭州)信息科技有限公司 page compatibility test method and device
CN108363775A (en) * 2018-02-09 2018-08-03 上海宝尊电子商务有限公司 Preview environment method on the high scalability line of rule-based engine
CN109740096A (en) * 2018-12-28 2019-05-10 广州华多网络科技有限公司 A kind of implementation method of live preview, device, system and storage medium
CN113076499A (en) * 2021-04-30 2021-07-06 北京字节跳动网络技术有限公司 Page interaction method, device, equipment, medium and program product
CN112449228B (en) * 2019-08-30 2024-05-31 青岛海信宽带多媒体技术有限公司 Method and equipment for synchronizing states of player and page

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040194023A1 (en) * 2001-06-12 2004-09-30 Frank Wiechers User selective reload of images
CN101067819A (en) * 2007-06-07 2007-11-07 北京大学 Web page resource issuing method and issuing system
CN103353886A (en) * 2013-06-28 2013-10-16 优视科技有限公司 Method and system for previewing webpage
CN104090979A (en) * 2014-07-23 2014-10-08 上海天脉聚源文化传媒有限公司 Method and device for editing webpage

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040194023A1 (en) * 2001-06-12 2004-09-30 Frank Wiechers User selective reload of images
CN101067819A (en) * 2007-06-07 2007-11-07 北京大学 Web page resource issuing method and issuing system
CN103353886A (en) * 2013-06-28 2013-10-16 优视科技有限公司 Method and system for previewing webpage
CN104090979A (en) * 2014-07-23 2014-10-08 上海天脉聚源文化传媒有限公司 Method and device for editing webpage

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107092634A (en) * 2017-02-13 2017-08-25 口碑控股有限公司 The implementation method and device of page preview
CN108334451A (en) * 2018-01-30 2018-07-27 无线生活(杭州)信息科技有限公司 page compatibility test method and device
CN108363775A (en) * 2018-02-09 2018-08-03 上海宝尊电子商务有限公司 Preview environment method on the high scalability line of rule-based engine
CN108363775B (en) * 2018-02-09 2022-08-12 上海宝尊电子商务有限公司 High-expansibility online environment previewing method based on rule engine
CN109740096A (en) * 2018-12-28 2019-05-10 广州华多网络科技有限公司 A kind of implementation method of live preview, device, system and storage medium
CN109740096B (en) * 2018-12-28 2021-04-20 广州华多网络科技有限公司 Method, device and system for realizing real-time preview and storage medium
CN112449228B (en) * 2019-08-30 2024-05-31 青岛海信宽带多媒体技术有限公司 Method and equipment for synchronizing states of player and page
CN113076499A (en) * 2021-04-30 2021-07-06 北京字节跳动网络技术有限公司 Page interaction method, device, equipment, medium and program product

Also Published As

Publication number Publication date
CN105608078B (en) 2019-03-12

Similar Documents

Publication Publication Date Title
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
US10705942B1 (en) Simulated testing of API
US9525600B1 (en) Formatting values in custom component on cloud platform
CN105608078A (en) Method and apparatus for previewing webpage in real time
CN110109670B (en) Method and device for processing view list data, electronic equipment and storage medium
US20150220496A1 (en) Dynamic sprite based theme switching
CN109844727A (en) For managing the technology of application program configuration and associated credentials
CN107844371A (en) Task processing method, system and electronic equipment
CN110990075A (en) Starting method, device and equipment of fast application and storage medium
CN113010827B (en) Page rendering method and device, electronic equipment and storage medium
CN109697055B (en) Method and system for generating mobile App page
CN110554874A (en) Method and device for reusing webpage components of SaaS platform
TW201913361A (en) Page update method and apparatus
US11327811B2 (en) Distributed computing mesh
CN110807535A (en) Construction method and construction device of unified reservation platform and unified reservation platform system
CN110807162A (en) Method and device for loading occupation bitmap
JP2021068414A (en) Wrapping method, registration method, device, rendering device, and program
CN104793837A (en) Picture generation method and device
CN114035787A (en) Webpage construction method and device, electronic equipment, storage medium and product
CN112688793B (en) Data packet obtaining method and device and electronic equipment
CN112468543B (en) Method, device, equipment and computer readable medium for publishing information
CN111338739B (en) Page content processing method, page content display method and page content display system
CN115065866B (en) Video generation method, device, equipment and storage medium
CN116541045B (en) Application resource updating method, device and system
CN115250259B (en) Information interaction method and device and electronic equipment

Legal Events

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