CN109325195B - Rendering method and system for browser, computer device and computer storage medium - Google Patents
Rendering method and system for browser, computer device and computer storage medium Download PDFInfo
- Publication number
- CN109325195B CN109325195B CN201810809769.6A CN201810809769A CN109325195B CN 109325195 B CN109325195 B CN 109325195B CN 201810809769 A CN201810809769 A CN 201810809769A CN 109325195 B CN109325195 B CN 109325195B
- Authority
- CN
- China
- Prior art keywords
- browser
- component
- specific
- rendering
- creating
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 85
- 238000000034 method Methods 0.000 title claims abstract description 73
- 238000012545 processing Methods 0.000 claims abstract description 91
- 230000008569 process Effects 0.000 claims abstract description 28
- 230000006870 function Effects 0.000 claims description 52
- 238000011161 development Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 12
- 238000010586 diagram Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 238000012544 monitoring process Methods 0.000 description 5
- 238000010295 mobile communication Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 2
- 230000005055 memory storage Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000010267 cellular communication Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 239000002360 explosive Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
Images
Landscapes
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a rendering method and system of a browser, a computer device and a computer storage medium. The rendering method of the browser comprises the following steps: when the loaded browser is identified as a specific browser, creating a gasket for performing image enhancement processing on the webpage object; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function; adding the gasket into an image processing component corresponding to a browser script, determining the component sequence and each component information corresponding to the browser, and transmitting the component information into an engine; creating a business logic component instance in the engine according to the component information, and calling an API (application program interface) function of the browser to render a browser page according to the component sequence and the business logic component instance; the method can simplify the corresponding rendering process of the specific browser and perfect the browser componentization processing function.
Description
Technical Field
The present invention relates to the field of internet technologies, and in particular, to a rendering method and system for a browser, a computer device, and a computer storage medium.
Background
With the explosive increase of mobile internet, the development of Web (Web page) technology, especially front-end technology, is also changing day by day. With the development of the technology, the complexity of the Web application system is continuously improved, and the traditional development mode always has the defects of low development efficiency, low actual operation efficiency of products, high maintenance cost and the like. To address such issues, the industry has introduced componentized solutions. The componentization is to package basic logic functions, common styles and stable business logic into a module which can be operated independently and can be reused. Web pages are composed of different combinations and nests of components. Currently mainstream componentization frameworks such as AngularJS, vue.js and fact.js support the development of componentization.
Currently, no mainstream componentization development framework supports specific browsers such as IE7/IE8, IE7/IE8 still accounts for a higher proportion of enterprise users, particularly financial users, and the componentization development technology can only perform rendering and other processing on part of browsers, and has limitations.
Disclosure of Invention
Based on this, it is necessary to provide a rendering method and system for a browser, a computer device, and a computer storage medium, for the technical problem that the conventional scheme can only perform rendering and other processing on a part of browsers and has limitations.
A rendering method of a browser, comprising:
when the loaded browser is identified as a specific browser, creating a gasket for performing image enhancement processing on the webpage object; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
adding the gasket into an image processing component corresponding to a browser script, determining the component sequence and each component information corresponding to the browser, and transmitting the component information into an engine;
and creating a service logic component instance in the engine according to the component information, and calling an API (application programming interface) function of the browser to render a browser page according to the component sequence and the service logic component instance.
According to the rendering method of the browser, when the loaded browser is identified as the specific browser, a gasket for performing image enhancement processing on a webpage object is created, the gasket is added into an image processing component corresponding to a browser script, the component sequence and each component information corresponding to the browser are determined, the component information is transmitted into an engine, a business logic component instance is created in the engine according to the component information, an API function of the browser is called to render a browser page according to the component sequence and the business logic component instance, page rendering of the specific browser is achieved, the process of performing corresponding rendering on the specific browser can be simplified, and the browser componentization processing function is perfected.
In one embodiment, before the process of creating a gasket for image enhancement processing of a web page object when the loaded browser is identified as a specific browser, the method further includes:
analyzing a script code provided by a browser to an engine, and detecting whether the script code contains a specified element adding event function;
if not, the browser is judged to be the specific browser.
The embodiment can accurately identify the specific browsers such as the IE7 browser and the IE8 browser which cannot be directly subjected to componentization development.
In one embodiment, after identifying that the loaded browser is the specific browser, the method further includes:
and identifying the version of the specific browser, and if the version is the set version, creating a gasket for processing the font icon.
The embodiment can effectively improve the rendering effect of the browser with the set version in the specific browser and further improve the corresponding component development function.
In one embodiment, before the process of creating a gasket for image enhancement processing of a web page object when the loaded browser is identified as a specific browser, the method further includes:
and loading a browser page, and creating an engine for performing componentized development on the browser.
In one embodiment, the process of calling the API function of the browser to render the browser page according to the component order and the service logic component instance includes:
and calling an API function of a browser by the component sequence and business logic component instance to generate a rendering object corresponding to the specific browser, adding the rendering object to the running environment of the browser, and finishing the rendering of the page of the specific browser.
The embodiment can ensure the effect of page rendering on the specific browser.
In one embodiment, the process of creating a pad for image enhancement processing of a web page object includes:
and referencing script codes for image processing of the webpage objects in the page of the browser, analyzing and executing the added script codes in the browser, and finishing the creation of the gasket of the browser.
In this embodiment, the image processing on the web page object may specifically include image enhancement processes such as supporting processing on font images in the web page and enhancing processing on web page events, so that the created gasket may provide an image enhancement processing function for a componentized rendering process of a specific browser, and the functions of browser componentized processing are effectively improved.
In one embodiment, the specific browsers include an IE7 browser and an IE8 browser.
The embodiment can realize the componentized rendering of various browsers, can perfect the rendering function of the browsers, and improves the corresponding user experience.
A rendering system for a browser, comprising:
the creation module is used for creating a gasket for carrying out image enhancement processing on the webpage object when the loaded browser is identified to be a specific browser; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
the adding module is used for adding the gasket into an image processing component corresponding to the browser script, determining the component sequence and each component information corresponding to the browser and transmitting the component information into an engine;
and the calling module is used for creating a service logic component instance in the engine according to the component information and calling an API (application program interface) function of the browser to render a browser page according to the component sequence and the service logic component instance.
The rendering system of the browser can create a gasket for performing image enhancement processing on a webpage object when a loaded browser is identified as a specific browser, add the gasket to an image processing component corresponding to a browser script, determine a component sequence and each component information corresponding to the browser, transmit the component information to an engine, create a business logic component instance in the engine according to the component information, and call an API (application program interface) function of the browser to render a browser page according to the component sequence and the business logic component instance, so that the page rendering of the specific browser is realized, the corresponding rendering process of the specific browser can be simplified, and the browser componentization processing function is perfected.
A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the rendering method of the browser provided by any of the above embodiments when executing the computer program.
A computer storage medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the rendering method of the browser provided in any one of the above embodiments.
According to the rendering method of the browser, the invention also provides computer equipment and a computer storage medium, which are used for realizing the rendering method of the browser through a program. The computer equipment and the computer storage medium can simplify the corresponding rendering process of specific browsers such as an IE7 browser and an IE8 browser, and improve the componentization processing function of the browsers. .
Drawings
FIG. 1 is a flow diagram of a rendering method for a browser, according to an embodiment;
FIG. 2 is a diagram of a rendering system of a browser according to an embodiment;
FIG. 3 is a block diagram of a computer system, according to one embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the detailed description and specific examples, while indicating the scope of the invention, are intended for purposes of illustration only and are not intended to limit the scope of the invention.
It should be noted that the terms "first \ second \ third" related to the embodiments of the present invention only distinguish similar objects, and do not represent a specific ordering for the objects, and it should be understood that "first \ second \ third" may exchange a specific order or sequence when allowed. It should be understood that the terms first, second, and third, as used herein, are interchangeable under appropriate circumstances such that the embodiments of the invention described herein are capable of operation in other sequences than those illustrated or otherwise described herein.
The terms "comprises" and "comprising," and any variations thereof, of embodiments of the present invention are intended to cover non-exclusive inclusions. For example, a process, method, system, article, or apparatus that comprises a list of steps or modules is not limited to the listed steps or modules but may alternatively include other steps or modules not listed or inherent to such process, method, article, or apparatus.
Reference herein to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the application. The appearances of the phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. It is explicitly and implicitly understood by one skilled in the art that the embodiments described herein can be combined with other embodiments.
Reference herein to "a plurality" means two or more. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
Referring to fig. 1, fig. 1 is a flowchart of a rendering method of a browser according to an embodiment, including:
s10, when the loaded browser is identified as a specific browser, a gasket for carrying out image enhancement processing on the webpage object is created; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
the specific browser can comprise browsers which lack functional modules such as image enhancement processing and the like and cannot be directly developed in a componentization mode, such as an IE7 browser, an IE8 browser and the like. Since the specific browsers of IE7/IE8 may lack functional modules such as image enhancement processing and the like relative to other browsers, the functional modules can be completed by additionally adding functional pads in order that the same set of codes can run on the old browsers. The above-mentioned gasket refers to the function of simulating the high-level environment through the low-level environment language in the low-level environment (e.g. IE7/IE8 browser). The gasket can be an independent and complete JavaScript script, and the browser performs analysis and execution by referring script codes such as the JavaScript script corresponding to the gasket on the page to complete the creating action of the gasket.
The above-mentioned gasket for performing image enhancement processing on the web page object may include a JavaScript object function enhancement, a font icon support processing module, an event processing module, and other types of gaskets.
S20, adding the gasket into an image processing component corresponding to the browser script, determining the component sequence and each component information corresponding to the browser, and transmitting the component information into an engine;
the front-end component is an independently operable and reusable unit consisting of views, data and logic, and has the advantages of improving the maintainability and the operating performance of a front-end interface. The browser script corresponds to a plurality of components which can be developed in various aspects for the corresponding browser, and the created gasket is added to the image processing component corresponding to the browser script, so that the corresponding component has the capability of developing and processing the specific browser.
The engine may be a reach.js engine, and the reach.js engine may be developed by adopting a JavaScript standard (such as the JavaScript standard of es 5), so that the development efficiency and the development effect are particularly high. The above steps can respectively transmit the component sequence and each component information corresponding to the browser to the engine for subsequent browser componentization processing.
S30, creating a service logic component instance in the engine according to the component information, and calling an API function of the browser to render a browser page according to the component sequence and the service logic component instance.
The engine may be provided with a storage management module for storing internal components and management objects created during the operation of the engine and a compatible processing module for performing a function enhancement process on a specific browser. Specifically, the storage management module is accessed to obtain a component tree corresponding to the browser, an API function of the browser and a compatible processing module of an engine are called according to the sequence and logic (service logic component instance) of the component tree, rendering objects that can be identified by a specific browser, such as IE7/IE8, are generated, and the objects are added into the operating environment of the browser, so that the rendering of the page is completed.
According to the rendering method of the browser provided by the embodiment, when the loaded browser is identified as the specific browser, a gasket for performing image enhancement processing on a webpage object is created, the gasket is added to an image processing component corresponding to a browser script, a component sequence and each component information corresponding to the browser are determined, the component information is transmitted to an engine, a service logic component instance is created in the engine according to the component information, an API function of the browser is called to render a browser page according to the component sequence and the service logic component instance, so that the page rendering of the specific browser is realized, the process of performing corresponding rendering on the specific browser can be simplified, and the function of browser componentization processing is perfected.
In one embodiment, before the process of creating a gasket for image enhancement processing of a web page object when the loaded browser is identified as a specific browser, the method further includes:
analyzing a script code provided by a browser to an engine, and detecting whether the script code contains a specified element adding event function;
if not, the browser is judged to be the specific browser.
The specified element addition event function may be addEventListener; specifically, whether the script code in the operating environment provided by the browser to the javascript includes addEventListener may be determined according to the function, so as to obtain whether the current browser is a specific browser such as an IE browser. If it is under a particular browser, the engine shim module may be invoked to add the created shim module (e.g., object property enhancement module, event handling module).
The embodiment can accurately identify the specific browsers such as the IE7 browser and the IE8 browser which cannot be directly subjected to componentization development.
In one embodiment, after identifying that the loaded browser is the specific browser, the method further includes:
and identifying the version of the specific browser, and if the version is the set version, creating a gasket for processing the font icon.
The embodiment can obtain the version identifier of the current specific browser through the API function provided by the browser, and determine whether the version identifier is the set version. The set version can be IE7 in an IE browser, the gasket for processing the font icons can be a gasket comprising a font icon processing module, and the gasket for processing the font icons is created on the basis of creating the gasket for performing image enhancement processing on the webpage objects, so that the rendering effect of the browser with the set version in a specific browser can be effectively improved, and the corresponding component development function is further improved.
In one embodiment, before the process of creating a gasket for image enhancement processing of a web page object when the loaded browser is identified as a specific browser, the method further includes:
and loading a browser page, and creating an engine for performing componentized development on the browser.
The engine can be a React.js engine, the componentization thought of the React.js is very reasonable, and the JSX grammar provided by the React provides a convenient implementation mode for componentization development; JSX grammar provided by fact.
The browser page can comprise a plurality of components, and when the browser page is loaded, the browser can disassemble the page script according to the written service logic and the.
Specifically, the following modules may be set in the process of creating the required engine and implementing the rendering of the specific browser by the engine, and implemented by the following modules:
an initialization module: with the loading of the browser page, the engine module is loaded first, and at this time, the initialization module of the engine module can be called. The initialization module can prepare the running environment to be dependent on the needed memory space, global object, constant, object and other engine running requirements.
A storage management module: after the completion initialization module is executed, the execution engine creation action is started. The method comprises the steps of calling a storage management module, requesting a browser memory for applying a memory storage space through a script statement during initialization, and storing internal components and management objects created during the running of an engine.
A component generation module: and creating a component factory object, wherein the component factory object is responsible for generating a component class object with a uniform specification according to component information transmitted from the outside.
An analysis processing module: the method is a functional module written by using the es3 standard and used for analyzing a script compiled based on a JSX grammar, and the functional module is used for analyzing and converting a service logic into a JavaScript script based on the es3 standard through an analysis processing module, finally outputting an abstract component tree with sequence and structure, and storing the abstract component tree in a memory storage space through a storage module.
A compatible processing module: according to the judgment of the related information of the browser, basic function module enhancement is carried out, and mainly function enhancement is carried out on specific browsers such as IE7/IE8, for example, method enhancement of group objects, compatibility of an event monitoring calling mechanism and the like.
A component rendering module: and creating a component rendering factory object, wherein the component rendering factory object is responsible for rendering the component into the browser. The specific workflow is that a storage management module is accessed to obtain a component tree stored by an analysis engine, an API (application programming interface) related to a browser and an engine compatible processing module are called according to the sequence and logic of the component tree to generate rendering objects which can be identified by the IE7/IE8 browser, and the objects are added into the running environment of the browser to finish the rendering of the page.
In one embodiment, the process of calling the API function of the browser to render the browser page according to the component order and the business logic component instance includes:
and calling an API function of the browser according to the component sequence and the service logic component instance to generate a rendering object corresponding to the specific browser, adding the rendering object to the running environment of the browser, and finishing the rendering of the page of the specific browser.
The embodiment can ensure the effect of page rendering on the specific browser.
In one embodiment, the process of creating a shim for image enhancement processing of a web page object includes:
and referencing script codes for image processing of the webpage objects in the page of the browser, analyzing and executing the added script codes in the browser, and finishing the creation of the gasket of the browser.
In this embodiment, the image processing on the web page object may specifically include image enhancement processes such as supporting processing on font images in the web page and enhancing processing on web page events, so that the created gasket may provide an image enhancement processing function for a componentized rendering process of a specific browser, and the functions of browser componentized processing are effectively improved.
In one embodiment, the particular browsers include an IE7 browser and an IE8 browser.
Because IE7 browser and IE8 browser lack many functional modules compared with other modern browsers, these browsers have very high frequency of use in enterprise users, the gasket for performing componentized rendering for this kind of specific browser is set, and is added to the image processing component corresponding to the browser script, so that the same set of code can run on various browsers such as these old browsers, the componentized rendering of various browsers is realized, the rendering function of the browsers can be perfected, and the corresponding user experience is improved.
For an execution environment such as an IE7 browser or an IE8 browser, compatibility processing can be performed through the created shim, and functions of an advanced execution environment can be simulated. The compatible processing module is mainly used for processing API difference between an IE7 browser or an IE8 browser and a modern browser. When the compatible processing module is loaded, whether the current browser is under the IE7 browser or the IE8 browser can be judged, and if so, the gasket comprising each function enhancement module is loaded. On the native object, compared with the existing API interfaces of the native objects of the existing browser, the API interfaces which are not available in the IE7 browser or the IE8 browser are implemented one by one, and the enhancement effect on the native objects is achieved. Including native array objects, method volume objects, event processing objects, and the like. A pad of a font icon processing module for processing font icons can be additionally added below the set version of the IE7, so that the problem of using the font icons below the IE7 is compatible. The above process of performing componentization processing for the IE7 browser or the IE8 browser may include:
a compatible processing module is created.
Judging the version of the browser: calling an API provided by the browser, acquiring browser version information, and judging whether the currently running browser is IE7 or IE8 according to the acquired browser version information. If the current browser is not IE7/IE8, then compatibility processing is not required and the act of creating a compatibility processing module is directly ended. If IE7/IE8, then the shim loading is started.
Loading native object enhancement module shim: the engine calls an object enhancement module gasket which is placed in the engine creating process, and JavaScript objects under the IE7/IE8 browser are promoted to have the running capability and the functions under the high-level browser.
Loading a native event monitoring processing module gasket: the engine calls the event monitoring processing module gasket which is put in when the engine is created, and the declaration mode of event monitoring under the IE7/IE8 browser is added to have the declaration mode under the high-level browser.
Determine if the browser is IE 7: if not IE7, the creation of compatible processing modules is done directly. If IE7, then the font icon handling module shim module needs to be invoked.
Load font icon processing module shim module: the engine calls the event monitoring processing module gasket which is put in when the engine is built, and the problem that the IE7 browser cannot use the font icon is solved.
Referring to fig. 2, fig. 2 is a schematic structural diagram of a rendering system of a browser according to an embodiment, including:
a creating unit 10, configured to create a pad for performing image enhancement processing on a web page object when it is recognized that the loaded browser is a specific browser; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
an adding unit 20, configured to add the shim to an image processing component corresponding to a browser script, determine a component sequence and component information corresponding to a browser, and send the component information to an engine;
and the calling unit 30 is configured to create a service logic component instance in the engine according to the component information, and call an API function of the browser to render a browser page according to the component order and the service logic component instance.
In an embodiment, the rendering system structure diagram of the browser may further include:
the analysis unit is used for analyzing the script codes provided by the browser to the engine and detecting whether the script codes contain the specified element adding event function;
and the judging unit is used for judging that the browser is the specific browser if the browser is not the specific browser.
In an embodiment, the rendering system structure diagram of the browser may further include:
and the identification unit is used for identifying the version of the specific browser and creating a gasket for processing the font icon if the version is the set version.
In an embodiment, the rendering system structure diagram of the browser may further include:
and the loading unit is used for loading a browser page and creating an engine for performing componentized development on the browser.
In one embodiment, the invoking unit is further configured to:
and calling an API function of a browser by the component sequence and business logic component instance to generate a rendering object corresponding to the specific browser, adding the rendering object to the running environment of the browser, and finishing the rendering of the page of the specific browser.
In one embodiment, the creating unit is further configured to:
and referencing script codes for image processing of the webpage objects in the page of the browser, analyzing and executing the added script codes in the browser, and finishing the creation of the gasket of the browser.
In one embodiment, the specific browsers include IE7 browser and IE8 browser
FIG. 3 is a block diagram of a computer system 1000 upon which embodiments of the present invention may be implemented. The computer system 1000 is only one example of a suitable computing environment for the invention and is not intended to suggest any limitation as to the scope of use of the invention. Neither should the computer system 1000 be interpreted as having a dependency or requirement relating to a combination of one or more components of the exemplary computer system 1000 illustrated.
The computer system 1000 shown in FIG. 3 is one example of a computer system suitable for use with the present invention. Other architectures with different subsystem configurations may also be used. Such as desktop computers, notebooks, and the like, as are well known to those of ordinary skill, may be suitable for use with some embodiments of the present invention. But are not limited to, the devices listed above.
As shown in fig. 3, the computer system 1000 includes a processor 1010, a memory 1020, and a system bus 1022. Various system components including the memory 1020 and the processor 1010 are connected to the system bus 1022. The processor 1010 is hardware for executing computer program instructions through basic arithmetic and logical operations in a computer system. Memory 1020 is a physical device used for temporarily or permanently storing computing programs or data (e.g., program state information). The system bus 1020 may be any of several types of bus structures including a memory bus or memory controller, a peripheral bus, and a local bus. The processor 1010 and the memory 1020 may be in data communication via a system bus 1022. Wherein memory 1020 includes Read Only Memory (ROM) or flash memory (neither shown), and Random Access Memory (RAM), which typically refers to main memory loaded with an operating system and application programs.
The computer system 1000 also includes a display interface 1030 (e.g., a graphics processing unit), a display device 1040 (e.g., a liquid crystal display), an audio interface 1050 (e.g., a sound card), and an audio device 1060 (e.g., speakers).
It should be noted that other computer systems, including more or less subsystems than computer system 1000, can also be suitable for use with the invention. As described above in detail, the computer system 1000 adapted to the present invention can perform the designated operation of the rendering method of the browser. The computer system 1000 performs these operations in the form of software instructions executed by the processor 1010 in a computer-readable medium. These software instructions may be read into memory 1020 from storage device 1070 or from another device via local network interface 1100. The software instructions stored in memory 1020 cause processor 1010 to perform the rendering method of the browser described above. Furthermore, the present invention can be implemented by hardware circuits or by a combination of hardware circuits and software instructions. Thus, implementations of the invention are not limited to any specific combination of hardware circuitry and software.
The rendering system of the browser and the rendering method of the browser are in one-to-one correspondence, and the technical features and the advantages thereof described in the embodiment of the rendering method of the browser are all applicable to the embodiment of the rendering system of the browser.
Based on the examples described above, there is also provided in one embodiment a computer device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor, when executing the program, implements the rendering method of the browser as in any of the above embodiments.
According to the computer equipment, the componentized rendering of the specific browser is realized through the computer program running on the processor, and the componentized processing function of the browser is perfected.
It will be understood by those skilled in the art that all or part of the processes in the methods of the above embodiments may be implemented by a computer program, which is stored in a non-volatile computer readable storage medium, and in the embodiments of the present invention, the program may be stored in the storage medium of a computer system and executed by at least one processor in the computer system to implement the processes of the embodiments including the rendering method of the browser. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.
Accordingly, in an embodiment, a computer storage medium is also provided, on which a computer program is stored, wherein the program, when executed by a processor, implements the rendering method of the browser as in any one of the above embodiments.
The computer storage medium can simplify the process of performing corresponding rendering on specific browsers such as an IE7 browser and an IE8 browser through the stored computer program, and improves corresponding user experience.
The technical features of the embodiments described above may be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the embodiments described above are not described, but should be considered as being within the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present invention, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the inventive concept, which falls within the scope of the present invention. Therefore, the protection scope of the present patent shall be subject to the appended claims.
Claims (10)
1. A rendering method for a browser, comprising:
when the loaded browser is identified as a specific browser, creating a gasket for performing image enhancement processing on the webpage object; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
adding the gasket into an image processing component corresponding to a browser script, determining the component sequence and each component information corresponding to the browser, and transmitting the component information into an engine;
and creating a service logic component instance in the engine according to the component information, and calling an API (application programming interface) function of the browser to render a browser page according to the component sequence and the service logic component instance.
2. The rendering method of a browser according to claim 1, wherein the step of creating a pad for image enhancement processing of a web page object when it is recognized that the loaded browser is a specific browser, further comprises:
analyzing a script code provided by a browser to an engine, and detecting whether the script code contains a specified element adding event function;
if not, the browser is judged to be the specific browser.
3. The rendering method of a browser according to claim 1, further comprising, after recognizing that the loaded browser is the specific browser:
and identifying the version of the specific browser, and if the version is the set version, creating a gasket for processing the font icon.
4. The rendering method of a browser according to claim 1, wherein the step of creating a pad for image enhancement processing of a web page object when it is recognized that the loaded browser is a specific browser, further comprises:
and loading a browser page, and creating an engine for performing componentized development on the browser.
5. The rendering method of the browser according to claim 1, wherein the process of calling the API function of the browser to render the browser page according to the component order and the business logic component instance comprises:
and calling an API function of a browser by the component sequence and business logic component instance to generate a rendering object corresponding to the specific browser, adding the rendering object to the running environment of the browser, and finishing the rendering of the page of the specific browser.
6. The rendering method for a browser according to any one of claims 1 to 5, wherein the process of creating a pad for image enhancement processing of a web page object includes:
and referencing script codes for image processing of the webpage objects in the page of the browser, analyzing and executing the added script codes in the browser, and finishing the creation of the gasket of the browser.
7. The rendering method of the browser according to any one of claims 1 to 5, wherein the specific browser includes an IE7 browser and an IE8 browser.
8. A rendering system for a browser, comprising:
the creating unit is used for creating a gasket for carrying out image enhancement processing on the webpage object when the loaded browser is identified to be a specific browser; wherein the specific browser is a browser of which the script code does not comprise a specified element adding event function;
the adding unit is used for adding the gasket into an image processing component corresponding to the browser script, determining the component sequence and each component information corresponding to the browser and transmitting the component information into an engine;
and the calling unit is used for creating a service logic component instance in the engine according to the component information and calling an API (application program interface) function of the browser to render a browser page according to the component sequence and the service logic component instance.
9. A computer device comprises a memory, a processor and a memory device stored on the memory and capable of being operated on the processor
Computer program running on a computer, characterized in that the processor implements the rendering method of the browser according to any one of claims 1 to 7 when executing the computer program.
10. A computer storage medium on which a computer program is stored, the program, when executed by a processor, implementing a rendering method of a browser according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810809769.6A CN109325195B (en) | 2018-07-23 | 2018-07-23 | Rendering method and system for browser, computer device and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810809769.6A CN109325195B (en) | 2018-07-23 | 2018-07-23 | Rendering method and system for browser, computer device and computer storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109325195A CN109325195A (en) | 2019-02-12 |
| CN109325195B true CN109325195B (en) | 2020-10-13 |
Family
ID=65263663
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810809769.6A Active CN109325195B (en) | 2018-07-23 | 2018-07-23 | Rendering method and system for browser, computer device and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109325195B (en) |
Families Citing this family (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110209440A (en) * | 2019-06-14 | 2019-09-06 | 福建睿思特科技股份有限公司 | A kind of use optimization method and the storage medium of React component |
| CN111124530B (en) * | 2019-11-25 | 2023-06-02 | 北京博睿宏远数据科技股份有限公司 | Method and device for calculating first rendering time of browser, browser and storage medium |
| CN111307259A (en) * | 2020-03-10 | 2020-06-19 | 畅捷通信息技术股份有限公司 | Weighing apparatus, weighing method, weighing system, and computer-readable storage medium |
| CN111580879A (en) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | Applet running method and device, electronic equipment and computer storage medium |
| CN111708519B (en) * | 2020-06-12 | 2023-08-18 | 北京思特奇信息技术股份有限公司 | Service component processing method, device, equipment and storage medium |
| CN112000331A (en) * | 2020-08-07 | 2020-11-27 | 北京三快在线科技有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN111984892A (en) * | 2020-08-27 | 2020-11-24 | 网易（杭州）网络有限公司 | Page access method, device, equipment and storage medium |
| CN112131500B (en) * | 2020-09-25 | 2023-11-07 | 北京锐安科技有限公司 | Event response device, method, electronic equipment and storage medium |
| CN112379863B (en) * | 2020-10-12 | 2024-05-28 | 杭州易现先进科技有限公司 | Cross-browser and applet webGL development method and device and computer equipment |
| CN112351094B (en) * | 2020-11-02 | 2023-10-03 | 深圳市安软科技股份有限公司 | Webpage pushing method and device, electronic equipment and storage medium |
| CN112698879A (en) * | 2020-12-25 | 2021-04-23 | 维沃移动通信有限公司 | Method and device for loading source file |
| CN112954075B (en) * | 2021-03-29 | 2023-04-07 | 中信银行股份有限公司 | Business function implementation method, system, corresponding device and storage medium |
| CN113181657B (en) * | 2021-04-30 | 2024-04-05 | 北京读我网络技术有限公司 | Cross-platform rendering method and device |
| CN113722538B (en) * | 2021-09-08 | 2023-09-05 | 北京奇艺世纪科技有限公司 | Interface dynamic rendering method and device |
| CN114020187B (en) * | 2021-10-26 | 2024-02-23 | 济南浪潮数据技术有限公司 | Font icon display method and device and electronic equipment |
| CN114518912B (en) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | Page loading method, device, equipment and readable storage medium |
| CN116991506B (en) * | 2023-09-28 | 2024-04-30 | 腾讯科技（深圳）有限公司 | Webpage rendering method and device, terminal and storage medium |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100080411A1 (en) * | 2008-09-29 | 2010-04-01 | Alexandros Deliyannis | Methods and apparatus to automatically crawl the internet using image analysis |
| US9805135B2 (en) * | 2011-03-30 | 2017-10-31 | Cbs Interactive Inc. | Systems and methods for updating rich internet applications |
| CN103513987A (en) * | 2013-09-18 | 2014-01-15 | 小米科技有限责任公司 | Rendering treatment method, device and terminal device for browser web page |
| CN106991096B (en) * | 2016-01-21 | 2021-03-02 | 阿里巴巴集团控股有限公司 | Dynamic page rendering method and device |
| JP6776805B2 (en) * | 2016-10-24 | 2020-10-28 | 富士通株式会社 | Character recognition device, character recognition method, character recognition program |
| CN108228188B (en) * | 2018-01-08 | 2021-04-27 | 武汉斗鱼网络科技有限公司 | View component processing method, electronic device and readable storage medium |
-
2018
- 2018-07-23 CN CN201810809769.6A patent/CN109325195B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN109325195A (en) | 2019-02-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109325195B (en) | Rendering method and system for browser, computer device and computer storage medium | |
| CN108345531B (en) | Test method, device and system | |
| CN106648556B (en) | Method and device for front-end and back-end integrated development test | |
| CN105718313A (en) | Application operation method and device | |
| CN110955409B (en) | Method and device for creating resources on cloud platform | |
| CN111597110A (en) | Page testing method and device, electronic equipment and storage medium | |
| US10318343B2 (en) | Migration methods and apparatuses for migrating virtual machine including locally stored and shared data | |
| US20190087160A1 (en) | System and method for creating domain specific language | |
| CN102750493B (en) | Access right control method, Apparatus and system | |
| CN107133169B (en) | Application test packet generation method and generation device | |
| CN113515271A (en) | Service code generation method and device, electronic equipment and readable storage medium | |
| CN111414154A (en) | Method and device for front-end development, electronic equipment and storage medium | |
| CN112506781B (en) | Test monitoring method, device, electronic equipment, storage medium and program product | |
| CN103631704B (en) | The automatization test system and method for communication equipment | |
| CN109995931B (en) | Method and device for realizing automatic calling | |
| CN109756948B (en) | Method and device for connecting wireless access point through application in user equipment | |
| CN110599112A (en) | Method and device for developing and maintaining network page | |
| CN106294143B (en) | Debugging method and device for chip register | |
| CN111949510B (en) | Test processing method, device, electronic equipment and readable storage medium | |
| CN113656009A (en) | Macro processing method and device, electronic equipment and storage medium | |
| CN113805877A (en) | Project engineering construction method and device based on IDEA plug-in | |
| CN108804236B (en) | AIDL file sharing method and system | |
| CN112068814A (en) | Method, device, system and medium for generating executable file | |
| CN112749073B (en) | Service testing method and device, storage medium and electronic equipment | |
| CN111078209B (en) | Development processing method, device and equipment for business page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: Room 1901, building 5, Shenzhen new generation industrial park, 136 Zhongkang Road, Meidu community, Meilin street, Futian District, Shenzhen, Guangdong 518000 Patentee after: Zhaoyin yunchuang Information Technology Co.,Ltd. Address before: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Patentee before: MBCLOUD (SHENZHEN) INFORMATION TECHNOLOGY Co.,Ltd. |
|
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: The rendering method and system of browsers, computer devices, and computer storage media Effective date of registration: 20231117 Granted publication date: 20201013 Pledgee: Shenzhen Branch of China Merchants Bank Co.,Ltd. Pledgor: Zhaoyin yunchuang Information Technology Co.,Ltd. Registration number: Y2023980065913 |