WO2017143498A1

WO2017143498A1 - Double-render-engine browser, and pc end web page application page conversion method and apparatus

Info

Publication number: WO2017143498A1
Application number: PCT/CN2016/074295
Authority: WO
Inventors: 陈本峰
Original assignee: 美通云动（北京）科技有限公司
Priority date: 2016-02-22
Filing date: 2016-02-22
Publication date: 2017-08-31

Abstract

A double-render-engine browser, and a PC end web page application page conversion method and apparatus. The method comprises: a double-render-engine browser in a mobile terminal parsing page structure data of a PC end web page application page of a web page application to be mobilized, and parsing out a page element and an attribute thereof (S201); for each page element, according to a matching rule corresponding to the attribute of the page element, matching a mobile end page element corresponding to the page element and an attribute thereof (S202); and according to all the matched mobile end page elements and the attributes thereof, constructing a mobile end web page application page (S203). By using the method and apparatus, the conversion of a PC end web page application page is completed at a page front end of a double-render-engine browser, and a mobile end web page application page obtained after conversion is displayed to a terminal user, thus reducing the mobilization cost and efficiency of a PC end service system of a web page application while improving the user experience.

Description

Dual rendering engine browser, PC-side webpage application page conversion method and device

Technical field

The present invention relates to the field of browser technologies, and in particular, to a dual rendering engine browser, a PC-side webpage application page conversion method and apparatus.

Background technique

In the technical realization of mobile office, the mobile conversion for implementing PC (Personal Computer) web application is one of the important technologies. The mobilization process based on the traditional PC-based office system is a process with high integration, diverse environments, and coordinated development by multiple parties. It can realize single-system mobilization, multi-system mobile integration, and finally reach the display suitable for mobile terminals. Interaction effect.

In recent years, with the rapid development of mobile development technology, three mobile development routes of web (Web), hybrid App (Application) and native App have been formed, and are widely used in office, entertainment, daily life and other fields. . From the perspective of the technical effects of mobile development, the development of mobile applications has experienced three stages of development: the rapid rise of native app development, the gradual popularization of hybrid apps, and the development of web HTML (Hyper Text Markup Language) 5 rise. The development of mobile applications is a process of transitioning from a C/S (Client/Server, Client/Server) architecture to a B/S (Browser/Server, Browser/Server) architecture. Regardless of the technical route, the biggest problem with mobile applications is the data call and synchronization between systems. At present, the more common traditional method is implemented based on the data conversion service mode, by performing page structure capture on the server side and performing storage conversion and interface data formatting and calling interaction process. The presentation on the mobile terminal is the reconstruction of the PC-side page and the reorganization of the data, thereby adapting to the rendering effect of the mobile terminal. The technology of mobile terminals has similar effects, but it also has obvious shortcomings: the cost is too high, which restricts and improves the mobile transformation of enterprises. The fragmentation of the mobile platform has resulted in a longer development cycle and debugging process; the relative independence of different systems and different technical constraints have made it difficult to carry out multi-system mobile integration and transformation.

In fact, users can use the browser to obtain files and other information on the web server through the network, whether on the PC or on the mobile terminal. Among them, a browser is a kind of software that can display the contents of an HTML file of a web server or a file system and allow users to interact with these files. The browser generally consists of two parts: a user interface and a browser kernel. The user interface is mainly used to interact with the user; the browser kernel is the core of the browser, which determines how the browser displays the content of the web page and the format information of the page. . Different browser kernels have different interpretations of web page writing syntax, so the rendering (display) effect of the same web page in different kernel browsers may also be different, which is why web page writers need to test web pages in different kernel browsers. The reason for the effect.

In recent years, with the continuous development of HTML5 technology in mobile terminals, hybrid applications and web applications based on browser kernels have been implemented more and more, but mobile development based on the mobile browser's native browser kernel has not been separated from the server. The call of interface data and the problem of incompatibility between different browsers caused by different browser kernels.

