CN109325195A - Rendering method and system, computer equipment, the computer storage medium of browser - Google Patents
Rendering method and system, computer equipment, the computer storage medium of browser Download PDFInfo
- Publication number
- CN109325195A CN109325195A CN201810809769.6A CN201810809769A CN109325195A CN 109325195 A CN109325195 A CN 109325195A CN 201810809769 A CN201810809769 A CN 201810809769A CN 109325195 A CN109325195 A CN 109325195A
- Authority
- CN
- China
- Prior art keywords
- browser
- gasket
- rendering
- engine
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 238000009877 rendering Methods 0.000 title claims abstract description 76
- 238000003860 storage Methods 0.000 title claims abstract description 27
- 238000012545 processing Methods 0.000 claims abstract description 74
- 230000006870 function Effects 0.000 claims abstract description 54
- 230000008569 process Effects 0.000 claims abstract description 30
- 238000011161 development Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 12
- 238000010586 diagram Methods 0.000 description 7
- 230000002708 enhancing effect Effects 0.000 description 6
- 238000012544 monitoring process Methods 0.000 description 5
- 230000008859 change Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 238000002224 dissection Methods 0.000 description 2
- 230000014759 maintenance of location Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 230000010267 cellular communication Effects 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 230000007717 exclusion Effects 0.000 description 1
- 238000004880 explosion Methods 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
- 230000005055 memory storage Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003014 reinforcing effect Effects 0.000 description 1
Abstract
The present invention relates to a kind of rendering methods of browser and system, computer equipment, computer storage medium.The rendering method of above-mentioned browser includes: to create the gasket for carrying out image enhancement processing to web object when the browser for recognizing load is particular browser；Wherein, it does not include the browser that specified element adds event functions that the particular browser, which is scripted code,；The gasket is added in the corresponding image processing modules of browser script, determines component priority order corresponding to browser and various components information, the module information is passed to engine；Business logic components example is created according to the module information in the engine, the api function of the browser is called to render browser page according to the component priority order and business logic components example；It can simplify the process accordingly rendered to above-mentioned particular browser, improve the function of browser componentization processing.
Description
Technical field
The present invention relates to Internet technical field, rendering methods and system more particularly to a kind of browser, computer
Equipment, computer storage medium.
Background technique
As the explosion type of mobile Internet increases, the development of Web (webpage) technology is also maked rapid progress, especially front end skill
Art.With the development of technology, the complexity of Web application system is constantly promoted, and traditional development mode is constantly present development efficiency
It is low, the drawbacks of product actual operating efficiency is low, maintenance cost is high etc..In order to solve the problems, industry is proposed modularization
Solution.Modularization refer to basic logic function, public pattern, stable service logic are encapsulated into one can be independent
Operation, reusable module.Web page is made of different component combinations, nesting.The modularization frame of mainstream at present
In frame, such as AngularJS, vue.js, React.js these front end frames, the exploitation of modularization is all supported.
Currently, mainstream Module Development Method frame does not support the particular browsers such as IE7/IE8, IE7/IE8 is some at present
Still account for higher ratio in enterprise customer, especially financial circles user, and said modules development technique be only capable of it is clear to part
Device of looking at carries out the processing such as rendering, and has limitation.
Summary of the invention
Based on this, it is necessary to be only capable of carrying out rendering etc. processing to part browser for traditional scheme, have limited
Technical problem provides the rendering method and system, computer equipment, computer storage medium of a kind of browser.
A kind of rendering method of browser, comprising:
When the browser for recognizing load is particular browser, creation is for carrying out image enhancement processing to web object
Gasket；Wherein, it does not include the browser that specified element adds event functions that the particular browser, which is scripted code,；
The gasket is added in the corresponding image processing modules of browser script, determines component corresponding to browser
The module information is passed to engine by sequence and various components information；
Business logic components example is created according to the module information in the engine, calls the API of the browser
Function renders browser page according to the component priority order and business logic components example.
The rendering method of above-mentioned browser, can be when the browser for recognizing load be particular browser, and creation is used for
The gasket that image enhancement processing is carried out to web object, gasket is added in the corresponding image processing modules of browser script,
Component priority order and various components information corresponding to browser are determined again, the module information are passed to engine, to draw described
Hold up it is middle according to the module information create business logic components example, recall the api function of the browser according to described group
Part sequence and business logic components example render browser page, realize the page rendering to above-mentioned particular browser, Ke Yijian
Change the process accordingly rendered to above-mentioned particular browser, improves the function of browser componentization processing.
It is described when the browser for recognizing load is particular browser in one of the embodiments, creation for pair
Web object carries out before the process of the gasket of image enhancement processing, further includes:
Parsing browser is supplied to the scripted code of engine, detects whether the scripted code includes specified element addition thing
Part function；
If it is not, then determining the browser for particular browser.
The present embodiment can directly can not carry out the particular browser of Module Development Method to IE7 browser, IE8 browser etc.
It is accurately identified.
In one of the embodiments, after the browser for recognizing load is particular browser, further includes:
It identifies the version of the particular browser, if the version is setting version, creates for handling font icon
Gasket.
The present embodiment can effectively improve the rendering effect to the browser for setting version in particular browser, further complete
It is apt to corresponding Components Development function.
It is described when the browser for recognizing load is particular browser in one of the embodiments, creation for pair
Web object carries out before the process of the gasket of image enhancement processing, further includes:
Browser page is loaded, the engine for carrying out Module Development Method to the browser is created.
The api function for calling the browser is according to the component priority order and business in one of the embodiments,
Logic module example rendering browser page process include:
The component priority order and business logic components example call the api function of browser to generate the particular browser pair
The rendering objects are added to the running environment of browser by the rendering objects answered, and complete the wash with watercolours of the particular browser page
Dye.
The present embodiment can guarantee the effect that page rendering is carried out to particular browser.
The process of gasket of the creation for carrying out image enhancement processing to web object in one of the embodiments,
Include:
The scripted code for carrying out image procossing to web object, and institute's browser are quoted in the page of the browser
Middle parsing executes added scripted code, completes the gasket creation of the browser.
In the present embodiment, web object progress image procossing can specifically include, the font image in webpage is propped up
Processing is held, the image enhancement processes such as enhancing processing are carried out to web page event, it is specific for alloing created gasket in this way
The modularization render process of browser provides image enhancement processing function, the effectively perfect function of browser componentization processing.
The particular browser includes IE7 browser and IE8 browser in one of the embodiments,.
The modularization rendering of all kinds of browsers may be implemented in the present embodiment, can improve the rendering function of browser, be promoted
Corresponding user experience.
A kind of rendering system of browser, comprising:
Creation module, for the browser for recognizing load be particular browser when, creation for web object into
The gasket of row image enhancement processing；Wherein, it does not include that specified element adds event functions that the particular browser, which is scripted code,
Browser；
Adding module determines browsing for the gasket to be added in the corresponding image processing modules of browser script
The module information is passed to engine by component priority order corresponding to device and various components information；
Calling module calls institute for creating business logic components example according to the module information in the engine
The api function for stating browser renders browser page according to the component priority order and business logic components example.
The rendering system of above-mentioned browser, can be when the browser for recognizing load be particular browser, and creation is used for
The gasket that image enhancement processing is carried out to web object, gasket is added in the corresponding image processing modules of browser script,
Component priority order and various components information corresponding to browser are determined again, the module information are passed to engine, to draw described
Hold up it is middle according to the module information create business logic components example, recall the api function of the browser according to described group
Part sequence and business logic components example render browser page, realize the page rendering to above-mentioned particular browser, Ke Yijian
Change the process accordingly rendered to above-mentioned particular browser, improves the function of browser componentization processing.
A kind of computer equipment, including memory, processor and be stored on the memory and can be in the processing
The computer program run on device, the processor realize that any of the above-described embodiment provides clear when executing the computer program
Look at the rendering method of device.
A kind of computer storage medium, is stored thereon with computer program, which is characterized in that the program is executed by processor
The rendering method for the browser that any of the above-described embodiment of Shi Shixian provides.
The rendering method of browser according to the present invention, the present invention also provides a kind of computer equipments and computer storage to be situated between
Matter, for realizing the rendering method of above-mentioned browser by program.Above-mentioned computer equipment and computer storage medium being capable of letters
Change the process accordingly rendered to particular browsers such as IE7 browser, IE8 browsers, improves browser componentization processing
Function.
Detailed description of the invention
Fig. 1 is the rendering method flow chart of the browser of one embodiment；
Fig. 2 is the rendering system structural schematic diagram of the browser of one embodiment；
Fig. 3 is the computer system module map of one embodiment.
Specific embodiment
To make the objectives, technical solutions, and advantages of the present invention more comprehensible, with reference to the accompanying drawings and embodiments, to this
Invention is described in further detail.It should be appreciated that the specific embodiments described herein are only used to explain the present invention,
And the scope of protection of the present invention is not limited.
It should be noted that term involved in the embodiment of the present invention " first second third " be only distinguish it is similar
Object does not represent the particular sorted for object, it is possible to understand that ground, " first second third " can be mutual in the case where permission
Change specific sequence or precedence.It should be understood that the object that " first second third " is distinguished in the appropriate case can be mutual
It changes, so that the embodiment of the present invention described herein can be real with the sequence other than those of illustrating or describing herein
It applies.
The term " includes " of the embodiment of the present invention and " having " and their any deformations, it is intended that cover non-exclusive
Include.Such as contain series of steps or module process, method, system, product or equipment be not limited to it is listed
Step or module, but optionally further comprising the step of not listing or module, or optionally further comprising for these processes, side
Method, product or equipment intrinsic other steps or module.
Referenced herein " embodiment " is it is meant that a particular feature, structure, or characteristic described can wrap in conjunction with the embodiments
It is contained at least one embodiment of the application.Each position in the description occur the phrase might not each mean it is identical
Embodiment, nor the independent or alternative embodiment with other embodiments mutual exclusion.Those skilled in the art explicitly and
Implicitly understand, embodiment described herein can be combined with other embodiments.
Referenced herein " multiple " refer to two or more."and/or", the association for describing affiliated partner are closed
System indicates may exist three kinds of relationships, for example, A and/or B, can indicate: individualism A exists simultaneously A and B, individualism
These three situations of B.Character "/" typicallys represent the relationship that forward-backward correlation object is a kind of "or".
Refering to what is shown in Fig. 1, Fig. 1 is the rendering method flow chart of the browser of one embodiment, comprising:
S10, when the browser for recognizing load is particular browser, creation is for carrying out image enhancement to web object
The gasket of processing；Wherein, it does not include the browser that specified element adds event functions that the particular browser, which is scripted code,；
Above-mentioned particular browser may include lacking the functional modules such as image enhancement processing, can not directly carry out component and melt
The browser of hair, such as IE7 browser, IE8 browser.Since these particular browsers of IE7/IE8 are relative to other browsings
Device may lack the functional modules such as image enhancement processing, can be in order to which same set of code can be run on these old browsers
By adding function gasket in addition come consummating function module.Above-mentioned gasket refers in rudimentary environment (such as IE7/IE8 browser),
Go to simulate the function of advanced environment by rudimentary environmental language.Gasket can be the JavaScript script an of independent completion,
By quoting the scripted codes such as the corresponding JavaScript script of gasket on the page, then browser carries out parsing execution, complete
It is acted at the creation of gasket.
The above-mentioned gasket for carrying out image enhancement processing to web object may include that JavaScript object function increases
By force, font icon supports the gasket of the types such as processing module, event processing module.
The gasket is added in the corresponding image processing modules of browser script, determines corresponding to browser by S20
The module information is passed to engine by component priority order and various components information；
Component refer to can independently operated logic unit, front end assemblies refer to by view, data, logic form can be independent
Operation, reusable unit, the advantage of front end assemblies is the maintainability for improving front-end interface, runnability.Browsing
The gasket of creation is added to browsing to the multiple components that should carry out various aspects exploitation to corresponding browser, above-mentioned steps by device script
In the corresponding image processing modules of device script, the ability that makes corresponding component have development process particular browser.
Above-mentioned engine can be React.js engine, and above-mentioned React.js engine can be using JavaScript standard (such as
The JavaScript standard of es5) it is developed, specific higher development efficiency and development effectiveness.Above-mentioned steps can will browse
Component priority order corresponding to device and various components information are passed to engine respectively, to handle for the modularization of subsequent browser.
S30 creates business logic components example according to the module information in the engine, calls the browser
Api function renders browser page according to the component priority order and business logic components example.
Above-mentioned engine can be set the internal component for creating during storage engines operation and manage the storage tube of object
It manages module and carries out the compatible processing module of function enhancing processing to particular browser.It specifically can be by accessing above-mentioned storage tube
Module is managed, the corresponding component tree of browser is obtained, according to the sequence of component tree, logic (business logic components example), is called clear
It lookes at the api function of device and the compatible processing module of engine, generates the rendering pair that the particular browsers such as IE7/IE8 can identify
As, and the addition of these objects is entered in the running environment of browser, complete the rendering of the page.
The rendering method of browser provided in this embodiment can be particular browser in the browser for recognizing load
When, the gasket for carrying out image enhancement processing to web object is created, gasket is added to the corresponding image of browser script
It in processing component, then determines component priority order and various components information corresponding to browser, the module information is passed to engine,
To create business logic components example according to the module information in the engine, the api function of the browser is recalled
Browser page is rendered according to the component priority order and business logic components example, realizes the page wash with watercolours to above-mentioned particular browser
Dye, can simplify the process accordingly rendered to above-mentioned particular browser, improve the function of browser componentization processing.
In one embodiment, described when the browser for recognizing load is particular browser, it creates for webpage
Object carries out before the process of the gasket of image enhancement processing, further includes:
Parsing browser is supplied to the scripted code of engine, detects whether the scripted code includes specified element addition thing
Part function；
If it is not, then determining the browser for particular browser.
Above-mentioned specified element addition event functions can be addEventListener；It specifically, can be according to browser
It is supplied to the running environment of JavaScri, judges whether scripted code therein includes this function of addEventListener
Come, whether obtain currently is the particular browsers such as IE browser.If it is in particular browser in the following, can then call engine pad
Piece module adds created gasket module (such as object properties enhance module, event processing module).
The present embodiment can directly can not carry out the particular browser of Module Development Method to IE7 browser, IE8 browser etc.
It is accurately identified.
In one embodiment, after the browser for recognizing load is particular browser, further includes:
It identifies the version of the particular browser, if the version is setting version, creates for handling font icon
Gasket.
The present embodiment can obtain the version identifier of current particular browser, judgement by the api function that browser provides
It whether is setting version.Above-mentioned setting version can be the IE7 in IE browser, can be for handling fontmap target gasket
Gasket including font icon processing module, on the basis of gasket of the creation for carrying out image enhancement processing to web object
On, then create for handling fontmap target gasket, it can effectively improve to the browser for setting version in particular browser
Rendering effect further improves corresponding Components Development function.
In one embodiment, described when the browser for recognizing load is particular browser, it creates for webpage
Object carries out before the process of the gasket of image enhancement processing, further includes:
Browser page is loaded, the engine for carrying out Module Development Method to the browser is created.
Above-mentioned engine can be React.js engine, and the modularization thought of React.js is very reasonable, and React offer
JSX grammer provides convenient and fast implementation for Module Development Method；The JSX language of React.js offer can be used in the present embodiment
Method, supporting assembly melt hair, carry out parsing rendering by self-built engine, solve the problems, such as compatibling problem and modularization.
Above-mentioned browser page may include by several components, and when loading browser page, browser can be by the page
Script is disassembled according to the service logic and sequence write, obtains having sequential several components.
Specifically, engine needed for above-mentioned creation and by engine implementation particular browser render during can be set
Following module is realized by following module:
Initialization module: with the load of browser page, engine modules are first loaded first, can call engine at this time
The initialization module of module.Initialization module can prepare running environment it is related required for memory headroom, global object, often
Amount, object etc. are engine-operated to be relied on.
Memory management module: after executing completion initialization module, start enforcement engine creation movement.First call storage tube
Module is managed, memory management module is stated in initialization by script, to browser memory request application memory storage space, is used
The internal component and management object created during storage engines operation.
Component generation module: creation factory of component object, factory of component object are responsible for the module information incoming according to the external world,
Generate the component class object of unified specification.
Dissection process module: it is the functional module write using es3 standard, after parsing based on JSX grammar compilation
Service logic parsing is converted into the JavaScript script based on es3 standard by dissection process module by script, final defeated
There is one to have sequence, structured abstract component tree out, and this abstract component tree is stored in memory by memory module and is deposited
Store up space.
Compatible processing module: it according to the judgement of browser relevant information, goes to carry out fundamental functional modules enhancing, mainly needle
Function enhancing is carried out to particular browsers such as IE7/IE8, such as the method for array object is enhanced, to event monitoring call-by mechanism
Compatibility etc..
Component rendering module: creation component renders factory's object, is responsible for rendering to component by component rendering factory's object
In browser.Specific workflow is the component tree of analytics engine storage to be obtained, according to component by accessing memory management module
Sequence, the logic of tree call the relevant API of browser and engine compatible processing module, and generating IE7/IE8 browser can know
Other rendering objects, and the addition of these objects is entered in the running environment of browser, complete the rendering of the page.
In one embodiment, the api function for calling the browser is according to the component priority order and service logic
Component instance rendering browser page process include:
The api function of browser is called to generate the specific browsing according to the component priority order and business logic components example
The rendering objects, are added to the running environment of browser by the corresponding rendering objects of device, complete the particular browser page
Rendering.
The present embodiment can guarantee the effect that page rendering is carried out to particular browser.
In one embodiment, the process packet of gasket of the creation for carrying out image enhancement processing to web object
It includes:
The scripted code for carrying out image procossing to web object, and institute's browser are quoted in the page of the browser
Middle parsing executes added scripted code, completes the gasket creation of the browser.
In the present embodiment, web object progress image procossing can specifically include, the font image in webpage is propped up
Processing is held, the image enhancement processes such as enhancing processing are carried out to web page event, it is specific for alloing created gasket in this way
The modularization render process of browser provides image enhancement processing function, the effectively perfect function of browser componentization processing.
In one embodiment, the particular browser includes IE7 browser and IE8 browser.
Since IE7 browser and IE8 browser lack many functional modules relative to other browsers modernized, this this
A little frequency of use of the browser in enterprise customer are high, and setting carries out the pad of modularization rendering for this kind of particular browsers
Piece adds it in the corresponding image processing modules of browser script, keeps same set of code each in these old browsers etc.
It can be run on class browser, realize the modularization rendering of all kinds of browsers, the rendering function of browser can be improved, promoted corresponding
User experience.
It can be by being created for running environment as IE7 browser or IE8 browser as one embodiment
The gasket built carries out compatible processing, simulates the function that advanced running environment has.Compatible processing module mainly handles IE7
API difference below browser or IE8 browser between modernization browser.It, can be in compatible processing module loading
Judge current browser whether in IE7 browser or IE8 browser in the following, if it is, load include each function enhance mould
The gasket of block.On primary object, compare api interface existing for the primary object of presentization browser, by IE7 browser or
The no some api interfaces of IE8 browser are realized one by one, reach the reinforcing effect to primary object.Including primary number
Group objects, method body object, event handling object etc..Can in addition it add again further below in the browser of IE7 this setting version
Adding font icon processing module, this is used to handle fontmap target gasket, asks for being compatible with IE7 underneath with fontmap target
Topic.The above-mentioned process for carrying out modularization processing for IE7 browser or IE8 browser may include:
Create compatible processing module.
Judge browser version: the API for calling browser to provide obtains browser version information, according to the browsing of acquirement
Device version information judges that currently running browser is IE7 or IE8.If the non-IE7/IE8 of current browser, no
It needs to carry out compatible processing, directly terminates the movement for creating compatible processing module.If it is IE7/IE8, start load pad.
Load primary object enhancing module gasket: the object that engine calling is placed in when engine creates enhances module gasket,
It promotes JavaScript object below IE7/IE8 browser and possesses service ability and function below high-level browser.
Load primary event monitoring processing module gasket: the event monitoring that engine calling is placed in when engine creates handles mould
Block gasket, the statement mode for increasing event monitoring below IE7/IE8 browser possess the statement mode below high-level browser.
Judge whether browser is IE7: if not IE7, being done directly the creation of compatible processing module.If it is IE7,
It then also needs to call font icon processing module gasket module.
Load font icon processing module gasket module: the event monitoring that engine calling is placed in when engine creates handles mould
Block gasket has repaired IE7 browser and has not been available fontmap target problem.
The rendering system structural schematic diagram of the browser of one embodiment is shown with reference to Fig. 2, Fig. 2, comprising:
Creating unit 10, for creating for web object when the browser for recognizing load is particular browser
Carry out the gasket of image enhancement processing；Wherein, it does not include that specified element adds event letter that the particular browser, which is scripted code,
Several browsers；
Adding unit 20 determines clear for the gasket to be added in the corresponding image processing modules of browser script
It lookes at component priority order corresponding to device and various components information, the module information is passed to engine；
Call unit 30 is called for creating business logic components example according to the module information in the engine
The api function of the browser renders browser page according to the component priority order and business logic components example.
In one embodiment, the rendering system structural schematic diagram of above-mentioned browser can also include:
Resolution unit, the scripted code for being supplied to engine for parsing browser, detect the scripted code whether include
Specified element adds event functions；
Judging unit, for if it is not, then determining the browser for particular browser.
In one embodiment, the rendering system structural schematic diagram of above-mentioned browser can also include:
Recognition unit, the version of the particular browser is created and is used for if the version is setting version for identification
Handle fontmap target gasket.
In one embodiment, the rendering system structural schematic diagram of above-mentioned browser can also include:
Loading unit creates the engine for carrying out Module Development Method to the browser for loading browser page.
In one embodiment, the call unit is further used for:
The component priority order and business logic components example call the api function of browser to generate the particular browser pair
The rendering objects are added to the running environment of browser by the rendering objects answered, and complete the wash with watercolours of the particular browser page
Dye.
In one embodiment, the creating unit is further used for:
The scripted code for carrying out image procossing to web object, and institute's browser are quoted in the page of the browser
Middle parsing executes added scripted code, completes the gasket creation of the browser.
In one embodiment, the particular browser includes IE7 browser and IE8 browser
Fig. 3 is the module map for being able to achieve a computer system 1000 of the embodiment of the present invention.The computer system 1000
An only example for being suitable for the invention computer environment is not construed as proposing appointing to use scope of the invention
What is limited.Computer system 1000 can not be construed to need to rely on or the illustrative computer system 1000 with diagram
In one or more components combination.
Computer system 1000 shown in Fig. 3 is the example for being suitable for computer system of the invention.Have
Other frameworks of different sub-systems configuration also can be used.Such as to have big well known desktop computer, notebook etc. similar
Equipment can be adapted for some embodiments of the present invention.But it is not limited to equipment enumerated above.
As shown in figure 3, computer system 1000 includes processor 1010, memory 1020 and system bus 1022.Including
Various system components including memory 1020 and processor 1010 are connected on system bus 1022.Processor 1010 is one
For executing the hardware of computer program instructions by arithmetic sum logical operation basic in computer system.Memory 1020
It is one for temporarily or permanently storing the physical equipment of calculation procedure or data (for example, program state information).System is total
Line 1020 can be any one in the bus structures of following several types, including memory bus or storage control, outer
If bus and local bus.Processor 1010 and memory 1020 can carry out data communication by system bus 1022.Wherein
Memory 1020 includes read-only memory (ROM) or flash memory (being all not shown in figure) and random access memory (RAM), RAM
Typically refer to the main memory for being loaded with operating system and application program.
Computer system 1000 further includes display interface 1030 (for example, graphics processing unit), display 1040 (example of equipment
Such as, liquid crystal display), audio interface 1050 (for example, sound card) and audio frequency apparatus 1060 (for example, loudspeaker).
Computer system 1000 generally comprises a storage equipment 1070.Storing equipment 1070 can from a variety of computers
It reads to select in medium, computer-readable medium refers to any available medium that can be accessed by computer system 1000,
Including mobile and fixed two media.For example, computer-readable medium includes but is not limited to, flash memory (miniature SD
Card), CD-ROM, digital versatile disc (DVD) or other optical disc storages, cassette, tape, disk storage or other magnetic storages are set
Any other medium that is standby, or can be used for storing information needed and can be accessed by computer system 1000.
Computer system 1000 further includes input unit 1080 and input interface 1090 (for example, I/O controller).User can
With by input unit 1080, such as the touch panel equipment in keyboard, mouse, display device 1040, input instruction and information are arrived
In computer system 1000.Input unit 1080 is usually connected on system bus 1022 by input interface 1090, but
It can also be connected by other interfaces or bus structures, such as universal serial bus (USB).
Computer system 1000 can carry out logical connection with one or more network equipment in a network environment.Network is set
It is standby to can be PC, server, router, tablet computer or other common network nodes.Computer system 1000 is logical
It crosses local area network (LAN) interface 1100 or mobile comm unit 1110 is connected with the network equipment.Local area network (LAN) refers to having
It limits in region, such as family, school, computer laboratory or the office building using the network media, interconnects the computer of composition
Network.WiFi and twisted pair wiring Ethernet are two kinds of technologies of most common building local area network.WiFi is a kind of to make to calculate
1000 swapping data of machine system or the technology that wireless network is connected to by radio wave.Mobile comm unit 1110 can be one
It answers and makes a phone call by radio communication diagram while movement in a wide geographic area.Other than call, move
Dynamic communication unit 1110 is also supported to carry out internet visit in 2G, 3G or the 4G cellular communication system for providing mobile data service
It asks.
It should be pointed out that other includes than the computer system of the more or fewer subsystems of computer system 1000
It can be suitably used for inventing.As detailed above, the rendering of browser can be executed by being suitable for the invention computer system 1000
The specified operation of method.Computer system 1000 runs software instruction in computer-readable medium by processor 1010
Form executes these operations.These software instructions can be from storage equipment 1070 or by lan interfaces 1100 from another
Equipment is read into memory 1020.It is above-mentioned clear that the software instruction being stored in memory 1020 executes processor 1010
Look at the rendering method of device.In addition, also can equally realize the present invention by hardware circuit or hardware circuit combination software instruction.Cause
This, realizes that the present invention is not limited to the combinations of any specific hardware circuit and software.
The rendering method of the rendering system of browser of the invention and browser of the invention corresponds, in above-mentioned browsing
Implementation of the technical characteristic and its advantages that the embodiment of the rendering method of device illustrates for viewing on the rendering system of device
In example.
Based on example as described above, a kind of computer equipment is also provided in one embodiment, the computer equipment packet
The computer program that includes memory, processor and storage on a memory and can run on a processor, wherein processor executes
The rendering method such as any one browser in the various embodiments described above is realized when described program.
Above-mentioned computer equipment realizes the group of particular browser by the computer program run on the processor
Partization rendering, improves the function of browser componentization processing.
Those of ordinary skill in the art will appreciate that realizing all or part of the process in above-described embodiment method, being can be with
Relevant hardware is instructed to complete by computer program, it is non-volatile computer-readable that the program can be stored in one
It takes in storage medium, in the embodiment of the present invention, which be can be stored in the storage medium of computer system, and by the calculating
At least one processor in machine system executes, and includes the process such as the embodiment of the rendering method of above-mentioned browser with realization.
Wherein, the storage medium can be magnetic disk, CD, read-only memory (Read-Only Memory, ROM) or deposit at random
Store up memory body (Random Access Memory, RAM) etc..
Accordingly, a kind of computer storage medium is also provided in one embodiment, is stored thereon with computer program,
In, the rendering method such as any one browser in the various embodiments described above is realized when which is executed by processor.
Above-mentioned computer storage medium can be simplified by the computer program that it is stored to IE7 browser, IE8 browsing
The process that the particular browsers such as device are accordingly rendered promotes corresponding user experience.
Each technical characteristic of embodiment described above can be combined arbitrarily, for simplicity of description, not to above-mentioned reality
It applies all possible combination of each technical characteristic in example to be all described, as long as however, the combination of these technical characteristics is not deposited
In contradiction, all should be considered as described in this specification.
The embodiments described above only express several embodiments of the present invention, and the description thereof is more specific and detailed, but simultaneously
It cannot therefore be construed as limiting the scope of the patent.It should be pointed out that coming for those of ordinary skill in the art
It says, without departing from the inventive concept of the premise, various modifications and improvements can be made, these belong to protection of the invention
Range.Therefore, the scope of protection of the patent of the invention shall be subject to the appended claims.
Claims (10)
1. a kind of rendering method of browser characterized by comprising
When the browser for recognizing load is particular browser, the pad for carrying out image enhancement processing to web object is created
Piece；Wherein, it does not include the browser that specified element adds event functions that the particular browser, which is scripted code,；
The gasket is added in the corresponding image processing modules of browser script, determines component priority order corresponding to browser
With various components information, the module information is passed to engine；
Business logic components example is created according to the module information in the engine, calls the api function of the browser
Browser page is rendered according to the component priority order and business logic components example.
2. the rendering method of browser according to claim 1, which is characterized in that described in the browser for recognizing load
When for particular browser, before the process for creating the gasket for carrying out image enhancement processing to web object, further includes:
Parsing browser is supplied to the scripted code of engine, detects whether the scripted code includes specified element addition event letter
Number；
If it is not, then determining the browser for particular browser.
3. the rendering method of browser according to claim 1, which is characterized in that the browser for recognizing load be spy
After determining browser, further includes:
It identifies the version of the particular browser, if the version is setting version, creates for handling fontmap target pad
Piece.
4. the rendering method of browser according to claim 1, which is characterized in that described in the browser for recognizing load
When for particular browser, before the process for creating the gasket for carrying out image enhancement processing to web object, further includes:
Browser page is loaded, the engine for carrying out Module Development Method to the browser is created.
5. the rendering method of browser according to claim 1, which is characterized in that the API for calling the browser
Function according to the component priority order and business logic components example rendering browser page process include:
It is corresponding that the component priority order and business logic components example call the api function of browser to generate the particular browser
The rendering objects are added to the running environment of browser by rendering objects, complete the rendering of the particular browser page.
6. the rendering method of browser according to any one of claims 1 to 5, which is characterized in that it is described creation for pair
The process of gasket that web object carries out image enhancement processing includes:
The scripted code for carrying out image procossing to web object is quoted in the page of the browser, and is solved in institute's browser
Analysis executes added scripted code, completes the gasket creation of the browser.
7. the rendering method of browser according to any one of claims 1 to 5, which is characterized in that the particular browser
Including IE7 browser and IE8 browser.
8. a kind of rendering system of browser characterized by comprising
Creating unit, for creating for carrying out figure to web object when the browser for recognizing load is particular browser
The gasket of image intensifying processing；Wherein, it does not include that specified element adds the clear of event functions that the particular browser, which is scripted code,
Look at device；
Adding unit determines browser institute for the gasket to be added in the corresponding image processing modules of browser script
The module information is passed to engine by corresponding component priority order and various components information；
Call unit calls described clear for creating business logic components example according to the module information in the engine
The api function of device look at renders browser page according to the component priority order and business logic components example.
9. a kind of computer equipment, including memory, processor and it is stored on the memory and can be in the processor
The computer program of upper operation, which is characterized in that the processor realized when executing the computer program as claim 1 to
The rendering method of browser described in 7 any one.
10. a kind of computer storage medium, is stored thereon with computer program, which is characterized in that the program is executed by processor
The rendering method of Shi Shixian browser as claimed in 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 true CN109325195A (en) | 2019-02-12 |
| CN109325195B 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) |
Cited By (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 |
| CN111124530A (en) * | 2019-11-25 | 2020-05-08 | 北京博睿宏远数据科技股份有限公司 | 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 |
| CN111708519A (en) * | 2020-06-12 | 2020-09-25 | 北京思特奇信息技术股份有限公司 | Business component processing method, device, equipment and storage medium |
| CN111984892A (en) * | 2020-08-27 | 2020-11-24 | 网易（杭州）网络有限公司 | Page access method, device, equipment and storage medium |
| CN112000331A (en) * | 2020-08-07 | 2020-11-27 | 北京三快在线科技有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN112131500A (en) * | 2020-09-25 | 2020-12-25 | 北京锐安科技有限公司 | Event response device and method, electronic equipment and storage medium |
| CN112351094A (en) * | 2020-11-02 | 2021-02-09 | 深圳市安软科技股份有限公司 | Webpage pushing method and device, electronic equipment and storage medium |
| CN112379863A (en) * | 2020-10-12 | 2021-02-19 | 杭州易现先进科技有限公司 | WebGL development method and device for cross-browser and small program and computer equipment |
| CN112954075A (en) * | 2021-03-29 | 2021-06-11 | 中信银行股份有限公司 | Business function implementation method, system, corresponding device and storage medium |
| CN113181657A (en) * | 2021-04-30 | 2021-07-30 | 北京读我网络技术有限公司 | Cross-platform rendering method and device |
| CN113722538A (en) * | 2021-09-08 | 2021-11-30 | 北京奇艺世纪科技有限公司 | Interface dynamic rendering method and device |
| CN114020187A (en) * | 2021-10-26 | 2022-02-08 | 济南浪潮数据技术有限公司 | Font icon display method and device and electronic equipment |
| CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
| WO2022135410A1 (en) * | 2020-12-25 | 2022-06-30 | 维沃移动通信有限公司 | Method and apparatus for loading source file |
| CN116991506B (en) * | 2023-09-28 | 2024-04-30 | 腾讯科技（深圳）有限公司 | Webpage rendering method and device, terminal and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101714164A (en) * | 2008-09-29 | 2010-05-26 | 尼尔森（美国）有限公司 | Methods and apparatus to automatically crawl the internet using image analysis |
| CN103513987A (en) * | 2013-09-18 | 2014-01-15 | 小米科技有限责任公司 | Rendering treatment method, device and terminal device for browser web page |
| CN106991096A (en) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | Dynamic page rendering intent and device |
| US20180018399A1 (en) * | 2011-03-30 | 2018-01-18 | Cbs Interactive Inc. | Systems and methods for updating rich internet applications |
| US20180114088A1 (en) * | 2016-10-24 | 2018-04-26 | Fujitsu Limited | Apparatus, method for character recognition, and non-transitory computer-readable storage medium |
| CN108228188A (en) * | 2018-01-08 | 2018-06-29 | 武汉斗鱼网络科技有限公司 | A kind of view component processing method, electronic equipment and readable storage medium storing program for executing |
-
2018
- 2018-07-23 CN CN201810809769.6A patent/CN109325195B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101714164A (en) * | 2008-09-29 | 2010-05-26 | 尼尔森（美国）有限公司 | Methods and apparatus to automatically crawl the internet using image analysis |
| US20180018399A1 (en) * | 2011-03-30 | 2018-01-18 | 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 |
| CN106991096A (en) * | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | Dynamic page rendering intent and device |
| US20180114088A1 (en) * | 2016-10-24 | 2018-04-26 | Fujitsu Limited | Apparatus, method for character recognition, and non-transitory computer-readable storage medium |
| CN108228188A (en) * | 2018-01-08 | 2018-06-29 | 武汉斗鱼网络科技有限公司 | A kind of view component processing method, electronic equipment and readable storage medium storing program for executing |
Cited By (26)
| 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 |
| CN111124530A (en) * | 2019-11-25 | 2020-05-08 | 北京博睿宏远数据科技股份有限公司 | 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 |
| CN111708519A (en) * | 2020-06-12 | 2020-09-25 | 北京思特奇信息技术股份有限公司 | Business component processing method, device, equipment and 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 |
| CN112131500A (en) * | 2020-09-25 | 2020-12-25 | 北京锐安科技有限公司 | Event response device and method, electronic equipment and storage medium |
| CN112379863A (en) * | 2020-10-12 | 2021-02-19 | 杭州易现先进科技有限公司 | WebGL development method and device for cross-browser and small program and computer equipment |
| CN112351094A (en) * | 2020-11-02 | 2021-02-09 | 深圳市安软科技股份有限公司 | Webpage pushing method and device, electronic equipment and storage medium |
| CN112351094B (en) * | 2020-11-02 | 2023-10-03 | 深圳市安软科技股份有限公司 | Webpage pushing method and device, electronic equipment and storage medium |
| WO2022135410A1 (en) * | 2020-12-25 | 2022-06-30 | 维沃移动通信有限公司 | Method and apparatus for loading source file |
| CN112954075A (en) * | 2021-03-29 | 2021-06-11 | 中信银行股份有限公司 | Business function implementation method, system, corresponding device and storage medium |
| CN112954075B (en) * | 2021-03-29 | 2023-04-07 | 中信银行股份有限公司 | Business function implementation method, system, corresponding device and storage medium |
| CN113181657A (en) * | 2021-04-30 | 2021-07-30 | 北京读我网络技术有限公司 | Cross-platform rendering method and device |
| CN113181657B (en) * | 2021-04-30 | 2024-04-05 | 北京读我网络技术有限公司 | Cross-platform rendering method and device |
| CN113722538A (en) * | 2021-09-08 | 2021-11-30 | 北京奇艺世纪科技有限公司 | Interface dynamic 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 |
| CN114020187A (en) * | 2021-10-26 | 2022-02-08 | 济南浪潮数据技术有限公司 | 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 |
| CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
| CN116991506B (en) * | 2023-09-28 | 2024-04-30 | 腾讯科技（深圳）有限公司 | Webpage rendering method and device, terminal and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109325195B (en) | 2020-10-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109325195A (en) | Rendering method and system, computer equipment, the computer storage medium of browser | |
| CN107066631A (en) | Display methods, device and the electronic equipment of the page | |
| US7624349B2 (en) | Declarative definition enabling graphical designer reuse | |
| CN107451162A (en) | Network resource accession equipment, mixing apparatus and method | |
| CN109828906B (en) | UI (user interface) automatic testing method and device, electronic equipment and storage medium | |
| CN106569856A (en) | Method and device of loading application view resource file | |
| CN109147022A (en) | VR data rendering method and system, computer equipment, computer storage medium | |
| RU2616164C2 (en) | Methods and device for browser engine work | |
| CN110959153A (en) | Application analysis using flexible post-processing | |
| CN111158777B (en) | Component calling method, device and computer readable storage medium | |
| US10678561B2 (en) | Virtualizing extension code in an application | |
| CN106502707A (en) | Code generating method and device | |
| CN114003421B (en) | Virtual machine timeout mechanism testing method, system, terminal and storage medium | |
| CN114741294A (en) | Page debugging method, device, equipment and storage medium | |
| CN114911541A (en) | Configuration information processing method and device, electronic equipment and storage medium | |
| CN111382076B (en) | Application program testing method and device, electronic equipment and computer storage medium | |
| CN112783574A (en) | Application program development method, device, equipment and storage medium | |
| US20170032552A1 (en) | Implementing out of order access to reversal operations in images | |
| CN113961279A (en) | Page rendering method, device, server and storage medium | |
| CN112068814A (en) | Method, device, system and medium for generating executable file | |
| CN111859403A (en) | Method and device for determining dependency vulnerability, electronic equipment and storage medium | |
| US11599599B1 (en) | Emulating a transparency effect for a display element | |
| CN114513736B (en) | Acoustic testing method, equipment, terminal and storage medium for earphone | |
| CN117573561B (en) | Automatic test system, method, electronic equipment and storage medium | |
| CN114528220A (en) | Test case generation method and device, computer equipment and storage medium |
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 |