CN106126517A - The PC end application page is converted to the method and device of the mobile terminal application page - Google Patents

The PC end application page is converted to the method and device of the mobile terminal application page Download PDF

Info

Publication number
CN106126517A
CN106126517A CN201610379376.7A CN201610379376A CN106126517A CN 106126517 A CN106126517 A CN 106126517A CN 201610379376 A CN201610379376 A CN 201610379376A CN 106126517 A CN106126517 A CN 106126517A
Authority
CN
China
Prior art keywords
page
mobile terminal
application
page elements
assembly
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
CN201610379376.7A
Other languages
Chinese (zh)
Other versions
CN106126517B (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 CN201610379376.7A priority Critical patent/CN106126517B/en
Publication of CN106126517A publication Critical patent/CN106126517A/en
Application granted granted Critical
Publication of CN106126517B publication Critical patent/CN106126517B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention provides a kind of method and apparatus for the PC end application page being converted to the mobile terminal application page.Described method includes: obtain and resolve the page elements of PC end application;Mark based on page elements, the position of one or more PC end assemblies of location PC end application;According to determining the one or more PC end assembly of position, select the one or more mobile terminals adapter assembly matched;And the one or more mobile terminal adapter assembly is placed in the one or more device region in the mobile terminal application page.

Description

The PC end application page is converted to the method and device of the mobile terminal application page
Technical field
The present invention relates to Internet technical field, particularly relating to one should for the PC end application page is converted to mobile terminal By the method and device of the page.
Background technology
Along with the universal of mobile Internet and development, increasing user habit is in browsing PC end on the mobile apparatus The application page.Owing to the screen of mobile device is the most much smaller relative to the screen of PC equipment, it is therefore desirable to PC end is applied The page processes so that it is be suitable for browsing on the mobile apparatus.In such mobile of prior art processes, mobile Change assembly and be mainly used for the INTERFACE DESIGN in mobile development process, come by the application programming interfaces (API) of invocation component Complete the design at mobile interface, and assembly itself cannot can realize mobile adaptation by simple process, developer Need study and grasp the common syntax of assembly, with docking of original PC end application system, more needing by calling data Interface realizes.So, the mobile of prior art processes and there is the defect that development difficulty and cost are high, development efficiency is low.
Summary of the invention
In view of the above problems, it is proposed that the present invention, in order to provide one overcome the problems referred to above or solve at least in part The method and device for the PC end application page is converted to the mobile terminal application page of the problems referred to above, is used for solving prior art Present in defect.
In the first aspect of embodiment of the present invention, it is provided that a kind of for the PC end application page is converted to mobile terminal The method of the application page, including:
Obtain and resolve the page elements of PC end application;
Mark based on page elements, the position of one or more PC end assemblies of location PC end application;
According to determining the one or more PC end assembly of position, select the one or more mobile terminals matched adaptive Assembly;And
The one or more mobile terminal adapter assembly is placed into the one or more assemblies in the mobile terminal application page In region.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Method in, described acquisition and resolve the step of page elements of PC end application and include: resolve described PC end by circulation and apply Page elements, obtain the mark of described page elements.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Method in, the step bag of position of one or more PC end assemblies of described mark location PC end based on page elements application Include: mark based on page elements, navigate to the Minimum Area of one or more PC end assemblies of PC end application.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Method in, also include: update the information of page elements of described PC end application in the server with the predefined cycle.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Method in, also include: the resource data generated by calling mobile terminal adapter assembly is passed back to described PC end applications pages Face.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Method in, the mark of described page elements includes following one or more: the ID of page elements, relative position, class.
In the second aspect of embodiment of the present invention, it is provided that a kind of for the PC end application page is converted to mobile terminal The device of the application page, including:
Obtain and resolution unit, for obtaining and resolve the page elements of PC end application;
Positioning unit, for mark based on page elements, the position of one or more PC end assemblies of location PC end application Put;
Select unit, for according to determining the one or more PC end assembly of position, select to match one or Multiple mobile terminals adapter assembly;And
Placement unit, for being placed in the mobile terminal application page by the one or more mobile terminal adapter assembly In individual or multiple device region.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Device in, described acquisition and resolution unit resolve the page elements of described PC end application by circulation, obtain the described page The mark of element.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Device in, described positioning unit mark based on page elements, navigate to the one or more PC end assemblies of PC end application Minimum Area.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Device in, also include updating block, in the server with the predefined cycle update described PC end application the page The information of element.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Device in, also include back propagation unit, for the resource data generated by calling mobile terminal adapter assembly is passed back to institute State the PC end application page.
The page is applied for the PC end application page being converted to mobile terminal in any of the above-described embodiment according to the present invention Device in, the mark of described page elements includes following one or more: the ID of page elements, relative position, class.
According to the present invention it is possible to obtain and resolve the page elements of PC end application, mark based on page elements, position PC The position of one or more PC end assemblies of end application, according to determining the one or more PC end assembly of position, selects phase One or more mobile terminals adapter assembly of coupling;And the one or more mobile terminal adapter assembly is placed into mobile terminal In one or more device region in the application page.Hereby it is achieved that mobile terminal adapter assembly and former PC end page assembly It is accurately positioned and mapping relations, former PC end applications pages can be got by placing the assembly of adaptation in the page of mobile terminal The mathematical logic effect in face.Further, the present invention is independent of PC end application page genuine business and develops api interface and can realize.It addition, Mobile terminal adapter assembly realizes based on react framework, and the JavaScript technology encapsulation that combination is correlated with forms, and compatibility is different divides Resolution and the mobile device of operating system.
Described above is only the general introduction of technical solution of the present invention, in order to better understand the technological means of the present invention, And can be practiced according to the content of description, and in order to allow above and other objects of the present invention, the feature and advantage can Become apparent, below especially exemplified by the detailed description of the invention of the present invention.
Accompanying drawing explanation
By reading the detailed description of hereafter preferred implementation, various other advantage and benefit common for this area Technical staff will be clear from understanding.Accompanying drawing is only used for illustrating the purpose of preferred implementation, and is not considered as the present invention Restriction.And in whole accompanying drawing, it is denoted by the same reference numerals identical parts.In the accompanying drawings:
Fig. 1 is according to an embodiment of the invention for the method that the PC end application page is converted to the mobile terminal application page Indicative flowchart;
Fig. 2 is the PC end application page according to an embodiment of the present and the schematic interface of the mobile terminal application page Figure;
Fig. 3 is the PC end application page according to an embodiment of the present and the schematic interface of the mobile terminal application page Figure;
Fig. 4 is the schematic diagram of the page elements of PC end application according to an embodiment of the present;
Fig. 5 is the schematic diagram of the page elements of PC end application according to an embodiment of the present;
Fig. 6 is according to an embodiment of the invention for the PC end application page is converted to the device of the mobile terminal application page Schematic block diagram.
Detailed description of the invention
It is more fully described the exemplary embodiment of the disclosure below with reference to accompanying drawings.Although accompanying drawing shows the disclosure Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure and should be by embodiments set forth here Limited.On the contrary, it is provided that these embodiments are able to be best understood from the disclosure, and can be by the scope of the present disclosure Complete conveys to those skilled in the art.
Fig. 1 schematically show according to an embodiment of the invention for the PC end application page is converted to mobile terminal should Indicative flowchart by the method for the page.According to embodiments of the invention, the described PC end application page can be all kinds The application page (such as, Webpage, the form page write for PC equipment (such as, desk computer, notebook etc.) Face etc.), include but not limited to the application page utilizing HTML5 to write.According to embodiments of the invention, described mobile terminal applications pages Face can be the various types of application page (examples being suitable for and browsing in mobile device (such as, panel computer, smart mobile phone etc.) As, Webpage, forms pages, the APP page etc.).
As it is shown in figure 1, the method can include step S110, S120, S130 and S140, the method starts from step S110, Wherein, obtain and resolve the page elements that PC end is applied.About described page elements, as a example by forms pages, the page therein Element such as can include the form in forms pages, calendar, text box, input frame, radio button etc..
According to embodiments of the invention, the page elements of described PC end application can be resolved by circulation, obtain described The mark of page elements.
According to embodiments of the invention, the mark of described page elements can include following one or more: the page is first The ID of element, relative position, class.
Alternatively, according to an embodiment of the present, described method can also include optional step: in the server with The predefined cycle updates the information of the page elements of described PC end application.Owing to the page elements in the PC end application page can Can change, therefore, it can update the page elements of described PC end application with the predefined cycle in the server Information, so that the mobile terminal application page after Zhuan Huan adapts to such change.
After step silo, step S120, wherein, mark based on page elements, the one of location PC end application are performed Individual or the position of multiple PC end assembly.As a example by radio button assembly in the PC end application page, the selected state of radio button Generally comprise selected as mark, in position fixing process, need to find the state change mark of its standard, just can navigate to The position of this assembly.
According to embodiments of the invention, in the step s 120, can mark based on page elements, navigate to PC end application The Minimum Area of one or more PC end assemblies.
It follows that perform step S130, wherein, according to determining the one or more PC end assembly of position, phase is selected One or more mobile terminals adapter assembly of coupling.After step S130, perform step S140, wherein, by one or many Individual mobile terminal adapter assembly is placed in the one or more device region in the mobile terminal application page.
See Fig. 2 and Fig. 3, illustrated therein is the PC end application page according to an embodiment of the present and mobile terminal should With the schematic surface chart of the page.As shown in Figures 2 and 3, in the step s 120, can be with the page unit of the Based PC end application page The mark of element, in the PC end application page of location, user name input frame assembly and Password Input frame assembly for logging in (see Fig. 2 Part in the square frame of middle PC end application page lower right side);In step s 130, phase can be selected according to the two PC end assembly The mobile terminal adapter assembly of coupling, as the mobile terminal user name input frame assembly in the page and close is applied in the mobile terminal on the right side of Fig. 2 Code input frame assembly;In step S140, can be by adaptive mobile terminal user name input frame assembly and Password Input frame assembly It is placed in the mobile terminal application page in corresponding device region.
See Fig. 4, illustrated therein is the schematic diagram of the page elements that PC end according to an embodiment of the present is applied. Fig. 4 shows the schematic diagram of the forms application page of PC end, and as shown in Figure 4, this PC end applications pages face includes name, department, hilllock Position, registration date, multiple page elements such as date, remarks of applying for becoming a full member.As shown in Figure 4, as a example by this page elements of remarks, It is Text Entry more than, and corresponding label is textarea, and during step S120 positions, needs to find this The region of the content that label textarea is comprised is (i.e.,<textarea></textarea>the region comprised).And in step During S130 selects the one or more mobile terminals adapter assembly matched, need in the mobile terminal selecting such as input While adapter assembly, it is judged that whether its corresponding textarea assembly is meet that its mobile terminal adapter assembly requires suitable Assembly.Here the mobile terminal adapter assembly mated e.g. input frame assembly, places mobile terminal adapter assembly in step S140 During applying to mobile terminal in the device region in the page, it is possible to select input frame assembly, and be placed into mobile In device region corresponding in the end application page.
See Fig. 5, illustrated therein is the signal of the page elements of the PC end application of the another kind of embodiment according to the present invention Figure.Fig. 5 shows the schematic diagram of the forms application page of PC end, as it is shown in figure 5, this PC end applications pages face include send, preserve, Multiple page elements such as application process, print button.As it is shown in figure 5, as a example by this page elements of send button, it is one Button, corresponding label is input, and during step S120 positions, needs to find the comprised content of its corresponding label Region, its type value of input label is button, and its literary style is the basic literary style of button assembly.During location, The beginning of location input label corresponding to PC end assembly and end position, thus obtain its Minimum Area.And in step S130 During selecting the one or more mobile terminals adapter assembly matched, select the mobile terminal with its PC end component matching adaptive Assembly, and judge whether this mobile terminal adapter assembly mates with former PC end component type.Here the mobile terminal adapter assembly mated E.g. button assembly, is placed into mobile terminal adapter assembly in the device region in the mobile terminal application page in step S140 During, it is possible to select button assembly, and be placed in device region corresponding in the mobile terminal application page.
Alternatively, according to an embodiment of the present, described method can also comprise the following steps: will be by calling shifting The resource data that moved end adapter assembly is generated passes back to the described PC end application page.For example, it is possible to by by calling adaptation The username and password data back that mobile terminal user name input frame assembly and Password Input frame assembly are generated is applied to PC end The page, thus realize completing the corresponding operating of the PC end application page at the mobile terminal application page.
Alternatively, according to an embodiment of the present, described method can also comprise the following steps: by for PC end The periodic monitoring of the application page, makes the data of the mobile terminal application page and the data syn-chronization of the PC end application page.Specifically, permissible By the periodic monitoring for the PC end application page, result data monitoring obtained assignment again is adaptive to corresponding mobile terminal Assembly.For example, it is possible to detected by the poll of the page, by optimized algorithm and poll opportunity, to mobile device performance, internal memory The periodic monitoring to the PC end application page is completed Deng in the case of consuming minimum.
As a example by input frame assembly, the multirow input module in adaptive mobile terminal input frame assembly with PC end page face is real Now after coupling, the data obtained in the page of mobile terminal keep identical with the data in PC end page face, and the page data meeting of PC end There is dynamically change, and the data of these changes need dynamically to read through periodic monitoring, main reading process bag Include the parsing of page DOM structure, page iden-tity element obtains judgement etc..The process of data syn-chronization be then read after number of results Process according to assignment again to corresponding mobile terminal adapter assembly input frame assembly.
As a example by button assembly, realize mating with the button assembly in PC end page face at adaptive mobile terminal button assembly After, the data obtained in the page of mobile terminal keep identical with the data in PC end page face, and the page data of PC end can exist dynamic State changes, and the data of these changes then need dynamically to read through periodic monitoring, and main reading process includes page Face DOM structure resolves, page iden-tity element obtains judgement etc..The process of data syn-chronization be then read after result data weight New assignment is to the process of corresponding mobile terminal adapter assembly button assembly.
Alternatively, according to an embodiment of the present, described method can also comprise the following steps: in response to mobile terminal The triggering of function circulation button on the application page, triggers the event of function circulation button corresponding on the PC end application page.Such as, The log-in events on the PC end application page can be triggered in response to the triggering of login button on the mobile terminal application page.
It (is in other words, based on B/S satisfied that each Form Element of PC end operation system depends on the html page of front end The front end displayed page of browser resolves specification), the medium mutual to back-end data is then by JavaScript and relevant Technology realizes.Each PC end assembly both corresponds to the state value that rear end is mutual, and function circulation button then correspond to data please Ask address and relevant parameter (the packing parameter of assembly).According to the present invention, it is not necessary to big its network request process of component analysis, but Realization is triggered by page synchronization, the mapping relations formed with PC end page face by the mobile terminal page, only need to be in mobile device While corresponding button triggers, correspondingly it is triggered to the button of PC end, and without being concerned about the service logic of original system Backstage, is the solution of a front end.
Corresponding with the above-mentioned method for the PC end application page is converted to the mobile terminal application page, the present invention also provides for A kind of device for the PC end application page being converted to the mobile terminal application page.See Fig. 6, there is shown according to the present invention Embodiment for the PC end application page being converted to the schematic block diagram that the device 200 of the page is applied in mobile terminal.Such as Fig. 6 institute Showing, described device 200 includes:
Obtain and resolution unit 210, for obtaining and resolve the page elements of PC end application;
Positioning unit 220, for mark based on page elements, one or more PC end assemblies of location PC end application Position;
Select unit 230, be used for, according to the one or more the PC end assembly determining position, selecting matched Or multiple mobile terminals adapter assembly;And
Placement unit 240, for being placed into the one or more mobile terminal adapter assembly in the mobile terminal application page One or more device region in.
According to embodiments of the invention, the described PC end application page can be various types of (such as, desk-top for PC equipment Computer, notebook etc.) the application page (such as, Webpage, forms pages etc.) write, include but not limited to profit The application page write with HTML5.According to embodiments of the invention, the described mobile terminal application page can be various types of suitable It is combined in mobile device (such as, panel computer, smart mobile phone etc.) the application page (such as, Webpage, the form page browsed Face, the APP page etc.).
First, described acquisition and resolution unit 210 obtain and resolve the page elements of PC end application.About described page unit Element, as a example by forms pages, page elements therein such as can include the form in forms pages, calendar, text box, input Frame, radio button etc..
According to embodiments of the invention, described acquisition and resolution unit 210 can resolve described PC end by circulation and apply Page elements, obtain the mark of described page elements.
According to embodiments of the invention, the mark of described page elements can include following one or more: the page is first The ID of element, relative position, class.
Alternatively, according to an embodiment of the present, described device 200 can also include selectable unit: updating block, For updating the information of the page elements of described PC end application in the server with the predefined cycle.Due to PC end applications pages Page elements in face is it may happen that change, and therefore, described updating block can be in the server with the predefined cycle Update the information of the page elements of described PC end application, so that the mobile terminal application page after Zhuan Huan adapts to such change.
Subsequently, positioning unit 220 can mark based on page elements, location PC end application one or more PC end groups The position of part.As a example by radio button assembly in the PC end application page, the selected state of radio button generally comprises Selected, as mark, needs to find the state change mark of its standard in position fixing process, just can navigate to this assembly Position.
According to embodiments of the invention, described positioning unit 220 can mark based on page elements, navigating to PC end should The Minimum Area of one or more PC end assemblies.
It follows that select unit 230 can select to match according to determining the one or more PC end assembly of position One or more mobile terminals adapter assembly.Subsequently, placement unit 240 can be by the one or more mobile terminal adapter assembly It is placed in the one or more device region in the mobile terminal application page.
See Fig. 2 and Fig. 3, illustrated therein is the PC end application page according to an embodiment of the present and mobile terminal should With the schematic surface chart of the page.As shown in Figures 2 and 3, described positioning unit 220 can be with the page of the Based PC end application page The mark of element, in the PC end application page of location, user name input frame assembly and Password Input frame assembly for logging in (see Part in the square frame of PC end application page lower right side in Fig. 2);Described selection unit 230 can select according to the two PC end assembly Select the mobile terminal adapter assembly matched, as the mobile terminal user name input frame assembly in the page is applied in the mobile terminal on the right side of Fig. 2 With Password Input frame assembly;Described placement unit 240 can be by adaptive mobile terminal user name input frame assembly and Password Input Frame assembly is placed in the mobile terminal application page in corresponding device region.
See Fig. 4, illustrated therein is the schematic diagram of the page elements that PC end according to an embodiment of the present is applied. Fig. 4 shows the schematic diagram of the forms application page of PC end, and as shown in Figure 4, this PC end applications pages face includes name, department, hilllock Position, registration date, multiple page elements such as date, remarks of applying for becoming a full member.As shown in Figure 4, as a example by this page elements of remarks, It is Text Entry more than, and corresponding label is textarea, and during described positioning unit 220 positions, needs Find the region of the content that this label textarea comprised (i.e.,<textarea></textarea>the region comprised). And during described selection unit 230 selects the one or more mobile terminals adapter assembly matched, need selecting such as While the mobile terminal adapter assembly of input, it is judged that whether its corresponding textarea assembly is to meet its mobile terminal adaptation The suitable assembly that assembly requires.Here the mobile terminal adapter assembly mated e.g. input frame assembly, at described placement unit 240 During mobile terminal adapter assembly being placed in the device region in the mobile terminal application page, it is possible to select input frame group Part, and be placed in device region corresponding in the mobile terminal application page.
See Fig. 5, illustrated therein is the signal of the page elements of the PC end application of the another kind of embodiment according to the present invention Figure.Fig. 5 shows the schematic diagram of the forms application page of PC end, as it is shown in figure 5, this PC end applications pages face include send, preserve, Multiple page elements such as application process, print button.As it is shown in figure 5, as a example by this page elements of send button, it is one Button, corresponding label is input, and during described positioning unit 220 positions, needs to find its corresponding label to be wrapped Region containing content, its type value of input label is button, and its literary style is the basic literary style of button assembly.In location During, the beginning of location input label corresponding to PC end assembly and end position, thus obtain its Minimum Area.And During described selection unit 230 selects the one or more mobile terminals adapter assembly matched, select and its PC end assembly The mobile terminal adapter assembly of coupling, and judge whether this mobile terminal adapter assembly mates with former PC end component type.Here mate Mobile terminal adapter assembly e.g. button assembly, at described placement unit 240, mobile terminal adapter assembly is placed into mobile terminal During in device region in the application page, it is possible to select button assembly, and it is placed into the mobile terminal application page In the device region of middle correspondence.
Alternatively, according to an embodiment of the present, described method can also include back propagation unit, and being used for will be by adjusting The resource data generated with mobile terminal adapter assembly passes back to the described PC end application page.Such as, single Yuan of described passback is permissible The username and password number that mobile terminal user name input frame assembly and Password Input frame assembly by calling adaptation is generated According to passing back to the PC end application page, thus realize completing the corresponding operating of the PC end application page at the mobile terminal application page.
Alternatively, according to an embodiment of the present, described device 200 can also include lock unit, is used for passing through For the periodic monitoring of the PC end application page, make the data of the mobile terminal application page and the data syn-chronization of the PC end application page.Tool Body ground, described lock unit can be by the periodic monitoring for the PC end application page, and result data monitoring obtained is again Assignment is to corresponding mobile terminal adapter assembly.For example, it is possible to detected by the poll of the page, during by optimized algorithm and poll Machine, completes the periodic monitoring to the PC end application page in the case of mobile device performance, internal memory etc. are consumed minimum.
As a example by input frame assembly, the multirow input module in adaptive mobile terminal input frame assembly with PC end page face is real Now after coupling, the data obtained in the page of mobile terminal keep identical with the data in PC end page face, and the page data meeting of PC end There is dynamically change, and the data of these changes need dynamically to read through periodic monitoring, main reading process bag Include the parsing of page DOM structure, page iden-tity element obtains judgement etc..The process of data syn-chronization be then read after number of results Process according to assignment again to corresponding mobile terminal adapter assembly input frame assembly.
As a example by button assembly, realize mating with the button assembly in PC end page face at adaptive mobile terminal button assembly After, the data obtained in the page of mobile terminal keep identical with the data in PC end page face, and the page data of PC end can exist dynamic State changes, and the data of these changes then need dynamically to read through periodic monitoring, and main reading process includes page Face DOM structure resolves, page iden-tity element obtains judgement etc..The process of data syn-chronization be then read after result data weight New assignment is to the process of corresponding mobile terminal adapter assembly button assembly.
Alternatively, according to an embodiment of the present, described device can also include trigger element, in response to shifting The triggering of function circulation button on the moved end application page, triggers the event of function circulation button corresponding on the PC end application page. Such as, described trigger element can trigger on the PC end application page in response to the triggering of login button on the mobile terminal application page Log-in events.
It (is in other words, based on B/S satisfied that each Form Element of PC end operation system depends on the html page of front end The front end displayed page of browser resolves specification), the medium mutual to back-end data is then by JavaScript and relevant Technology realizes.Each PC end assembly both corresponds to the state value that rear end is mutual, and function circulation button then correspond to data please Ask address and relevant parameter (the packing parameter of assembly).According to the present invention, it is not necessary to big its network request process of component analysis, but Realization is triggered by page synchronization, the mapping relations formed with PC end page face by the mobile terminal page, only need to be in mobile device While corresponding button triggers, correspondingly it is triggered to the button of PC end, and without being concerned about the service logic of original system Backstage, is the solution of a front end.
According to the present invention it is possible to obtain and resolve the page elements of PC end application, mark based on page elements, position PC The position of one or more PC end assemblies of end application, according to determining the one or more PC end assembly of position, selects phase One or more mobile terminals adapter assembly of coupling;And the one or more mobile terminal adapter assembly is placed into mobile terminal In one or more device region in the application page.Hereby it is achieved that mobile terminal adapter assembly and former PC end page assembly It is accurately positioned and mapping relations, former PC end applications pages can be got by placing the assembly of adaptation in the page of mobile terminal The mathematical logic effect in face.Further, the present invention is independent of PC end application page genuine business and develops api interface and can realize.It addition, Mobile terminal adapter assembly realizes based on react framework, and the JavaScript technology encapsulation that combination is correlated with forms, and compatibility is different divides Resolution and the mobile device of operating system.
Method and apparatus is not intrinsic to any certain computer, virtual system or miscellaneous equipment relevant provided herein. Various general-purpose systems can also be used together with based on teaching in this.As described above, construct required by this kind of device Structure be apparent from.Additionally, the present invention is also not for any certain programmed language.It is understood that, it is possible to use various Programming language realizes the content of invention described herein, and the description done language-specific above is to disclose this Bright preferred forms.
In description mentioned herein, illustrate a large amount of detail.It is to be appreciated, however, that the enforcement of the present invention Example can be put into practice in the case of not having these details.In some instances, it is not shown specifically known method, structure And technology, in order to do not obscure the understanding of this description.
Similarly, it will be appreciated that one or more in order to simplify that the disclosure helping understands in each inventive aspect, exist Above in the description of the exemplary embodiment of the present invention, each feature of the present invention is grouped together into single enforcement sometimes In example, figure or descriptions thereof.But, the method for the disclosure should not be construed to reflect an intention that i.e. required guarantor The application claims feature more more than the feature being expressly recited in each claim protected.More precisely, such as right As claim is reflected, inventive aspect is all features less than single embodiment disclosed above.Therefore, it then follows tool Claims of body embodiment are thus expressly incorporated in this detailed description of the invention, the conduct of the most each claim itself The independent embodiment of the present invention.
It will be understood to those skilled in the art that and the module in the device in embodiment adaptively can be changed Become and they are arranged in one or more devices different from this embodiment.Can be the some module groups in embodiment Synthesize a module or unit or assembly, and multiple submodule or subelement or sub-component can be put them in addition.Remove Outside at least some in such feature and/or process or module excludes each other, any combination can be used this All features disclosed in description (including adjoint claim, summary and accompanying drawing) and so disclosed any method or All processes of person's equipment or unit are combined.Unless expressly stated otherwise, this specification (include adjoint claim, Summary and accompanying drawing) disclosed in each feature can by provide identical, equivalent or similar purpose alternative features replace.
Although additionally, it will be appreciated by those of skill in the art that embodiments more described herein include other embodiments Some feature included by rather than further feature, but the combination of the feature of different embodiment means to be in the present invention's Within the scope of and form different embodiments.Such as, in detail in the claims, embodiment required for protection one of arbitrarily Can mode use in any combination.
Each device embodiment of the present invention can realize with hardware, or to run on one or more processor Software module realize, or with combinations thereof realize.It will be understood by those of skill in the art that and can use in practice Microprocessor or digital signal processor (DSP) realize the some or all moulds in device according to embodiments of the present invention The some or all functions of block.The present invention is also implemented as the part for performing method as described herein or complete The device program (such as, computer program and computer program) in portion.The program of such present invention of realization can store On a computer-readable medium, or can be to have the form of one or more signal.Such signal can be from the Internet Download on website and obtain, or provide on carrier signal, or provide with any other form.
The present invention will be described rather than limits the invention to it should be noted above-described embodiment, and ability Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims, Any reference marks that should not will be located between bracket is configured to limitations on claims.Word " comprises " and does not excludes the presence of not Arrange element in the claims or step.Word "a" or "an" before being positioned at element does not excludes the presence of multiple such Element.The present invention and can come real by means of including the hardware of some different elements by means of properly programmed computer Existing.If in the unit claim listing equipment for drying, several in these devices can be by same hardware branch Specifically embody.Word first, second and third use do not indicate that any order.These word explanations can be run after fame Claim.

Claims (12)

1. for the method that the PC end application page is converted to the mobile terminal application page, including:
Obtain and resolve the page elements of PC end application;
Mark based on page elements, the position of one or more PC end assemblies of location PC end application;
According to determining the one or more PC end assembly of position, select the one or more mobile terminals adaptation group matched Part;And
The one or more mobile terminal adapter assembly is placed into the one or more device region in the mobile terminal application page In.
2. the method for claim 1, the step of the page elements of wherein said acquisition and parsing PC end application includes: logical Cross circulation and resolve the page elements of described PC end application, obtain the mark of described page elements.
3. the method for claim 1, or many of wherein said mark location PC end based on page elements application The step of the position of individual PC end assembly includes: mark based on page elements, navigates to one or more PC ends of PC end application The Minimum Area of assembly.
4. the method as described in any one in claims 1 to 3, also includes: in the server with the predefined cycle more The information of the page elements of new described PC end application.
5. the method as described in any one in claims 1 to 3, also includes: will be given birth to by calling mobile terminal adapter assembly The resource data become passes back to the described PC end application page.
6. the method as described in any one in claims 1 to 3, the mark of wherein said page elements includes following one Or multiple: the ID of page elements, relative position, class.
7. for the PC end application page being converted to a device for the mobile terminal application page, including:
Obtain and resolution unit, for obtaining and resolve the page elements of PC end application;
Positioning unit, for mark based on page elements, the position of one or more PC end assemblies of location PC end application;
Selecting unit, be used for according to the one or more the PC end assembly determining position, it is one or more that selection matches Mobile terminal adapter assembly;And
Placement unit, for the one or more mobile terminal adapter assembly is placed in the mobile terminal application page or In multiple device region.
8. device as claimed in claim 7, wherein said acquisition and resolution unit resolve the application of described PC end by circulation Page elements, obtains the mark of described page elements.
9. device as claimed in claim 7, wherein said positioning unit mark based on page elements, navigates to the application of PC end The Minimum Area of one or more PC end assemblies.
10. the device as described in any one in claim 7 to 9, also includes updating block, in the server with in advance The cycle of definition updates the information of the page elements of described PC end application.
The device as described in any one in 11. such as claim 7 to 9, also includes back propagation unit, and being used for will be by calling mobile terminal The resource data that adapter assembly is generated passes back to the described PC end application page.
The device as described in any one in 12. such as claim 7 to 9, the mark of wherein said page elements includes following one Plant or multiple: the ID of page elements, relative position, class.
CN201610379376.7A 2016-05-31 2016-05-31 Method and device for converting PC (personal computer) end application page into mobile end application page Active CN106126517B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610379376.7A CN106126517B (en) 2016-05-31 2016-05-31 Method and device for converting PC (personal computer) end application page into mobile end application page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610379376.7A CN106126517B (en) 2016-05-31 2016-05-31 Method and device for converting PC (personal computer) end application page into mobile end application page

Publications (2)

Publication Number Publication Date
CN106126517A true CN106126517A (en) 2016-11-16
CN106126517B CN106126517B (en) 2021-08-31

Family

ID=57270772

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610379376.7A Active CN106126517B (en) 2016-05-31 2016-05-31 Method and device for converting PC (personal computer) end application page into mobile end application page

Country Status (1)

Country Link
CN (1) CN106126517B (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108255534A (en) * 2016-12-27 2018-07-06 北京京东尚科信息技术有限公司 PC ends application processing method, processing unit, electronic equipment and storage medium
CN111931470A (en) * 2020-08-11 2020-11-13 上海亿锎智能科技有限公司 Implementation method and device of subject payment system for drug tests in clinical research
CN113568697A (en) * 2021-07-29 2021-10-29 山东浪潮通软信息科技有限公司 Method, system and medium for converting PC end page into mobile end page
CN114385290A (en) * 2021-12-24 2022-04-22 国泰新点软件股份有限公司 Page conversion method, device and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20070105400A (en) * 2006-04-26 2007-10-31 임영환 The method that converts dynamic object of pc web page to same form and content to apply for wireless devices
CN102638716A (en) * 2012-03-21 2012-08-15 华为技术有限公司 Method, device and system for television remote control by mobile terminal
CN102959507A (en) * 2011-03-07 2013-03-06 株式会社秀凯斯·Tv Web display program conversion system, Web display program conversion method, and program for Web display program conversion
CN103970770A (en) * 2013-01-29 2014-08-06 腾讯科技(深圳)有限公司 Optimization processing method and device for web page and client
CN104112002A (en) * 2014-07-14 2014-10-22 福建星网锐捷网络有限公司 Form adaption method, device and system

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20070105400A (en) * 2006-04-26 2007-10-31 임영환 The method that converts dynamic object of pc web page to same form and content to apply for wireless devices
CN102959507A (en) * 2011-03-07 2013-03-06 株式会社秀凯斯·Tv Web display program conversion system, Web display program conversion method, and program for Web display program conversion
CN102638716A (en) * 2012-03-21 2012-08-15 华为技术有限公司 Method, device and system for television remote control by mobile terminal
CN103970770A (en) * 2013-01-29 2014-08-06 腾讯科技(深圳)有限公司 Optimization processing method and device for web page and client
CN104112002A (en) * 2014-07-14 2014-10-22 福建星网锐捷网络有限公司 Form adaption method, device and system

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108255534A (en) * 2016-12-27 2018-07-06 北京京东尚科信息技术有限公司 PC ends application processing method, processing unit, electronic equipment and storage medium
CN111931470A (en) * 2020-08-11 2020-11-13 上海亿锎智能科技有限公司 Implementation method and device of subject payment system for drug tests in clinical research
CN113568697A (en) * 2021-07-29 2021-10-29 山东浪潮通软信息科技有限公司 Method, system and medium for converting PC end page into mobile end page
CN114385290A (en) * 2021-12-24 2022-04-22 国泰新点软件股份有限公司 Page conversion method, device and storage medium
CN114385290B (en) * 2021-12-24 2024-04-05 国泰新点软件股份有限公司 Page conversion method, device and storage medium

Also Published As

Publication number Publication date
CN106126517B (en) 2021-08-31

Similar Documents

Publication Publication Date Title
CN106126197A (en) Make the method and device of the mobile terminal application page and PC end application page synchronization
US11366676B2 (en) Embedded user assistance for software applications
US10542123B2 (en) System and method for generating and monitoring feedback of a published webpage as implemented on a remote client
US12010165B2 (en) Cross-platform module for loading across a plurality of device types
CN110187878A (en) A kind of page generation method and device
CN101877696B (en) Equipment and method for reconfiguring false response messages under network application environment
US8843360B1 (en) Client-side localization of network pages
US20140244812A1 (en) Method, system and program for browser to switch ie core
US9747117B2 (en) System and methods for loading an application and its modules in a client device
US20180095604A1 (en) Rendering components based on screen size
CN104375808B (en) interface display method and device
CN101876897A (en) System and method used for processing Widget on Web browser
CN111563032B (en) APP debugging method and device, computer equipment and storage medium
US20220229769A1 (en) Test automation systems and methods using logical identifiers
CN103823841B (en) Improve the method and its device of mobile terminal client terminal surfing
CN106126517A (en) The PC end application page is converted to the method and device of the mobile terminal application page
CN105260421A (en) Webpage loading method and apparatus
CN106157109A (en) price comparing method, device and terminal
CN109460546A (en) List generation method, device and electronic equipment
CN104504058A (en) Web page presentation method and browser device
CN103714002A (en) Project testing method and device based on configuration system
US9292613B2 (en) Generation of generic universal resource indicators
CN107391118B (en) Web application user experience platform system
CN103544271B (en) Load Image in a kind of browser the method and apparatus for processing window
US20170286581A1 (en) Scheme and Design Markup Language for Interoperability of Electronic Design Application Tool and Browser

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 809-1, floor 8, No. 9, North Fourth Ring West Road, Haidian District, Beijing 100083

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

Address before: 100080 Haidian Street, Haidian District, Beijing

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

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20230330

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

Patentee after: Suzhou Yunzhishen Technology Co.,Ltd.

Address before: 809-1, floor 8, No. 9, North Fourth Ring West Road, Haidian District, Beijing 100083

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