At present, existing browsers are usually based on the single-core engine technology principle to realize the mobile adaptation of the PC-side business system of the web application. The inventor of the present invention has found that, in an actual application, a mobile webpage application page presented by a web browser after a webpage is opened by a single-core browser is consistent with a PC-side webpage application page presented by the webpage on the PC side, that is, The page that the user sees on the mobile terminal is the single rendering effect page corresponding to the current webpage URL address. In fact, due to the difference in screen size and operation mode between the mobile terminal and the PC, if the page displayed on the mobile terminal consistent with the PC-side web application page is caused, the user experience is poor. Therefore, it is necessary to provide a method for converting a PC-side webpage application page of a webpage application into a page suitable for mobile terminal operation, thereby improving the user experience.

Summary of the invention

The present invention provides a dual rendering engine browser and a PC for the defects existing in the prior art. The web page application page conversion method and device realize the conversion of the PC webpage application page to the mobile webpage application page in the front end of the browser page and display the converted mobile webpage application page to the end user, thereby improving the user experience. It is beneficial to reduce the cost and efficiency of mobileization of the PC-side business system of web applications.

The invention provides a PC-side webpage application page conversion method, and the method comprises:

The dual rendering engine browser in the mobile terminal parses the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parses out the page elements of the PC-side webpage application page and their attributes;

For each page element of the PC-side webpage application page, the dual-rendering engine browser matches the mobile-end page element corresponding to the page element and its attribute according to the matching rule corresponding to the attribute of the page element;

The dual rendering engine browser constructs a mobile web application page for displaying to the end user according to all the matched mobile page elements and their attributes.

Preferably, after the constructing the mobile webpage application page, the method further includes:

Synchronizing the PC-side webpage application page and the constructed mobile-side webpage application page.

Preferably, the synchronization control includes at least one of the following contents:

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.

Preferably, the dual rendering engine browser in the mobile terminal matches the mobile page element and its attribute corresponding to the page element according to the matching rule corresponding to the attribute of the page element, including:

The dual rendering engine browser queries whether there is a page for the PC-side web application Pre-customized custom matching rules;

If yes, the dual-rendering engine browser matches the mobile-side webpage application page element and its attribute corresponding to the page element according to the custom matching rule corresponding to the attribute of the page element;

Otherwise, the dual rendering engine browser matches the mobile webpage application page element and its attribute corresponding to the page element according to the standard matching rule corresponding to the attribute of the page element.

Preferably, the attributes of the page element specifically include: an identity ID, a name, a coordinate, a location, and/or an element feature of the page element.

The present invention further provides a PC-side webpage application page conversion apparatus, which comprises:

a webpage parsing module, configured to parse the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parse the page element of the PC-side webpage application page and its attribute;

a page matching module, configured to: for each page element of the PC-side webpage application page parsed by the webpage parsing module, matching the mobile-endpage element corresponding to the page element according to the matching rule corresponding to the attribute of the page element And its attributes;

The page conversion module is configured to construct a mobile webpage application page for displaying to the end user according to all the matched mobile page elements and their attributes.

Preferably, the device further comprises:

The page synchronization module is configured to synchronously control the PC-side webpage application page and the mobile-side webpage application page constructed by the page conversion module.

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.

Preferably, the page matching module specifically includes:

a rule query unit, configured to query whether there is a custom matching rule pre-customized for the PC-side webpage application page, and output a query result;

a rule matching unit, configured to receive a query result output by the rule query unit; if the query result is present, matching the mobile page corresponding to the page element according to the custom matching rule corresponding to the attribute of the page element The element and its attribute; if the query result does not exist, the mobile page element corresponding to the page element and its attribute are matched according to the standard matching rule corresponding to the attribute of the page element.

The invention also provides a dual rendering engine browser, comprising:

a first engine kernel, configured to build a mobile webpage application page corresponding to the PC-side webpage application page according to the page structure data of the PC-side webpage application page of the webpage application to be moved and the preset matching rule;

a second engine kernel, configured to perform synchronous control on the PC-side webpage application page and the constructed mobile-webpage application page;

The first engine core is specifically configured to parse the page structure data of the PC-side webpage application page, parse the page element of the PC-side webpage application page and its attribute; and apply each page of the page to the PC-side webpage application page. The element matches the mobile page element and its attribute corresponding to the page element according to the matching rule corresponding to the attribute of the page element; and constructs to display to the end user according to all the matched mobile page elements and their attributes. Mobile web application page.

