CN103544271A - Picture processing window loading method and device for browsers - Google Patents
Picture processing window loading method and device for browsers Download PDFInfo
- Publication number
- CN103544271A CN103544271A CN201310493114.XA CN201310493114A CN103544271A CN 103544271 A CN103544271 A CN 103544271A CN 201310493114 A CN201310493114 A CN 201310493114A CN 103544271 A CN103544271 A CN 103544271A
- Authority
- CN
- China
- Prior art keywords
- picture
- information
- web page
- page element
- webpage
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Abstract
The invention discloses a picture processing window loading method and device for browsers. The method includes: monitoring an operation event in a loaded webpage, and acquiring source parameter information of the operation event, wherein the source parameter information is used for indicating information of an operated webpage element of the operation event; judging whether the webpage element is a picture or not according to the source parameter information; if so, acquiring size information of the picture; acquiring position information of the picture from the DOM (document object model) tree nodes, corresponding to the picture, in the DOM tree of the webpage when the size of the picture satisfies the first set size according to the size information; loading a picture processing window according to the position indicated by the position information of the picture. By the method, the problem that picture processing operation is limited by webpage JS is solved.
Description
Technical field
The present invention relates to Internet technical field, the method and apparatus of the processing window that is specifically related to Load Image in a kind of browser.
Background technology
Web browser is the file in a demonstration Website server or file system, and allows user and described file carry out mutual a kind of application software.It is used for being presented at word, image and other information in WWW or LAN (Local Area Network) etc.These words or image, can be the hyperlink that connects other network address, and user can be rapidly and browsed easily various information.
At present, the various processing operation that user carries out the picture on webpage in browser, is all by script JS(Java script in webpage, JS, a kind of based on object and event-driven and there is the client script language of relative safety) realize.Because JS is by the designer of webpage need to be for webpage design according to different designs, therefore, the JS in different webpages is incomplete same, and the function realizing by JS is also different, that is, different webpages is all different to the processing power of picture and method.Further, if the designer of a certain webpage not to picture processing operational design and write corresponding JS, so, in described a certain webpage, can not realize any processing operation to picture.For example, in some webpage, according to the JS in webpage, can realize the preservation operation to picture in webpage; In other webpages, according to the JS in webpage, can not realize the preservation operation of picture, can only realize picture full frame checked to operation; In some other webpage, there is no corresponding JS, can not realize any processing operation to picture.
Therefore, the problem that prior art exists is: picture processing operation is all to realize by the JS in webpage, limited by the JS in webpage, because the JS in different web pages is different, thereby causes different web pages also different to the processing power of picture, can not unify.Even, in some webpages, there is no corresponding JS, thereby can not carry out any processing operation to the picture in these webpages.Simultaneously; in actual application; often there will be the design problem due to JS shell script itself to cause realizing the corresponding picture processing operation of JS; or because the design problem of JS shell script itself causes the JS in webpage to load unsuccessfully, and then can not realize picture processing operation in loading procedure.
Summary of the invention
In view of the above problems, the present invention has been proposed so as the method for the processing window that Loads Image in a kind of a kind of browser that overcomes the problems referred to above or address the above problem to be at least in part provided and corresponding a kind of browser in the Load Image device of processing window.
According to one aspect of the present invention, the method for the processing window that Loads Image in a kind of browser is provided, comprising:
Intercept the Action Events in the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
According to described source parameter information, judge whether described web page element is picture;
If described web page element is picture, obtain the dimension information of described picture;
When determining that according to the dimension information of described picture the size of described picture meets the first setting size, from the document dbject model dom tree of described webpage, in the dom tree node corresponding to described picture, obtain the positional information of described picture;
According to the indicated position of the positional information of described picture, load a picture processing window.
Alternatively, described method also comprises:
When if described web page element is not picture,, according to described source parameter information, judge whether described web page element is masking-out;
If described web page element is masking-out, travel through described dom tree, obtain the positional information of all pictures in described webpage;
By the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; If there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out; Carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
Alternatively, the described source of described foundation parameter information, judges that whether described web page element is masking-out, comprising:
If described source parameter information meets the following conditions simultaneously, described web page element is masking-out:
Tagname in the parameter information of described source is structure and background element DIV;
Described source parameter information comprises the element position:absolute that generates absolute fix;
The indicated size of dimension information in the parameter information of described source meets second and sets size.
Alternatively, after by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares, described method also comprises:
The comparative result that described in buffer memory, the correspondence position information on described webpage compares by the positional information of all pictures and current operation event;
In the time need to again judging whether the operated web page element of described current operation event is the picture under described masking-out, from buffer memory, obtain described comparative result.
Alternatively, after the operated web page element of the described current operation event of described judgement is the picture under described masking-out, carry out describedly according to the indicated position of the positional information of described picture, before loading a picture processing window, described method also comprises:
Obtain the dimension information of the picture under described masking-out;
When determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described first while setting size, carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
Alternatively, described in intercept the Action Events in the webpage of loaded, comprising: every setting-up time section, intercept the Action Events once described webpage being operated.
Alternatively, described picture processing window comprises: full frame option with the aid of pictures, save options and send at least one option in option.
Alternatively, described method also comprises:
Described in triggering, send to after option,
According to the web page address url of described picture, generate Quick Response Code; And/or,
Be written into the entrance option of third party's information promulgating platform; And/or,
Be written into and described browser between there is the entrance option of the third party transfer software of annexation.
Alternatively, described operation thing comprises: mouse-over event, mouse click event, mouse move at least one event in event and the selected event of keyboard.
According to another aspect of the present invention, the device of the processing window that Loads Image in a kind of browser is provided, comprising:
Intercept acquisition module, for intercepting the Action Events of the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
The first judge module, for according to described source parameter information, judges whether described web page element is picture;
First size acquisition of information module, for when described web page element is picture, obtains the dimension information of described picture;
Primary importance acquisition of information module, while meeting the first setting size for the size determine described picture according to the dimension information of described picture, in dom tree node corresponding to described picture from the document dbject model dom tree of described webpage, obtain the positional information of described picture;
Window load-on module, for according to the indicated position of the positional information of described picture, loads a picture processing window.
Alternatively, described device also comprises:
The second judge module, for judging that at described the first judge module described web page element, not for after picture, according to described source parameter information, judges whether described web page element is masking-out;
Second place acquisition of information module, for when described the second judge module judges that described web page element is masking-out, travels through described dom tree, obtains the positional information of all pictures in described webpage;
First compares judge module, for by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; When there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out, carry out described window load-on module.
Alternatively, described device also comprises:
Cache module, for judging comparison module described first, after by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares, the comparative result that the correspondence position information on described webpage compares by the positional information of all pictures and current operation event described in buffer memory;
The second judge module relatively for when need to again obtaining while judging whether the operated web page element of described current operation event is the picture under described masking-out, obtains described comparative result from buffer memory.
Alternatively, described device also comprises:
The second dimension information acquisition module, for after described the first comparison judge module judges that the operated web page element of described current operation event is the picture under described masking-out, obtains the dimension information of the picture under described masking-out;
When determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described the first setting size, carry out described window load-on module.
Alternatively, described picture processing window comprises: full frame option with the aid of pictures, save options and send at least one option in option.
Alternatively, described device also comprises:
Option mod sends to after option described in triggering, and according to the web page address url of described picture, generates Quick Response Code; And/or, be written into the entrance option of third party's information promulgating platform; And/or, be written into and described browser between there is the entrance option of the third party transfer software of annexation.
According to the method and apparatus of the processing window that Loads Image in a kind of browser of the present invention, based on browser side, load a picture processing window, by browser, realize the various processing of picture are operated, picture processing is not limited by the JS in webpage, avoided, because JS mistake in webpage causes the problem that can not process picture in webpage, having unified picture processing mode.And, method described in the embodiment of the present invention, can obtain the dimension information of picture, according to the dimension information of picture, determine and be met the picture of the processing window that Loads Image, and then carry out the loading of picture processing window, improve the accuracy of the processing window that Loads Image, avoided the processing window that Loads Image on the picture meeting the demands, improved the efficiency of the processing window that Loads Image.
Above-mentioned explanation is only the general introduction of technical solution of the present invention, in order to better understand technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Accompanying drawing explanation
By reading below detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing is only for the object of preferred implementation is shown, and do not think limitation of the present invention.And in whole accompanying drawing, by identical reference symbol, represent identical parts.In the accompanying drawings:
Fig. 1 is the method flow diagram of processing window of Loading Image in a kind of browser in first embodiment of the invention;
Fig. 2 be embodiment illustrated in fig. 1 in a kind of schematic diagram of the processing window that Loads Image;
Fig. 3 is the method flow diagram of processing window of Loading Image in a kind of browser in second embodiment of the invention;
Fig. 4 is the method flow diagram of processing window of Loading Image in a kind of browser in third embodiment of the invention;
Fig. 5 is the method flow diagram of processing window of Loading Image in a kind of browser in fourth embodiment of the invention;
Fig. 6 is the structured flowchart of device of processing window of Loading Image in a kind of browser in fifth embodiment of the invention;
Fig. 7 is the structured flowchart of device of processing window of Loading Image in a kind of browser in sixth embodiment of the invention.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in accompanying drawing, yet should be appreciated that and can realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order more thoroughly to understand the disclosure that these embodiment are provided, and can by the scope of the present disclosure complete convey to those skilled in the art.
With reference to Fig. 1, it is the method flow diagram of processing window of Loading Image in a kind of browser in first embodiment of the invention.In the invention process, the method for the processing window that Loads Image in described a kind of browser, can comprise the following steps:
In embodiments of the present invention, described source parameter information is used to indicate the information of the operated web page element of described Action Events.
According to described source parameter information, judge whether described web page element is picture, when the described web page element of judgement is picture, carry out step 106; When the described web page element of judgement is not picture, return to step 102.
Step 108 when determining that according to the dimension information of described picture the size of described picture meets the first setting size, in the dom tree node corresponding to described picture, is obtained the positional information of described picture from the document dbject model dom tree of described webpage.
In embodiments of the present invention, can determine according to the dimension information of picture the size of picture, when the size of picture meets the first setting size, for example, when the size of picture is greater than 400x300, dom tree node (the Document Object Model of traversal webpage, be called for short DOM, document dbject model), find the dom tree node at the picture place that meets the first setting size, according to obtaining the positional information of picture in the dom tree node at the described picture place that meets the first setting size finding, wherein, the positional information of picture can include but not limited to: the upper left corner position coordinates of picture in the Webpage of current loaded and wide and high information of described picture etc.
In embodiments of the present invention, as shown in Figure 2, be the schematic diagram of a kind of processing window that Loads Image in the present embodiment, position that can be indicated in the positional information of picture A loads a picture processing window.In embodiments of the present invention, the indicated position of the positional information of picture A can include but are not limited to the position at picture processing window place as shown in Figure 2.
In sum, the method of processing window Loads Image in a kind of browser described in the embodiment of the present invention, based on browser side, load a picture processing window, by browser side, realize the various processing of picture are operated, picture processing is not limited by the JS in webpage, has avoided because JS mistake in webpage causes the problem that can not process picture in webpage.And, method described in the embodiment of the present invention, can obtain the dimension information of picture, according to the dimension information of picture, determine and be met the picture of the processing window that Loads Image, and then carry out the loading of picture processing window, improve the accuracy of the processing window that Loads Image, avoided the processing window that Loads Image on the picture meeting the demands, improved the efficiency of the processing window that Loads Image.
With reference to Fig. 3, it is the method flow diagram of processing window of Loading Image in a kind of browser in second embodiment of the invention.In the invention process, the method for the processing window that Loads Image in described a kind of browser, can comprise the following steps:
Step 302, browser is intercepted the Action Events in the webpage of loaded, obtains the source parameter information of described Action Events.
In embodiments of the present invention, described Action Events can be mouse-over event, mouse click event, mouse moves into event and keyboard is selected at least one event in event.For example, browser can be intercepted the on_hover event in the Document of loaded webpage, and obtains the srcelement parameter in on_hover event, the source parameter information that described srcelement parameter is Action Events.Wherein, described source parameter information can be used to indicate the information of the operated web page element of described Action Events, for example, while carrying this information of <img> in the information of the indicated web page element of source parameter information, can judge that the operated web page element of described Action Events is picture.
Step 304, browser, according to described source parameter information, judges whether described web page element is picture.When described web page element is picture, carry out step 306; When described web page element is not picture, carry out step 312.
Step 306, browser obtains the dimension information of described picture.
Step 308, browser judges according to the dimension information of picture whether the size of picture meets first and set size.When judging that according to the dimension information of described picture the size of described picture meets the first setting size, continue execution step 310; When judging that according to the dimension information of described picture the size of described picture does not meet the first setting size, return to step 302.
Step 310, browser in the dom tree node corresponding to described picture, obtains the positional information of described picture from the document dbject model dom tree of described webpage.Then perform step 320.
Step 312, browser, according to described source parameter information, judges whether described web page element is masking-out.When the described web page element of judgement is masking-out, perform step 314; When the described web page element of judgement is not masking-out, return to step 302.
Step 314, browser travels through described dom tree, obtains the positional information of all pictures in described webpage.
Step 316, by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares browser, obtains comparative result
Step 318, browser, according to the comparative result in step 316, judges whether the operated web page element of described current operation event is the picture under described masking-out.
When browser is according to the comparative result in step 316, while determining the positional information that has the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out, perform step 320.When according to the comparative result in step 316, determine while there is not the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out, return to step 302.
Step 320, browser, according to the indicated position of the positional information of described picture, loads a picture processing window.
In sum, the method described in the embodiment of the present invention has realized at browser lateral root carries out the selection of picture and the loading of picture processing window according to the hover operation event of mouse, has overcome the problem that conventional pictures disposal route is subject to JS restriction in webpage.Meanwhile, the method described in the embodiment of the present invention, can directly judge whether picture meets according to the picture element under mouse and set dimensional requirement, completes the loading of picture processing window; Can also judge and obtain pictorial information corresponding to masking-out according to the operated web page element of pictorial information decision operation event corresponding to masking-out, whether be the picture meeting the demands, and then complete the loading of picture processing window.By two kinds of web page element judgment modes, judge that whether web page element is the picture meeting the demands, and has improved the efficiency of the processing window that Loads Image.
With reference to Fig. 4, it is the method flow diagram of processing window of Loading Image in a kind of browser in third embodiment of the invention.In the invention process, the method for the processing window that Loads Image in described a kind of browser, can comprise the following steps:
In embodiments of the present invention, described source parameter information is used to indicate the information of the operated web page element of described Action Events.
In embodiments of the present invention, can, according to the rreturn value of the Srcelement parameter in the parameter information of source or get current mouse element function, judge that described web page element is masking-out.When described source, parameter information meets the following conditions simultaneously, and described web page element is masking-out:
Tagname in the parameter information of described source is structure and background element DIV;
Described source parameter information comprises the element position:absolute that generates absolute fix;
The indicated size of dimension information in the parameter information of described source meets second and sets size.
For example, in embodiments of the present invention, can the second setting size be set to 100x500.
In embodiments of the present invention, when the described web page element of judgement is masking-out, perform step 412; When the described web page element of judgement is not masking-out, return to step 402.
Step 418 in the time need to again judging whether the operated web page element of described current operation event is the picture under described masking-out, is obtained described comparative result from buffer memory.
In sum, method described in the embodiment of the present invention, when judgement obtains described web page element not for after picture, whether can also continue described web page element is that masking-out judges, when judgement web page element is masking-out, continue the carrying out identification judgement to masking-out, finally determine whether the web page element of Action Events operation is picture, whether be the accuracy of picture element judgement, and then improved the accuracy of the processing window that Loads Image if having improved web page element.Further, method described in the embodiment of the present invention, comparative result that can the correspondence position information on described webpage compares by the positional information of all pictures and current operation event is cached, in the time need to again judging whether the operated web page element of current operation event is the picture under masking-out, can directly from buffer memory, obtain comparative result, according to comparative result, judge, saved the judgement time, and then improved the efficiency of the processing window that Loads Image in browser.
With reference to Fig. 5, it is the method flow diagram of processing window of Loading Image in a kind of browser in fourth embodiment of the invention; In the invention process, the method for the processing window that Loads Image in described a kind of browser, can comprise the following steps:
In embodiments of the present invention, can directly pass through a Timer timer, behind official hour interval, intercept the Action Events in the webpage of loaded, carry out the information of web page element under current mouse position.
Step 508 when determining that according to the dimension information of described picture the size of described picture meets the first setting size, in the dom tree node corresponding to described picture, is obtained the positional information of described picture from the document dbject model dom tree of described webpage.
In embodiments of the present invention, in picture processing window, can comprise: full frame option with the aid of pictures, save options and send at least one option in option.When user triggers full frame option with the aid of pictures, can full frame browsing pictures; When user's triggering saves options, can directly from internal memory, in Web page loading, download to this locality, and be buffered in pictorial information and the picture in internal memory.When user sends to after option, can show a plurality of sub level options to further user, for example, a plurality of sub level options can be picture two dimension numeral options, sub-option issued by picture and picture transmits sub-option.
When user triggers picture two dimension numeral option, browser can perform step 512:
When user triggers picture and issues sub-option, browser can perform step 514:
When user triggers picture transmission option, browser can perform step 516:
In sum, the method of processing window Loads Image in a kind of browser described in the embodiment of the present invention, by Timer set timer time of intercept, Action Events in the webpage of loaded is intercepted, guaranteed the consistance of intercepting frequency of Action Events, avoided too fast intercept frequency or intercept frequency excessively slowly and cause intercept mistake, improve the accuracy of web page element judged result.Picture processing window loads in browser side, for the picture in different web pages, can by picture processing window to picture carry out full frame with the aid of pictures, the identical operation such as preserve and send to, be not subject to the restriction of JS in webpage.
It should be noted that, for aforesaid embodiment of the method, for simple description, therefore it is all expressed as to a series of combination of actions, but those skilled in the art should know, the present invention is not subject to the restriction of described sequence of movement, because according to the present invention, some step can adopt other orders or carry out simultaneously.Secondly, those skilled in the art also should know, the embodiment described in instructions all belongs to preferred embodiment, and related action might not be essential to the invention.
Based on same inventive concept, with reference to Fig. 6, be the structured flowchart of device of processing window of Loading Image in a kind of browser in fifth embodiment of the invention, the device of the processing window that Loads Image in a kind of browser described in the embodiment of the present invention can comprise with lower module:
The first judge module 604, for according to described source parameter information, judges whether described web page element is picture.
First size acquisition of information module 606, for when described web page element is picture, obtains the dimension information of described picture.
Primary importance acquisition of information module 608, while meeting the first setting size for the size determine described picture according to the dimension information of described picture, in dom tree node corresponding to described picture from the document dbject model dom tree of described webpage, obtain the positional information of described picture.
Window load-on module 610, for according to the indicated position of the positional information of described picture, loads a picture processing window.
In sum, the device of processing window Loads Image in a kind of browser described in the embodiment of the present invention, window load-on module is at the browser side processing window that Loads Image, in browser side, realize the processing operation to picture, picture processing is not limited by JS in webpage, unified to the picture processing mode in different web pages, avoided causing because of JS mistake in webpage the problem that can not process picture.
With reference to Fig. 7, be the structured flowchart of device of processing window of Loading Image in a kind of browser in sixth embodiment of the invention, the device of the processing window that Loads Image in a kind of browser described in the embodiment of the present invention can comprise with lower module:
Intercept acquisition module 702, for intercepting the Action Events of the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events.
The first judge module 704, for according to described source parameter information, judges whether described web page element is picture.
First size acquisition of information module 706, for when described web page element is picture, obtains the dimension information of described picture.
Primary importance acquisition of information module 708, while meeting the first setting size for the size determine described picture according to the dimension information of described picture, in dom tree node corresponding to described picture from the document dbject model dom tree of described webpage, obtain the positional information of described picture.
In embodiments of the present invention, after primary importance acquisition of information module 708 is complete, can directly carry out window load-on module 720, for according to the indicated position of the positional information of described picture, load a picture processing window.
In embodiments of the present invention, when the described web page element of the first judge module 704 judgement is not picture, can carry out with lower module:
The second judge module 710, after being not picture at the described web page element of described the first judge module 704 judgement, according to described source parameter information, judges whether described web page element is masking-out.
Second place acquisition of information module 712, for when described the second judge module judges that described web page element is masking-out, travels through described dom tree, obtains the positional information of all pictures in described webpage.
First compares judge module 714, for by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; When there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out.
In embodiments of the present invention, after described the first comparison judge module 714 is complete, can directly perform step window load-on module 722, for according to the indicated position of the positional information of described picture, load a picture processing window; Also can carry out with lower module:
Cache module 716, for comparing judge module 714 described first, after by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares, the comparative result that the correspondence position information on described webpage compares by the positional information of all pictures and current operation event described in buffer memory.
The second judge module 718 relatively for when need to again obtaining while judging whether the operated web page element of described current operation event is the picture under described masking-out, obtains described comparative result from buffer memory.
The second dimension information acquisition module 720, for after the operated web page element of described the first comparison judge module 714 described current operation event of judgement is the picture under described masking-out, obtains the dimension information of the picture under described masking-out.
In embodiments of the present invention, according to the second dimension information acquisition module 720, obtain the dimension information of the picture under masking-out, when determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described the first setting size, carry out window load-on module 722, for according to the indicated position of the positional information of described picture, load a picture processing window.
In embodiments of the present invention, in described picture processing window, can comprise: full frame option with the aid of pictures, save options and send at least one option in option, the device of the processing window that Loads Image in browser can also comprise with lower module:
Option mod 724 sends to after option described in triggering, and according to the web page address url of described picture, generates Quick Response Code; And/or, be written into the entrance option of third party's information promulgating platform; And/or, be written into and described browser between there is the entrance option of the third party transfer software of annexation.
In embodiments of the present invention, described operation thing comprises: mouse-over event, mouse click event, mouse move at least one event in event and the selected event of keyboard.
In sum, the device of processing window Loads Image in a kind of browser described in the embodiment of the present invention, by the repeatedly judgement to web page element: judge whether web page element is picture, judge whether web page element is the picture under masking-out, whether the object of determining mouse-over place is picture, efficiency and accuracy to the web page element judgement of Action Events operation in webpage have been improved, can quick obtaining judged result, thereby according to judged result at browser side rapid loading picture processing window, save the time, improved the loading velocity of picture processing window.
For the device embodiment of the processing window that Loads Image in above-mentioned a kind of browser, because it is substantially similar to embodiment of the method, so description is fairly simple, relevant part is referring to the part explanation of embodiment of the method.
Each embodiment in this instructions all adopts the mode of going forward one by one to describe, and each embodiment stresses is the difference with other embodiment, between each embodiment identical similar part mutually referring to.
Those skilled in the art are easy to expect: the combination in any application of above-mentioned each embodiment is all feasible, therefore the combination in any between above-mentioned each embodiment is all embodiment of the present invention, but this instructions has not just described in detail one by one at this as space is limited.
The algorithm providing at this is intrinsic not relevant to any certain computer, virtual system or miscellaneous equipment with demonstration.Various general-purpose systems also can with based on using together with this teaching.According to description above, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.It should be understood that and can utilize various programming languages to realize content of the present invention described here, and the description of above language-specific being done is in order to disclose preferred forms of the present invention.
In the instructions that provided herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can not put into practice in the situation that there is no these details.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the above in the description of exemplary embodiment of the present invention, each feature of the present invention is grouped together into single embodiment, figure or sometimes in its description.Yet, the method for the disclosure should be construed to the following intention of reflection: the present invention for required protection requires than the more feature of feature of clearly recording in each claim.Or rather, as reflected in claims below, inventive aspect is to be less than all features of disclosed single embodiment above.Therefore, claims of following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and can the module in the equipment in embodiment are adaptively changed and they are arranged in one or more equipment different from this embodiment.Module in embodiment or unit or assembly can be combined into a module or unit or assembly, and can put them into a plurality of submodules or subelement or sub-component in addition.At least some in such feature and/or process or unit are mutually repelling, and can adopt any combination to combine all processes or the unit of disclosed all features in this instructions (comprising claim, summary and the accompanying drawing followed) and disclosed any method like this or equipment.Unless clearly statement in addition, in this instructions (comprising claim, summary and the accompanying drawing followed) disclosed each feature can be by providing identical, be equal to or the alternative features of similar object replaces.
In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included in other embodiment, the combination of the feature of different embodiment means within scope of the present invention and forms different embodiment.For example, in the following claims, the one of any of embodiment required for protection can be used with array mode arbitrarily.
All parts embodiment of the present invention can realize with hardware, or realizes with the software module moved on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that and can use in practice microprocessor or digital signal processor (DSP) to realize according to the some or all functions of the some or all parts in the equipment of the processing window that Loads Image in browser of the embodiment of the present invention.The present invention for example can also be embodied as, for carrying out part or all equipment or device program (, computer program and computer program) of method as described herein.Realizing program of the present invention and can be stored on computer-readable medium like this, or can there is the form of one or more signal.Such signal can be downloaded and obtain from internet website, or provides on carrier signal, or provides with any other form.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation that do not depart from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed as element or step in the claims.Being positioned at word " " before element or " one " does not get rid of and has a plurality of such elements.The present invention can be by means of including the hardware of some different elements and realizing by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to carry out imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title by these word explanations.
The method that the invention discloses the processing window that Loads Image in A1, a kind of browser, comprising:
Intercept the Action Events in the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
According to described source parameter information, judge whether described web page element is picture;
If described web page element is picture, obtain the dimension information of described picture;
When determining that according to the dimension information of described picture the size of described picture meets the first setting size, from the document dbject model dom tree of described webpage, in the dom tree node corresponding to described picture, obtain the positional information of described picture;
According to the indicated position of the positional information of described picture, load a picture processing window.
A2, the method as described in A1, also comprise:
When if described web page element is not picture,, according to described source parameter information, judge whether described web page element is masking-out;
If described web page element is masking-out, travel through described dom tree, obtain the positional information of all pictures in described webpage;
By the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; If there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out; Carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
A3, the method as described in A2, the described source of described foundation parameter information, judges that whether described web page element is masking-out, comprising:
If described source parameter information meets the following conditions simultaneously, described web page element is masking-out:
Tagname in the parameter information of described source is structure and background element DIV;
Described source parameter information comprises the element position:absolute that generates absolute fix;
The indicated size of dimension information in the parameter information of described source meets second and sets size.
A4, the method as described in A2, by the positional information of all pictures and current operation event, the correspondence position information on described webpage also comprises after comparing:
The comparative result that described in buffer memory, the correspondence position information on described webpage compares by the positional information of all pictures and current operation event;
In the time need to again judging whether the operated web page element of described current operation event is the picture under described masking-out, from buffer memory, obtain described comparative result.
A5, the method as described in A2, after the operated web page element of the described current operation event of described judgement is the picture under described masking-out, carry out describedly according to the indicated position of the positional information of described picture, before loading a picture processing window, also comprises:
Obtain the dimension information of the picture under described masking-out;
When determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described first while setting size, carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
A6, the method as described in A1, described in intercept the Action Events in the webpage of loaded, comprising: every setting-up time section, intercept the Action Events once described webpage being operated.
A7, the method as described in as arbitrary in A1-A6, described picture processing window comprises: full frame option with the aid of pictures, save options and send at least one option in option.
A8, the method as described in A7, described method also comprises:
Described in triggering, send to after option,
According to the web page address url of described picture, generate Quick Response Code; And/or,
Be written into the entrance option of third party's information promulgating platform; And/or,
Be written into and described browser between there is the entrance option of the third party transfer software of annexation.
A9, the method as described in A1, described operation thing comprises: mouse-over event, mouse click event, mouse move at least one event in event and the selected event of keyboard.
The device that the invention also discloses the processing window that Loads Image in B10, a kind of browser, comprising:
Intercept acquisition module, for intercepting the Action Events of the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
The first judge module, for according to described source parameter information, judges whether described web page element is picture;
First size acquisition of information module, for when described web page element is picture, obtains the dimension information of described picture;
Primary importance acquisition of information module, while meeting the first setting size for the size determine described picture according to the dimension information of described picture, in dom tree node corresponding to described picture from the document dbject model dom tree of described webpage, obtain the positional information of described picture;
Window load-on module, for according to the indicated position of the positional information of described picture, loads a picture processing window.
B11, the device as described in B10, also comprise:
The second judge module, for judging that at described the first judge module described web page element, not for after picture, according to described source parameter information, judges whether described web page element is masking-out;
Second place acquisition of information module, for when described the second judge module judges that described web page element is masking-out, travels through described dom tree, obtains the positional information of all pictures in described webpage;
First compares judge module, for by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; When there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out, carry out described window load-on module.
B12, the device as described in B11, also comprise:
Cache module, for judging comparison module described first, after by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares, the comparative result that the correspondence position information on described webpage compares by the positional information of all pictures and current operation event described in buffer memory;
The second judge module relatively for when need to again obtaining while judging whether the operated web page element of described current operation event is the picture under described masking-out, obtains described comparative result from buffer memory.
B13, the device as described in B11, also comprise:
The second dimension information acquisition module, for after described the first comparison judge module judges that the operated web page element of described current operation event is the picture under described masking-out, obtains the dimension information of the picture under described masking-out;
When determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described the first setting size, carry out described window load-on module.
B14, the device as described in as arbitrary in B10-B13, described picture processing window comprises: full frame option with the aid of pictures, save options and send at least one option in option.
B15, the device as described in B14, described device also comprises:
Option mod sends to after option described in triggering, and according to the web page address url of described picture, generates Quick Response Code; And/or, be written into the entrance option of third party's information promulgating platform; And/or, be written into and described browser between there is the entrance option of the third party transfer software of annexation.
B16, the device as described in B10, described operation thing comprises: mouse-over event, mouse click event, mouse move at least one event in event and the selected event of keyboard.
Claims (10)
1. Load Image in the browser method of processing window, comprising:
Intercept the Action Events in the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
According to described source parameter information, judge whether described web page element is picture;
If described web page element is picture, obtain the dimension information of described picture;
When determining that according to the dimension information of described picture the size of described picture meets the first setting size, from the document dbject model dom tree of described webpage, in the dom tree node corresponding to described picture, obtain the positional information of described picture;
According to the indicated position of the positional information of described picture, load a picture processing window.
2. the method for claim 1, also comprises:
When if described web page element is not picture,, according to described source parameter information, judge whether described web page element is masking-out;
If described web page element is masking-out, travel through described dom tree, obtain the positional information of all pictures in described webpage;
By the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; If there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out; Carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
3. method as claimed in claim 2, the described source of described foundation parameter information, judges that whether described web page element is masking-out, comprising:
If described source parameter information meets the following conditions simultaneously, described web page element is masking-out:
Tagname in the parameter information of described source is structure and background element DIV;
Described source parameter information comprises the element position:absolute that generates absolute fix;
The indicated size of dimension information in the parameter information of described source meets second and sets size.
4. method as claimed in claim 2, by the positional information of all pictures and current operation event, the correspondence position information on described webpage also comprises after comparing:
The comparative result that described in buffer memory, the correspondence position information on described webpage compares by the positional information of all pictures and current operation event;
In the time need to again judging whether the operated web page element of described current operation event is the picture under described masking-out, from buffer memory, obtain described comparative result.
5. method as claimed in claim 2, after the operated web page element of the described current operation event of described judgement is the picture under described masking-out, carry out describedly according to the indicated position of the positional information of described picture, before loading a picture processing window, also comprise:
Obtain the dimension information of the picture under described masking-out;
When determining that according to the dimension information of the picture under described masking-out the size of the picture under described masking-out meets described first while setting size, carry out describedly according to the indicated position of the positional information of described picture, load the step of a picture processing window.
6. the method for claim 1, described in intercept the Action Events in the webpage of loaded, comprising: every setting-up time section, intercept the Action Events once described webpage being operated.
7. the method as described in claim as arbitrary in claim 1-6, described picture processing window comprises: full frame option with the aid of pictures, save options and send at least one option in option.
8. method as claimed in claim 7, described method also comprises:
Described in triggering, send to after option,
According to the web page address url of described picture, generate Quick Response Code; And/or,
Be written into the entrance option of third party's information promulgating platform; And/or,
Be written into and described browser between there is the entrance option of the third party transfer software of annexation.
9. Load Image in the browser device of processing window, comprising:
Intercept acquisition module, for intercepting the Action Events of the webpage of loaded, obtain the source parameter information of described Action Events, wherein, described source parameter information is used to indicate the information of the operated web page element of described Action Events;
The first judge module, for according to described source parameter information, judges whether described web page element is picture;
First size acquisition of information module, for when described web page element is picture, obtains the dimension information of described picture;
Primary importance acquisition of information module, while meeting the first setting size for the size determine described picture according to the dimension information of described picture, in dom tree node corresponding to described picture from the document dbject model dom tree of described webpage, obtain the positional information of described picture;
Window load-on module, for according to the indicated position of the positional information of described picture, loads a picture processing window.
10. device as claimed in claim 9, also comprises:
The second judge module, for judging that at described the first judge module described web page element, not for after picture, according to described source parameter information, judges whether described web page element is masking-out;
Second place acquisition of information module, for when described the second judge module judges that described web page element is masking-out, travels through described dom tree, obtains the positional information of all pictures in described webpage;
First compares judge module, for by the positional information of all pictures and current operation event, the correspondence position information on described webpage compares; When there is the positional information of the picture matching with the correspondence position information of described current operation event on described webpage, judge that the operated web page element of described current operation event is the picture under described masking-out, carry out described window load-on module.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493114.XA CN103544271B (en) | 2013-10-18 | 2013-10-18 | Load Image in a kind of browser the method and apparatus for processing window |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493114.XA CN103544271B (en) | 2013-10-18 | 2013-10-18 | Load Image in a kind of browser the method and apparatus for processing window |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103544271A true CN103544271A (en) | 2014-01-29 |
| CN103544271B CN103544271B (en) | 2017-03-15 |
Family
ID=49967723
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310493114.XA Active CN103544271B (en) | 2013-10-18 | 2013-10-18 | Load Image in a kind of browser the method and apparatus for processing window |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103544271B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103927341A (en) * | 2014-03-27 | 2014-07-16 | 广州华多网络科技有限公司 | Method and device for acquiring scene information |
| CN104077389A (en) * | 2014-06-27 | 2014-10-01 | 北京奇虎科技有限公司 | Display method of webpage element information and browser device |
| CN105608152A (en) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | Method and device for asynchronously loading webpage resources |
| CN108563712A (en) * | 2018-03-28 | 2018-09-21 | 腾讯科技（深圳）有限公司 | Web page picture inspection method, device and storage device |
| CN110020337A (en) * | 2017-08-03 | 2019-07-16 | 腾讯科技（深圳）有限公司 | Web page processing method and Related product |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6981211B1 (en) * | 1999-09-30 | 2005-12-27 | International Business Machines Corporation | Method for processing a document object model (DOM) tree using a tagbean |
| CN102981877A (en) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | Method and device for loading picture toolbar |
| CN102981876A (en) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | Method and device for loading picture toolbar window |
| CN103020178A (en) * | 2012-11-28 | 2013-04-03 | 北京奇虎科技有限公司 | Method and device for loading image toolbar with browser |
| CN103186532A (en) * | 2011-12-27 | 2013-07-03 | 腾讯科技（北京）有限公司 | Method and device for capturing key pictures in web page |
-
2013
- 2013-10-18 CN CN201310493114.XA patent/CN103544271B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6981211B1 (en) * | 1999-09-30 | 2005-12-27 | International Business Machines Corporation | Method for processing a document object model (DOM) tree using a tagbean |
| CN103186532A (en) * | 2011-12-27 | 2013-07-03 | 腾讯科技（北京）有限公司 | Method and device for capturing key pictures in web page |
| CN102981877A (en) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | Method and device for loading picture toolbar |
| CN102981876A (en) * | 2012-11-28 | 2013-03-20 | 北京奇虎科技有限公司 | Method and device for loading picture toolbar window |
| CN103020178A (en) * | 2012-11-28 | 2013-04-03 | 北京奇虎科技有限公司 | Method and device for loading image toolbar with browser |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103927341A (en) * | 2014-03-27 | 2014-07-16 | 广州华多网络科技有限公司 | Method and device for acquiring scene information |
| CN103927341B (en) * | 2014-03-27 | 2017-12-26 | 广州华多网络科技有限公司 | A kind of method and device for obtaining scene information |
| CN104077389A (en) * | 2014-06-27 | 2014-10-01 | 北京奇虎科技有限公司 | Display method of webpage element information and browser device |
| CN105608152A (en) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | Method and device for asynchronously loading webpage resources |
| CN110020337A (en) * | 2017-08-03 | 2019-07-16 | 腾讯科技（深圳）有限公司 | Web page processing method and Related product |
| CN110020337B (en) * | 2017-08-03 | 2022-10-28 | 腾讯科技（深圳）有限公司 | Webpage processing method and related product |
| CN108563712A (en) * | 2018-03-28 | 2018-09-21 | 腾讯科技（深圳）有限公司 | Web page picture inspection method, device and storage device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103544271B (en) | 2017-03-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104077387A (en) | Webpage content display method and browser device | |
| US20140136944A1 (en) | Real time web development testing and reporting system | |
| CN110209966B (en) | Webpage refreshing method, webpage system and electronic equipment | |
| US8381094B1 (en) | Incremental visual comparison of web browser screens | |
| US20170075901A1 (en) | Method and system for updating a background picture of a web search results page for different search queries | |
| CN104462583A (en) | Browser device for advertisement blocking processing and mobile terminal | |
| CN103631905A (en) | Webpage loading method and browser | |
| CN103544271A (en) | Picture processing window loading method and device for browsers | |
| CN103677823A (en) | Method and device for managing browser plug-ins | |
| Adetunji et al. | Dawning of progressive web applications (pwa): Edging out the pitfalls of traditional mobile development | |
| CN103617390A (en) | Malicious webpage judgment method, device and system | |
| CN103714119A (en) | Method and device for processing browser data | |
| CN103699600A (en) | Data processing method for web cache and browser | |
| CN104572968A (en) | Page updating method and device | |
| CN103177115A (en) | Method and device of extracting page link of webpage | |
| CN105354337A (en) | Web crawler implementation method and web crawler system | |
| CN103544272A (en) | Method and device for displaying pictures in browser | |
| CN103617241A (en) | Search information processing method, browser terminal and server | |
| CN103077349B (en) | A kind of method of browser side prompting access secure information and device | |
| CN105516333A (en) | Interactive method and system based on webpage | |
| CN112486789A (en) | Log analysis system, method and device | |
| CN102902784B (en) | Web page classification storage system and method | |
| CN109101600A (en) | The crawling method and device of dynamic data in a kind of webpage | |
| CN111694550A (en) | Page display control method, device and system | |
| US20220078161A1 (en) | Method and apparatus for advertisement anti-blocking |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220801 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |
|
| TR01 | Transfer of patent right |