In the technical solution of the present invention, the dual-rendering engine browser in the mobile terminal can be adapted to correspond to the PC-side webpage application page according to the page structure data of the PC-side webpage application page to be converted and the preset matching rule. Improve the user experience by using the mobile web application page that the user operates and reads.

Further, after completing the conversion of the PC-side webpage application page to the mobile-side webpage application page, the PC-side webpage application page of the mobile webpage application and the adapted mobile-side webpage applicationpage may be synchronously controlled at the front end of the page, To protect the web application to be mobile The mobile web application page is synchronized with the data of the PC web application page.

In practical applications, the solution of the present invention is mainly the operation of the front end of the page, without any modification of the web application applied to the mobile terminal, and no API provided by the PC-side service system, and the web application to be mobileized can be realized. The background business logic zero-dependent mobile adaptation guarantees the data security of the web application to be mobilized; moreover, it is beneficial to reduce the cost and efficiency of the mobileization of the PC-side business system of the web application.

The additional aspects and advantages of the invention will be set forth in part in the description which follows.

DRAWINGS

The above and/or additional aspects and advantages of the present invention will become apparent and readily understood from

1 is a schematic structural diagram of a dual rendering browser according to an embodiment of the present invention;

2a and 2b are schematic flowcharts of a PC-side webpage application page conversion method according to an embodiment of the present invention;

3 is a schematic structural diagram of a PC-side webpage application page conversion apparatus according to an embodiment of the present invention;

4 is a schematic diagram of an internal structure of a page matching module according to an embodiment of the present invention;

FIG. 5 is a schematic diagram of a correspondence between a PC-side webpage application page and a mobile-side webpage application page according to an embodiment of the present invention;

6-11 are schematic diagrams of a page adaptation process according to an embodiment of the present invention.

detailed description

The embodiments of the present invention are described in detail below, and the examples of the embodiments are illustrated in the drawings, wherein the same or similar reference numerals are used to refer to the same or similar elements or elements having the same or similar functions. The embodiments described below with reference to the drawings are intended to be illustrative of the invention and are not to be construed as limiting.

Those skilled in the art will appreciate that the singular forms used herein, unless specifically stated otherwise "A", "an", "the" and "the" are also meant to include the plural. It is to be understood that the phrase "comprise" or "an" Integers, steps, operations, components, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element. Further, "connected" or "coupled" as used herein may include either a wireless connection or a wireless coupling. The phrase "and/or" used herein includes all or any one and all combinations of one or more of the associated listed.

Those skilled in the art will appreciate that all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which the invention belongs, unless otherwise defined. It should also be understood that terms such as those defined in a general dictionary should be understood to have meaning consistent with the meaning in the context of the prior art, and will not be idealized or excessive unless specifically defined as here. The formal meaning is explained.

The inventors of the present invention have found that the role of the conventional browser is to display the front-end presentation effect of the web application according to the grammatical interpretation of different web pages defined by the programmer. Since the existing single-core browser directly parses the program code language, it does not re-parse and match the program in order to adapt the display effect of the mobile terminal in the mobile terminal. Therefore, the mobile webpage application page presented by the browser after opening a webpage in the mobile terminal by using a single-core browser is consistent with the PC-side webpage application page presented by the webpage on the PC side, that is, the user sees on the mobile terminal. The page is a single rendering effect page corresponding to the current web page URL address. In this way, based on the difference in screen size and operation mode between the mobile terminal and the PC, the user may be inconvenient to operate and reduce the user experience.

Although, the existing PC-side business system for web application can re-develop a set of mobile web application pages suitable for mobile terminal operations, that is, all the business logics are rewritten and deployed on the mobile terminal, and the database is passed between the two. Synchronize for data transfer. However, this method requires multiple developments for different mobile terminals, and the development cost is high and the efficiency is low, and the business system interface needs to be modified to increase the security risk of data.

Therefore, the inventor of the present invention considers that the browser of the mobile terminal can perform the conversion of the PC-side webpage application page at the front end of the page after acquiring the page structure data of the PC-side webpage application page of the webpage application to be mobilized. Specifically, according to the preset matching rule, for each page element of the PC-side webpage application page, after matching the mobile-side page element and its attribute corresponding to the page element, all the mobile-end page elements according to the matching may be Its properties, build a mobile web application page for mobile terminal operations, in order to improve the user experience. Moreover, since the conversion of the page is the operation at the front end of the page, there is no need to make any modification to the mobile terminal web application in the PC-side business system, and there is no need for the PC-side business system to provide any API (Application Programming Interface). The background business logic of the web application to be mobile is zero-dependent mobile adaptation, which guarantees the data security of the website to be mobilized; and it is beneficial to reduce the mobilization cost and efficiency of the PC-side business system of the website.

Further, the inventor of the present invention considers that, after completing the conversion of the PC-side webpage application page to the mobile-side webpage application page, the PC-side webpage application page and the adapted mobile terminal of the webpage application to be applied to the front-end of the page may be The webpage application page performs synchronization control to ensure that the mobile webpage application page of the webpage application to be mobilized is synchronized with the data of the PC-side webpage application page.

The technical solution of the present invention will be described in detail below with reference to the accompanying drawings.

The present invention provides a dual rendering engine browser, which is located in a mobile terminal, and as shown in FIG. 1, may include: a first engine core 101 and a second engine core 102.

In practical applications, the first engine core 101 and the second engine core 102 of the browser fully support the adaptation code identification specification in order to achieve better compatibility and experience.

In the embodiment of the present invention, the first engine core 101 is configured to build a mobile webpage application corresponding to the PC-side webpage application page according to the page structure data of the PC-side webpage application page of the webpage application to be migrated and the preset matching rule. page.

In a practical application, the PC-side web application page of the web application to be mobilized refers to the PC-side web application page of the PC-side business system of the web application to be mobilized.

Specifically, the first engine core 101 can parse the PC end network of the web application to be mobilized The page structure data of the page application page parses the page elements of the PC-side web application page and their attributes.

In the embodiment of the present invention, the page structure data of the PC-side webpage application page may include: a DOM (Document Object Model) tree generated based on the HTML file of the website, and a CSS (Cascading Style Sheets) file generation. Style sheet. In this way, after parsing the page structure data of the PC-side webpage application page, the page element of the PC-side webpage application page and its attributes can be obtained. In practical applications, page elements can be text data, tabular data, drop-down selection boxes, function buttons, and the like. The attributes of the page element may include: an ID (Identification) of the page element, a name, a coordinate, a location, and/or an element feature.

In order to render a mobile webpage application page that is more suitable for mobile terminal operation, the dual rendering engine browser provided by the present invention pre-stores corresponding matching rules for attributes of different page elements.

Therefore, in the embodiment of the present invention, after parsing the page element of the page of the PC-side webpage application and its attribute, the first engine kernel 101 may apply to each page element of the page of the PC-side webpage application according to the attribute of the page element. The matching rule matches the mobile page element and its attribute corresponding to the page element; and constructs a mobile web application page for displaying to the end user according to all the matched mobile page elements and their attributes.

In practical applications, developers of the dual rendering engine browser can set standard matching rules in advance according to the device parameters and user operating habits of the mobile terminal. Further, the developer of the web application to be mobilized can also use the adaptation tool provided by the developer of the dual rendering engine browser, according to the page conversion requirement of the PC-side business system, and the PC-side business system for the webpage application. The PC-side web application page pre-customizes custom matching rules.

In the solution of the present invention, since the matching rule preset in the dual rendering engine browser is set in advance according to the device parameters of the mobile terminal and the user operating habits, or the page conversion requirement of the PC-side service system, The mobile webpage application page constructed by the mobile terminal page element matched by the rule is more suitable for the user operation and reading of the mobile terminal, thereby improving the user. Experience.

More preferably, in the embodiment of the present invention, after parsing out the page elements of the PC-side webpage application page and their attributes, the first engine kernel 101 may first query whether the dual-rendering engine browser has a pre-page for the PC-side webpage application page. Customized custom matching rules.

If there is a custom matching rule pre-customized for the PC-side webpage application page in the dual-rendering engine browser, the first engine kernel 101 may apply each page element of the page to the parsed PC-side webpage, according to the page element The custom matching rule corresponding to the attribute matches the mobile page element and its attribute corresponding to the page element.

If there is no custom matching rule pre-customized for the PC-side webpage application page in the dual rendering engine browser, the first engine kernel 101 may apply each page element of the page to the parsed PC-side webpage, according to the page element. The standard matching rule corresponding to the attribute matches the mobile page element and its attribute corresponding to the page element.

In the embodiment of the present invention, in order to ensure data synchronization between the mobile webpage application page of the webpage application to be mobilized and the PC-side webpage application page, the second engine kernel 102 may apply the PC-side webpage application page of the webpage application to be mobileized. The mobile webpage application page constructed by an engine kernel 101 performs synchronous control.

The synchronization control in the embodiment of the present invention may include at least one of the following contents:

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.

In practical applications, the above synchronization control is for rendering data of a page, function button operation, and page flow. Synchronize text data, table data, lower selection frame status, function button operations, and the like. For the scroll bar of the page, the unique display effect of the page, etc., it is possible to not synchronize, that is, only convert the necessary page structure, only synchronize the necessary data function operations, and efficiently synchronize the most. Useful data information.

In practical applications, the solution of the present invention is the operation of the front end of the page, without any modification of the web application applied to the mobile terminal, and without any API provided by the PC-side service system, and the background of the web application to be mobileized can be realized. The business logic zero-dependent mobile adaptation guarantees the data security of the web application to be mobilized; moreover, compared with the existing multiple development for different mobile terminals, the development efficiency of the mobileization of the PC-side business system is accelerated. And reduce the time cost and labor cost, which is beneficial to reduce the mobile cost of the PC-side business system of the web application.

Moreover, in the solution of the present invention, the page conversion and synchronization control process are respectively implemented by two different engine cores, which is beneficial to speeding up the mobileization efficiency of the PC-side service system of the webpage application while ensuring the movement of the PC-side service system. The stability of the process.

The present invention further provides a PC-side webpage application page conversion method based on the dual-rendering engine browser. The specific process is as shown in FIG. 2a, and may include the following steps:

S201: The dual rendering engine browser in the mobile terminal parses the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parses the page element of the PC-side webpage application page and its attribute.

Specifically, the dual rendering engine browser in the mobile terminal may obtain an HTML file, a CSS file, and the like of the PC-side webpage application page of the webpage application to be mobilized in advance. After that, the dual rendering engine browser can parse the obtained file to obtain the page structure data of the PC-side webpage application page of the webpage application to be mobilized.

In a practical application, the PC-side web application page of the web application to be mobilized refers to the PC-side web application page of the PC-side business system of the web application to be mobilized. The page structure data of the PC-side webpage application page of the webpage application to be mobilized may include: a DOM tree generated based on the HTML file of the webpage application, and a stylesheet generated based on the CSS file.

The page structure data of the PC-side webpage application page of the webpage application to be mobilized obtained by the dual-rendering engine browser is parsed, thereby parsing the page elements of the PC-side webpage application page and their attributes. In practical applications, page elements can be text data, tabular data, drop-down selection boxes, function buttons, and the like. The attributes of the page element can include: the ID of the page element (Identification, Identity, name, coordinates, location, and/or element characteristics.

S202: For each page element of the PC-side webpage application page, the dual-rendering engine browser matches the mobile-side page element and its attribute corresponding to the page element according to the matching rule corresponding to the attribute of the page element.

In the embodiment of the present invention, in order to render a mobile webpage application page more suitable for mobile terminal operation, corresponding attributes are pre-stored in the dual rendering engine browser for attributes of different page elements. In this way, the dual rendering engine browser can determine, for each page element of the PC-side webpage application page parsed in step S201, a matching rule corresponding to the attribute of the page element, and corresponding to the determined attribute of the page element. The matching rule matches the mobile page element and its attribute corresponding to the page element. The attribute of the mobile page element may be consistent with the attribute of the page element.

Further, considering the actual application, the PC service system of different web applications has its own actual needs for the mobile page layout. Therefore, in the solution of the present invention, in addition to the developer that can store the dual rendering engine browser, the developer in the dual rendering engine browser sets the standard matching rule according to the device parameters and the user operation habits of the mobile terminal, and can further store the application for the webpage. Pre-customized custom matching rules for the PC-side web application page of the PC business system. The pre-customized custom matching rule for the PC-side webpage application page can be set by the webpage application developer through the adaptation tool provided by the developer of the dual-rendering engine browser according to the page conversion requirement of the PC-side business system. The settings for custom matching rules are described in detail later.

S203: The dual rendering engine browser constructs a mobile webpage application page for displaying to the end user according to all the matched mobile page elements and their attributes.

Specifically, after the dual-rendering engine browser matches the mobile-side page elements corresponding to the page elements of the PC-side webpage application page in step S202, all the mobile-side page elements can be rendered according to the attributes of the mobile-side page elements, and the application is applied. The mobile webpage application page operated by the mobile terminal, that is, the mobile webpage application page for displaying to the terminal user.

In the solution of the present invention, the preset matching rule in the dual rendering engine browser is a pre-root According to the device parameters of the mobile terminal and the user operation habits, or the page conversion requirements of the PC-side business system, the mobile-side web application page constructed according to the mobile-page page elements matched based on the matching rule is more suitable for mobile The user operation and reading of the terminal improves the user experience.

The mobilization that relies on the transformation of the PC-side business system for web applications is likely to cause flaws in the business system, high system coupling, and risk of problems. In the solution of the present invention, it is not necessary to make any modification to the PC-side service system of the webpage application, and the PC-side service system does not need to provide any API (Application Programming Interface) to realize the mobilization of the webpage application. In this way, the system coupling of the PC-side business system of the web application can be minimized without changing the background logic of the PC-side business system, and the risk can be minimized.

More preferably, in the embodiment of the present invention, in order to ensure data synchronization between the mobile webpage application page and the PC-side webpage application page of the webpage application to be mobilized, as shown in FIG. 2b, the PC-side webpage application page conversion method may further include The following steps:

S204: Synchronize the PC-side webpage application page of the mobile webpage application and the constructed mobile webpage application page.

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.

The present invention further provides a PC-side webpage application page conversion device. The device may include a webpage parsing module 301, a page matching module 302, and a page conversion module 303. .

In a practical application, the device for converting a PC-side webpage application page provided by the embodiment of the present invention may be disposed in a dual-rendering engine browser in the mobile terminal. Alternatively, the device can be placed in a location in the mobile terminal that is independent of the dual rendering engine browser. In this way, the dual rendering engine browser can implement the display of the mobile webpage application page obtained by converting and converting the PC-side webpage application page of the webpage application by calling the device.

In the embodiment of the present invention, the webpage parsing module 301 is configured to parse the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parse the page element of the PC-side webpage application page and its attributes.

The PC-side webpage application page of the webpage application to be mobilized refers to the PC-side webpage application page of the PC-side service system of the webpage application to be mobilized. The page structure data of the PC-side webpage application page may include: a DOM (Document Object Model) tree generated based on the HTML file of the website, and a style sheet generated based on a CSS (Cascading Style Sheets) file. The page elements can be text data, tabular data, drop down selection boxes, function buttons, and the like. The attributes of the page element can include: the ID of the page element (Identification), name, coordinates, location, and/or element characteristics.

The page matching module 302 is configured to match each page element of the PC-side webpage application page parsed by the webpage parsing module 301, and match the mobile-endpage element corresponding to the page element according to the matching rule corresponding to the attribute of the page element. Its properties.

The matching rule is preset in the mobile terminal, and corresponding matching rules are preset for attributes of different page elements. In practical applications, developers of the dual rendering engine browser can set standard matching rules in advance according to the device parameters and user operating habits of the mobile terminal. Further, the developer of the web application to be mobilized can also use the adaptation tool provided by the browser developer in advance, according to the page conversion requirement of the PC-side business system, and the PC-side webpage of the PC-side business system applied to the webpage application. The application page pre-customizes custom matching rules.

In this way, the page matching module 302 is specifically configured to query whether there is a custom matching rule pre-customized for the PC-side webpage application page. If there is a custom matching rule pre-customized for the PC-side webpage application page, each page element of the parsed PC-side webpage application page is matched according to the custom matching rule corresponding to the attribute of the page element. The mobile page element and its attributes corresponding to the page element.

If there is no custom matching rule pre-customized for the PC-side webpage application page, each page element of the parsed PC-side webpage application page is matched according to the standard matching rule corresponding to the attribute of the page element. The mobile page element and its attributes corresponding to the page element.

In the embodiment of the present invention, the page conversion module 303 is configured to construct a mobile webpage application page for displaying to the terminal user according to all the matched mobile page elements and their attributes.

In the solution of the present invention, since the matching rule preset in the dual rendering engine browser is set in advance according to the device parameters of the mobile terminal and the user operating habits, or the page conversion requirement of the PC-side service system, The mobile webpage application page constructed by the rule-matched mobile page element is more suitable for the user operation and reading of the mobile terminal, thereby improving the user experience.

Further, the PC-side webpage application page conversion apparatus provided by the present invention may further include: a page synchronization module 304, in order to ensure that the mobile-side webpage application page of the webpage application to be mobilized is synchronized with the data of the PC-side webpage application page.

The page synchronization module 304 is configured to perform synchronous control on the PC-side webpage application page of the webpage application and the mobile-side webpage applicationpage constructed by the page conversion module 303.

The synchronization control includes at least one of the following contents:

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.

In the embodiment of the present invention, as shown in FIG. 4, the page matching module 302 specifically includes: a rule query unit 401 and a rule matching unit 402.

The rule query unit 401 is configured to query whether there is a custom matching rule pre-customized for the PC-side webpage application page, and output the query result.

The rule matching unit 402 is configured to receive the query result output by the rule query unit 401; if the query result is exist, match the mobile page element corresponding to the page element according to the custom matching rule corresponding to the attribute of the page element and Attribute; if the query result does not exist, the mobile page element corresponding to the page element and its attribute are matched according to the standard matching rule corresponding to the attribute of the page element.

In the technical solution of the present invention, the specific functions of each module in the PC-side webpage application page conversion device and each unit under each module may refer to the specific steps of the PC-side webpage application page conversion method, and the details are not detailed here. Said.

The setting of the custom matching rule mentioned in the above PC-side webpage application page conversion method can be set by an adaptation tool provided by a developer of the dual-rendering engine browser. For example, the Enterplorer studio adaptation tool.

In practical applications, the Enterplorer studio adaptation tool has the following features: 1. Rich UI component library, users do not need too much design and custom components. 2, integrated visual mobile emulator, test the adaptation effect without additional hardware equipment. 3. Adopt a programming method without programming. Users do not need to write code. The adaptation can be done by the operation of the component "tolerance". 4. The adaptation interface and the original business system interface are synchronized with the same screen display, realizing the development experience effect of “real-time synchronization, WYSIWYG”.

The Enterplorer studio adapting tool mainly uses the packaged standard components and custom components to carry out the mobile adaptation development of the PC-side business system of the web application, and the component is used to apply to the PC-side webpage application page of the PC-side business system of the website. The common form elements are redefined and processed to achieve the adaptive rendering effect of the mobile terminal. After determining the customized mobile webpage application page, the page adaptation scheme from the PC-side webpage application page of the PC-side service system to the adapted mobile-side webpage application page may be saved, so that the subsequent The page adaptation scheme extracts a custom matching rule between the page element of the PC-side webpage application page and the mobile-side page element of the mobile-side webpage application page.

In an actual application, the adaptation process is a process corresponding to components in the PC-side webpage application page of the PC-side service system in the adaptation tool, including the correspondence of the components themselves and the correspondence relationship between the components. FIG. 5 shows a correspondence between a PC-side webpage application page of a PC-side business system of a certain website and a mobile-side webpage application page.

As shown in FIG. 6, 7, 8, 9, 10, and 11, the present invention provides a page adaptation process of a PC-side service system of a website, which mainly includes the following steps:

(1) Select or create a new project, as shown in Figure 6.

(2) After completing the necessary information, click the “Next” button to enter the “Select Adaptation Scheme”, as shown in Figure 7.

(3) Select “New Adaptation Plan” or “Open Existing Plan” before adapting the page, as shown in Figures 8 and 9. Among them, regarding the opening of the existing scheme: the previously adapted page scheme can be loaded, and the adaptation is re-modified, as shown in FIG.

(4) Design development and preview according to the components provided by the tool, as shown in Figure 11.

In the technical solution of the present invention, the browser in the mobile terminal can be adapted to correspond to the PC-side webpage application page according to the page structure data of the PC-side webpage application page to be converted and the preset matching rule, and is more suitable for the user. Operate and read the mobile web application page to improve the user experience.

Further, after completing the conversion of the PC-side webpage application page to the mobile-side webpage application page, the PC-side webpage application page of the mobile webpage application and the adapted mobile-side webpage applicationpage may be synchronously controlled at the front end of the page, In this way, the mobile webpage application page of the webpage application to be mobilized is synchronized with the data of the PC-side webpage application page.

The above is only a part of the embodiments of the present invention, and it should be noted that those skilled in the art can also make several improvements and retouchings without departing from the principles of the present invention. It should be considered as the scope of protection of the present invention.

Claims

A PC-side webpage application page conversion method, comprising:

The dual rendering engine browser in the mobile terminal parses the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parses out the page elements of the PC-side webpage application page and their attributes;

For each page element of the PC-side webpage application page, the dual-rendering engine browser matches the mobile-end page element corresponding to the page element and its attribute according to the matching rule corresponding to the attribute of the page element;

The dual rendering engine browser constructs a mobile web application page for displaying to the end user according to all the matched mobile page elements and their attributes.
The method according to claim 1, wherein after the constructing the mobile webpage application page, the method further comprises:

Synchronizing the PC-side webpage application page and the constructed mobile-side webpage application page.
The method of claim 2 wherein said synchronizing control comprises at least one of:

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.
The method of claim 1 wherein said pair of mobile terminals The rendering engine browser matches the mobile page element and its attributes corresponding to the page element according to the matching rule corresponding to the attribute of the page element, including:

The dual rendering engine browser queries whether there is a custom matching rule pre-customized for the PC-side webpage application page;

If yes, the dual-rendering engine browser matches the mobile-side webpage application page element and its attribute corresponding to the page element according to the custom matching rule corresponding to the attribute of the page element;

Otherwise, the dual rendering engine browser matches the mobile webpage application page element and its attribute corresponding to the page element according to the standard matching rule corresponding to the attribute of the page element.
The method according to any one of claims 1-4, wherein the attribute of the page element specifically comprises: an identity ID, a name, a coordinate, a location, and/or an element feature of the page element.
A PC-side webpage application page conversion device, comprising:

a webpage parsing module, configured to parse the page structure data of the PC-side webpage application page of the webpage application to be mobilized, and parse the page element of the PC-side webpage application page and its attribute;

a page matching module, configured to: for each page element of the PC-side webpage application page parsed by the webpage parsing module, matching the mobile-endpage element corresponding to the page element according to the matching rule corresponding to the attribute of the page element And its attributes;

The page conversion module is configured to construct a mobile webpage application page for displaying to the end user according to all the matched mobile page elements and their attributes.
The device according to claim 6, further comprising:

The page synchronization module is configured to synchronously control the PC-side webpage application page and the mobile-side webpage application page constructed by the page conversion module.
The apparatus according to claim 7, wherein said synchronization control comprises at least one of the following:

Page structure layout conversion;

Refactoring of page form elements;

Page form data synchronization;

Page function button status synchronization;

Page jump logic synchronization;

Text selection input state synchronization.
The device according to claim 6, wherein the page matching module specifically comprises:

a rule query unit, configured to query whether there is a custom matching rule pre-customized for the PC-side webpage application page, and output a query result;

a rule matching unit, configured to receive a query result output by the rule query unit; if the query result is present, matching the mobile page corresponding to the page element according to the custom matching rule corresponding to the attribute of the page element The element and its attribute; if the query result does not exist, the mobile page element corresponding to the page element and its attribute are matched according to the standard matching rule corresponding to the attribute of the page element.
A dual rendering engine browser, comprising:

a first engine kernel, configured to build a mobile webpage application page corresponding to the PC-side webpage application page according to the page structure data of the PC-side webpage application page of the webpage application to be moved and the preset matching rule;

a second engine kernel, configured to perform synchronous control on the PC-side webpage application page and the constructed mobile-webpage application page;

The first engine core is specifically configured to parse the page structure data of the PC-side webpage application page, and parse the page element of the PC-side webpage application page and its attribute; Each page element of the PC-side webpage application page matches the mobile-end page element and its attribute corresponding to the page element according to the matching rule corresponding to the attribute of the page element; according to all the mobile-end page elements and their matching Attributes, building a mobile web application page for display to end users.