CN110532495A - A kind of methods of exhibiting and device of webpage information - Google Patents
A kind of methods of exhibiting and device of webpage information Download PDFInfo
- Publication number
- CN110532495A CN110532495A CN201910812228.3A CN201910812228A CN110532495A CN 110532495 A CN110532495 A CN 110532495A CN 201910812228 A CN201910812228 A CN 201910812228A CN 110532495 A CN110532495 A CN 110532495A
- Authority
- CN
- China
- Prior art keywords
- data
- web page
- script
- native
- interface
- 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.)
- Pending
Links
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
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
The embodiment of the present application provides a kind of processing method and processing device that webpage information is shown, belongs to network-control field.Method part includes: the corresponding web page interlinkage of html web page for obtaining user's triggering, sends request of data to server according to the web page interlinkage；Corresponding target data is obtained according to the request of data, is grabbed in the target data using set JS script, the corresponding critical data of the JS script is obtained；The critical data is parsed, the object element stored with Json string format is obtained, generates the corresponding interface Native using the object element；The interface Native is used to show the critical data for user's triggering；Real-time monitoring is carried out to the interface Native, when monitoring the triggering command for the interface Native, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again.The application can be such that the page preferably shows by the load of UI frame, enrich the interaction effect of the page.
Description
Technical field
This application involves field of computer technology, more particularly to the processing method and processing device that webpage information is shown.
Background technique
Web browser is a kind of common method of the internet user access network information and use network application, at present
There is much more users to get used to obtaining various information by web browser and use various applications.The network information and
Application vendor provides the webpage write with the language of the formats such as HTML, and the webpage is presented in user terminal in web browser,
So that the available relevant information to webpage of the user of web browser.With the fast development of network technology, by net
The content that network browser is presented is also more and more abundant, therefore the presentation function of web browser is also stronger and stronger and important.
Currently, usually the two different modes of web or Native is selected to treat during carrying out webpage content display
Show that interface is handled, but effect of the web in UI is poor, interface cannot be perfectly presented, and seriously affect the experience of user；
Native can not achieve Overpassing Platform by Using, and one function of every addition must just send out version again, reduce the work effect of developer
Rate.
Summary of the invention
The purpose of the embodiment of the present application is to provide the methods of exhibiting and device of a kind of webpage information, passes through Native to realize
It realizes and shows the problem of handling webpage with UI interaction, improve the page interactive efficiency of browser.
In order to solve the above technical problems, the embodiment of the present application is achieved in that
According to the embodiment of the present application in a first aspect, providing a kind of processing method that webpage information is shown, the method packet
It includes:
The corresponding web page interlinkage of html web page for obtaining user's triggering sends data to server according to the web page interlinkage
Request；
Obtain corresponding target data according to the request of data, using set JS script in the target data into
Row crawl, obtains the corresponding critical data of the JS script；
The critical data is parsed, the object element stored with Json string format is obtained, utilizes the mesh
Mark the corresponding interface Native of Element generation；The interface Native is used to show the critical data for user's triggering；
Real-time monitoring is carried out to the interface Native, when monitoring the triggering command for the interface Native,
The corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again.
In one embodiment of the application, the method,
Corresponding resolution rules are established according to the corresponding page type of the html web page, are institute according to the resolution rules
It states the interface Native and generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page,
Request of data is sent to the corresponding server of the web page interlinkage.
In one embodiment of the application, corresponding target data is obtained according to the request of data, utilizes set JS script
It is grabbed in the target data, obtains the corresponding critical data of the JS script,
According to the corresponding web page interlinkage of html web page that the user triggers, the html web page is rendered；
It is adapted to using the html web page after the rendering in JS script bank, obtains the JS being adapted to the web page interlinkage
Script；The JS script is write according to specific business demand；
It is grabbed in the target data using the JS script, obtains the corresponding critical data of the JS script.
In one embodiment of the application, grabbed in the target data using the JS script,
Timer is set in the JS script, crawl is timed to the target data using the timer, is obtained
To the corresponding critical data of the target data；The critical data is the data that user interacts at the interface Native.
In one embodiment of the application, the critical data is parsed, obtains the mesh stored with Json string format
Element is marked, generates the corresponding interface Native using the object element,
The critical data is parsed, object element obtained after parsing is deposited in the form of Json character string
Storage；
According to the UI frame, the Json character string is loaded onto the corresponding position in the UI frame, generates and corresponds to
The interface Native be shown for client.
In one embodiment of the application, according to the UI frame, the Json character string is loaded onto the UI frame
Corresponding position generates the corresponding interface Native,
Each UI frame matches one by one with each display area in the interface Native, will according to the matching relationship
The Json character string is respectively loaded on corresponding position in each UI frame, and it is corresponding to form the html web page
The interface Native；Wherein, the interface Native is corresponding at least one UI frame.
In one embodiment of the application, real-time monitoring is carried out to the interface Native, when monitoring for the native
When the triggering command at interface, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again,
Include:
According to the triggering command detected, the corresponding critical data of the triggering command is obtained, the critical data is extracted
Corresponding target webpage link；
It is chosen in JS script bank and links matched JS script with the target webpage, according to the JS script to described
The interface Native is updated again.
According to the second aspect of the embodiment of the present application, a kind of processing unit that webpage information is shown, described device packet are provided
It includes:
Request sending module, obtain user triggering the corresponding web page interlinkage of html web page, according to the web page interlinkage to
Server sends request of data；
Data capture module obtains corresponding target data according to the request of data, using set JS script in institute
It states in target data and is grabbed, obtain the corresponding critical data of the JS script；
Data resolution module parses the critical data, obtains the target element stored with Json string format
Element generates the corresponding interface Native using the object element；The interface Native is used to show the institute for user's triggering
State critical data；
Real-time monitoring module carries out real-time monitoring to the interface Native, when monitoring for the interface Native
Triggering command when, extract the corresponding web page interlinkage of the triggering command, the interface Native be updated again.
In one embodiment of the application, the request sending module is specifically included:
Corresponding resolution rules are established according to the corresponding page type of the html web page, are institute according to the resolution rules
It states the interface Native and generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page,
Request of data is sent to the corresponding server of the web page interlinkage.
In one embodiment of the application, the data capture module is specifically included:
Rendering unit carries out the html web page according to the corresponding web page interlinkage of html web page that the user triggers
Rendering；
Adaptation unit is adapted in JS script bank using the html web page after the rendering, is obtained and the webpage chain
Connect the JS script of adaptation；The JS script is write according to specific business demand；
Picking unit is grabbed in the target data using the JS script, and it is corresponding to obtain the JS script
Critical data.
In one embodiment of the application, the picking unit is specifically included:
Timer is set in the JS script, crawl is timed to the target data using the timer, is obtained
To the corresponding critical data of the target data；The critical data is the data that user interacts at the interface Native.
In one embodiment of the application, the data resolution module is specifically included:
Storage unit parses the critical data, by object element obtained after parsing with Json character string
Form is stored；
The Json character string is loaded onto the corresponding position in the UI frame according to the UI frame by placement unit,
The corresponding interface Native is generated to be shown for client.
In one embodiment of the application, the placement unit is specifically included:
Each UI frame matches one by one with each display area in the interface Native, will according to the matching relationship
The Json character string is respectively loaded on corresponding position in each UI frame, and it is corresponding to form the html web page
The interface Native；Wherein, the interface Native is corresponding at least one UI frame.
In one embodiment of the application, the real-time monitoring module is specifically included:
According to the triggering command detected, the corresponding critical data of the triggering command is obtained, the critical data is extracted
Corresponding target webpage link；It is chosen in JS script bank and links matched JS script with the target webpage, according to the JS
Script updates the interface Native again.
As can be seen from the technical scheme provided by the above embodiments of the present application, the embodiment of the present application obtains the HTML net of user's triggering
The corresponding web page interlinkage of page sends request of data to server according to the web page interlinkage；It is obtained pair according to the request of data
The target data answered is grabbed in the target data using set JS script, obtains the corresponding pass of the JS script
Key data；The critical data is parsed, the object element stored with Json string format is obtained, utilizes the target
The corresponding interface Native of Element generation；Real-time monitoring is carried out to the interface Native, when monitoring for the Native
When the triggering command at interface, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again.
The application opens the html web page by handling the html web page got, by browser backstage, with JS script
Webpage critical data is grabbed, the Native page is carried out and shows, only chooses the number useful to generation Native webpage in the process
According to without using the weakness of webpage: UI interaction gives Native UI to realize, while utilizing the excellent of HTML and Native
Gesture can be such that the page preferably shows, enrich the interaction effect of the page by the load of UI frame.
Detailed description of the invention
In order to illustrate the technical solutions in the embodiments of the present application or in the prior art more clearly, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
The some embodiments recorded in specification, for those of ordinary skill in the art, before not making the creative labor property
It puts, is also possible to obtain other drawings based on these drawings.
Fig. 1 is the flow chart for the processing method that the webpage information of one embodiment of the application is shown；
Fig. 2 is the video display list UI frame diagram that the webpage information of one embodiment of the application is shown；
Fig. 3 is the video playing UI frame diagram that the webpage information of one embodiment of the application is shown；
Fig. 4 is the structural schematic diagram that webpage information shows corresponding electronic equipment in the network of one embodiment of the application；
Fig. 5 is the structural schematic diagram for the processing unit that the webpage information of one embodiment of the application is shown.
Specific embodiment
In order to make those skilled in the art more fully understand the technical solution in this specification, below in conjunction with the application
Attached drawing in embodiment, the technical scheme in the embodiment of the application is clearly and completely described, it is clear that described reality
Applying example is only this specification a part of the embodiment, instead of all the embodiments.The embodiment of base in this manual, ability
Domain those of ordinary skill every other embodiment obtained without making creative work, all should belong to this theory
The range of bright book protection.
The processing method shown first below to a kind of webpage information provided by the embodiments of the present application is introduced.
Currently, usually the two different modes of web or Native is selected to treat during carrying out webpage content display
Show that interface is handled, wherein web and native is each to have respective advantage by oneself, and the advantage of web is cross-platform, Er Qiewu
Version need to be sent out, only needs to update under line, but UI interactive experience is poor；And native is exactly the opposite, UI interactive experience is preferable, but not
It is able to achieve Overpassing Platform by Using, one function of every addition must just send out version again, increase the workload of technical staff.
In the present embodiment, example obtain user triggering the corresponding web page interlinkage of html web page, according to the web page interlinkage to
Server sends request of data；Corresponding target data is obtained according to the request of data, using set JS script described
It is grabbed in target data, obtains the corresponding critical data of the JS script；The critical data is parsed, obtain with
The object element of Json string format storage generates the corresponding interface Native using the object element；To described
The interface Native carries out real-time monitoring, when monitoring the triggering command for the interface Native, extracts the triggering and refers to
Corresponding web page interlinkage is enabled, the interface Native is updated again.
In order to which the operation for solving to reply communication information in the prior art is more complex, so that the reply of communication information takes a long time
The problem of, a kind of message back method is provided in the embodiment of the present application.The executing subject of this method can be, but not limited to browse
Device, alternatively, can be, but not limited to the mobile phone, tablet computer, PC (Personal that are equipped with accessible web page interlinkage
Computer, PC) etc. mobile terminals.
For ease of description, executing subject hereafter in this way is browser w, is situated between to the embodiment of this method
It continues.It is appreciated that it is a kind of illustrative explanation that the executing subject of this method, which is browser, it is not construed as to this method
Restriction.
Fig. 1 is the flow chart for the processing method that the webpage information of one embodiment of the application is shown, as shown in Figure 1, should
Method may comprise steps of:
In a step 101, the corresponding web page interlinkage of html web page for obtaining user's triggering, according to the web page interlinkage to clothes
Business device sends request of data.
In the present embodiment, after browser receives the html web page corresponding web page interlinkage of user's triggering, pass through browsing
The backstage of device sends request of data to server, and handles on browser backstage the web page interlinkage.
In the present embodiment, when configuration file is equipment corresponding failure handbook, can parse configuration file obtain it is corresponding
Parameter attribute is as follows in detail:
Step 101 (a): corresponding resolution rules are established according to the corresponding page type of the html web page, according to described
Resolution rules are that the interface Native generates corresponding UI frame；Wherein the UI frame is used for Auto-matching critical data simultaneously
It is shown；
The corresponding web page interlinkage of the html web page triggered according to user is divided the html web page on browser backstage
Class is established according to the page type and is corresponded to according to the page type of the corresponding determining current interface of classifying of the web page interlinkage
Resolution rules, and choose according to the page type UI frame to match with the page type in the corresponding library UI and make
For target UI frame.
Step 101 (b): according between the corresponding page type of the html web page and the UI frame of the Native page
Matching relationship, the corresponding server of Xiang Suoshu web page interlinkage sends request of data；
According to the frame structure of the target UI frame, the composed structure and composition Native at the interface Native are judged
Target data needed for interface, the target data needed for the corresponding server of Xiang Suoshu html web page is sent are requested, are corresponded to
Target data.
The UI frame includes but is not limited to: showing that list UI frame, video playing UI frame, text show UI frame
Deng；It can show that multiple UI frames, i.e., the described Native can be by multiple UI frames simultaneously in the same displaying interface simultaneously
Composition, each UI frame show the corresponding webpage information of different page types.
In a step 102, corresponding target data is obtained according to the request of data, using set JS script described
It is grabbed in target data, obtains the corresponding critical data of the JS script；
Specifically, comprising the following steps:
Step 102 (a): according to the user trigger the corresponding web page interlinkage of html web page, to the html web page into
Row rendering；
Html web page is marked according to the html web page corresponding web page interlinkage that the user triggers and constructs correspondence
Dom tree；CSS label is carried out to the html web page simultaneously and establishes corresponding CSSOM tree, by the dom tree and the CSSOM
Tree merges into a render tree, corresponding rendering node is determined according to the render tree, according to the rendering node to institute
Html web page is stated to be rendered.
Step 102 (b): it is adapted to, is obtained and the webpage in JS script bank using the html web page after the rendering
The JS script of link adaptation；The JS script is write according to specific business demand；
It is adapted to using the html web page after the rendering in JS script bank, the JS script is by multiple JS script banks
Composition, wherein the script is that technical staff analyzes the corresponding web page interlinkage of common webpage, according to the webpage
Link writes corresponding JS script with the amateurish demand of top grade, that is to say, that certain JS script can only correspond to specific resource, JS
Writing for script is regular also only related with web page interlinkage and its corresponding data to be grabbed.
The JS script being adapted to the web page interlinkage is chosen in the JS script bank to grab obtained target data
It takes.
Step 102 (c): being grabbed in the target data using the JS script, and it is corresponding to obtain the JS script
Critical data；
As the JS script be adapted to the web page interlinkage described in, so the mesh grabbed using the JS script
The corresponding interface Native can be generated in mark data；
In order to rapidly generate required Native, while unnecessary data being avoided to waste, is set in the JS script
Timer is set, crawl is timed to the target data using the timer, obtains the corresponding key of the target data
Data；The critical data is the data that user interacts at the interface Native；Wherein the crawl time interval of timer is
Matched with the web page interlinkage, i.e., the crawl time interval of the described timer is according to the web page interlinkage and number to be captured
According to preset.
In step 103, the critical data is parsed, obtains the target element stored with Json string format
Element generates the corresponding interface Native using the object element；The interface Native is used to show the institute for user's triggering
State critical data；
Step 103 (a): parsing the critical data, by object element obtained after parsing with Json character string
Form stored；
The corresponding data flow of the critical data is obtained, target data in the data flow is extracted, by the target data
As target Json object and Json character string is converted to, the Json character string is written into the critical data, is realized
The purpose that critical data is stored with Json character string.
Step 103 (b): according to the UI frame, the Json character string is loaded onto the correspondence position in the UI frame
It sets, generates the corresponding interface Native and be shown for client.
It can show that multiple UI frames, i.e., the described Native can be by multiple UI frames simultaneously in the same displaying interface
Composition, each UI frame shows the corresponding webpage information of different page types, according to the webpage information of each UI frame team doctor, by institute
It states each UI frame to match one by one with the information to be presented of each display area in the interface Native, according to the matching relationship
The Json character string is respectively loaded on corresponding position in each UI frame, it is corresponding to form the html web page
The interface Native；Wherein, the interface Native is corresponding at least one UI frame.
At step 104, real-time monitoring is carried out to the interface Native, when what is monitored for the interface Native
When triggering command, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again；
After receiving user to the downslide operation of current interface, understand according to the user's operation sliding interface, and constantly
It is identical with the form of news stream in Native interface display load data.
Step 104 (a): according to the triggering command detected, the corresponding critical data of the triggering command is obtained, extracts institute
State the corresponding target webpage link of critical data；
Real-time monitoring is carried out to the interface Native, when monitoring the triggering command for the interface Native,
I.e. user triggers critical data, obtains the corresponding web page interlinkage of the critical data, corresponding according to the html web page
Page type and the new Native page UI frame between matching relationship, the corresponding service of Xiang Suoshu web page interlinkage
Device sends request of data.
Step 104 (b): it is chosen in JS script bank and links matched JS script with the target webpage, according to the JS
Script updates the interface Native again.
Real-time monitoring is carried out when monitoring the triggering command for the interface Native to the interface Native, root
According to the corresponding web page interlinkage of html web page that the user triggers, the html web page is rendered；And determine phase therewith
The UI frame matched；
It is adapted to using the html web page after the rendering in JS script bank, obtains the JS being adapted to the web page interlinkage
Script；Using timer is arranged in the JS script, crawl is timed to the target data using the timer, and with
The format of Json is stored；
According to the UI frame, the Json character string is loaded onto the corresponding position in the UI frame, generates and corresponds to
The interface Native be shown for client.The interactive efficiency for improving browser page, can be made by the load of UI frame
The page is preferably shown, enriches the interaction effect of the page.
In another embodiment, when being shown to webpage information,
Step 201: the corresponding web page interlinkage of html web page of user's triggering is obtained, according to the web page interlinkage to server
Send request of data；
Corresponding resolution rules are established according to the corresponding page type of the html web page, are institute according to the resolution rules
It states the interface Native and generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
In the present embodiment, by taking video display list interface as an example, Fig. 2 is the webpage information exhibition of one embodiment of the application
The video display list UI frame diagram shown calls after the html web page for receiving user's triggering corresponding video web-pages link
Corresponding video display list UI frame.
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page,
Request of data is sent to the corresponding server of the web page interlinkage.
Step 202: corresponding target data being obtained according to the request of data, using set JS script in the target
It is grabbed in data, obtains the corresponding critical data of the JS script；
According to the frame structure of the video display list UI frame, the composed structure and group at the interface Native are judged
At target data needed for the interface Native, the target data needed for the corresponding server of Xiang Suoshu html web page is sent is requested,
Obtain corresponding video data.
The corresponding video web-pages link of html web page triggered according to the user, renders the video web-pages；
It is adapted to using the video web-pages after the rendering in JS script bank, obtains the JS foot with the video web-pages link adaptation
This；It is timed crawl in the video data using the JS script, obtains the corresponding critical data of the JS script；Institute
Stating critical data is the data that user interacts at the interface Native；Wherein the crawl time interval of timer is and the net
Page link is matched, i.e., the crawl time interval of the described timer is set in advance according to the video link and data to be captured
Fixed.
In the present embodiment, the request of data obtains corresponding target data are as follows:
Wherein, div is the corresponding attribute information of target data, the target needed for being obtained by corresponding attribute information
Information；
Href is the corresponding web page interlinkage of the target data, for obtaining data to the url that href is specified after clicking；
ImgUrl is the url for showing picture, can show the corresponding exhibiting pictures of video data in the target data.
In step 203, the critical data is parsed, obtains the object element stored with Json string format,
The corresponding interface Native is generated using the object element；The interface Native is used to show the pass for user's triggering
Key data；
The critical data is parsed, object element obtained after parsing is deposited in the form of Json character string
Storage；According to the video display list UI frame, the Json character string is loaded onto the video display list UI frame
Corresponding position, generate the corresponding interface Native and be shown for client.
In the present embodiment, Json format is converted by the critical data, converts Json lattice for a certain group of critical data
Formula is as follows:
{[“title”:”Japanese uncensored sex”,
“href”:”http://www.videos.com/video49452515/12091521/0/japanese_
uncensored_sex”,
“imgUrl”:”https://img-l3.xvideos-cdn.com/videos/thumbs169l/68/fc/0e/
68fc0e0dbc67a5aa25f640d484146a4e/68fc0e0dbc67a5aa25f640d484146a4e.23.jpg”]},
Wherein, title is the title in the Native interface display；
Href is the corresponding web page interlinkage of the critical data, for obtaining data to the url that href is specified after clicking；
ImgUrl is the url for showing picture, and the target is played the corresponding exhibiting pictures of video and is shown described
On the interface Native；
The above-mentioned data for only listing one group have a plurality of data in a html web page, every data are extracted out respectively
The interface Native is issued forming a Json array to be shown.
In step 204, real-time monitoring is carried out to the interface Native, when the touching for monitoring to be directed to the interface Native
When sending instructions, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again；
After receiving user to the downslide operation of current video displaying list interface, it can be slided according to the user's operation
Interface, and it is constantly identical with the form of news stream in video display Native interface display load data.
The interface video display Native progress real-time monitoring is worked as and is monitored for video display Native circle
When the triggering command in face, according to the corresponding web page interlinkage of html web page that the user triggers, wash with watercolours is carried out to the html web page
Dye；And determine matched video playing UI frame；Fig. 3 is the view that the webpage information of one embodiment of the application is shown
Frequency plays UI frame diagram；
It is adapted to using the html web page after the rendering in JS script bank, obtains the JS being adapted to the web page interlinkage
Script；Using timer is arranged in the JS script, crawl is timed to the target data using the timer, and with
The format of Json is stored；
According to the video playing UI frame, the Json character string is loaded onto pair in the video playing UI frame
Position is answered, the interface corresponding video playing Native is generated and is shown for client.
In the present embodiment, the corresponding web page interlinkage of video playing of the user's click detected are as follows:
Http:// www.videos.com/video49452515/12091521/0/japanese_uncenso red_
sex；
The corresponding initial data in video playing interface is got according to the corresponding web page interlinkage of the critical data:
Wherein, div is the corresponding attribute information of video playing interface initial data, can be obtained by corresponding attribute information
Take required target information；
Href is the corresponding web page interlinkage of video playing interface initial data, for what is specified after clicking to href
Url obtains data；
ImgUrl is the url for showing picture, can show that video data is corresponding in the initial data of the video playing interface
Exhibiting pictures.
JS timing extraction is carried out to the initial data, and is stored with the format of Json:
{ [" videoUrl ": " https: //vid-egc.xvideos-cdn.com/videos/3gp/6/f/9/
Xvideos.com_6f9ada4d4e5f0d6d2f35b23f46a04387.mp4 ",
" thumbUrl ": " https: //img-egc.xvideos-cdn.com/videos/thumbslll/6f/9a/
da/6f9ada4d4e5f0d6d2f35b23f46a04387/6f9ada4d4e5f0d6d2f35b23f46a04387.15.j
Pg ", "
Recomend ":
[" title ": " Japanese high speed porn ", "
ImgUrl ": " https: //img-hw.xvideos-cdn.com/videos/thumbs169ll/d3/36/
E1/d336e1e13800ddc9a3b92d22139c5ef5/d336e1e13800ddc9a3b9 2d22139c5ef5.15.jpg ",
" href ": " http://www.videos.com/video38588253/japanese_high_speed_
porn”]]}
Wherein, prepare to place the exposition data being shown to the interface Native for client are as follows:
VideoUrl is the corresponding web page interlinkage of target video；
ThumbUrl is the corresponding web page interlinkage of target video thumbnail；
Prepare to place the recommendation partial data being shown to the interface Native for client are as follows:
Title is the corresponding title of partial video to be presented；
ImgUrl is the url of part to be presented view display picture, by the corresponding exhibiting pictures of the partial video to be presented
It is shown on the interface Native；
Href is the corresponding web page interlinkage of the partial video to be presented, for obtaining after clicking to the url that href is specified
Data；
According to the video playing UI frame, the Json character string is loaded onto pair in the video playing UI frame
Position is answered, the interface corresponding video playing Native is generated and is shown for client.The interactive efficiency of browser page is improved,
The page can be made preferably to show by the load of UI frame, enrich the interaction effect of the page.
In another embodiment, when being shown to webpage information,
Fig. 4 is the structural schematic diagram that webpage information shows corresponding electronic equipment in the network of one embodiment of the application.
In hardware view, which includes processor, optionally further comprising internal bus, network interface, memory.
Wherein, memory may include memory, such as high-speed random access memory (Random-Access Memory, RAM),
It may further include nonvolatile memory (non-volatile memory), for example, at least 1 magnetic disk storage etc..Certainly,
The electronic equipment is also possible that hardware required for other business.
Processor, network interface and memory can be connected with each other by internal bus, which can be ISA
(Industry Standard Architecture, industry standard architecture) bus, PCI (Peripheral
Component Interconnect, Peripheral Component Interconnect standard) bus or EISA (Extended Industry Standard
Architecture, expanding the industrial standard structure) bus etc..The bus can be divided into address bus, data/address bus, control always
Line etc..Only to be indicated with a four-headed arrow in Fig. 2, it is not intended that an only bus or a type of convenient for indicating
Bus.
Memory, for storing program.Specifically, program may include program code, and said program code includes calculating
Machine operational order.Memory may include memory and nonvolatile memory, and provide instruction and data to processor.
Processor is from the then operation into memory of corresponding computer program is read in nonvolatile memory, in logical layer
The processing unit of equipment fault is formed on face.Processor executes the program that memory is stored, and is specifically used for executing following behaviour
Make:
The corresponding web page interlinkage of html web page for obtaining user's triggering sends data to server according to the web page interlinkage
Request；
Obtain corresponding target data according to the request of data, using set JS script in the target data into
Row crawl, obtains the corresponding critical data of the JS script；
The critical data is parsed, the object element stored with Json string format is obtained, utilizes the mesh
Mark the corresponding interface Native of Element generation；The interface Native is used to show the critical data for user's triggering；
Real-time monitoring is carried out to the interface Native, when monitoring the triggering command for the interface Native,
The corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again.Improve browser page
Interactive efficiency can be such that the page preferably shows, enrich the interaction effect of the page by the load of UI frame.
The processing method that webpage information disclosed in the above-mentioned embodiment illustrated in fig. 5 such as the application is shown can be applied to processor
In, or realized by processor.Processor may be a kind of IC chip, the processing capacity with signal.It was realizing
Each step of Cheng Zhong, the above method can be complete by the integrated logic circuit of the hardware in processor or the instruction of software form
At.Above-mentioned processor can be general processor, including central processing unit (Central Processing Unit, CPU),
Network processing unit (Network Processor, NP) etc.；It can also be digital signal processor (Digital Signal
Processor, DSP), it is specific integrated circuit (Application Specific Integrated Circuit, ASIC), existing
Field programmable gate array (Field-Programmable Gate Array, FPGA) or other programmable logic device are divided
Vertical door or transistor logic, discrete hardware components.It may be implemented or execute and is in the embodiment of the present application disclosed each
Method, step and logic diagram.General processor can be microprocessor or the processor is also possible to any conventional place
Manage device etc..The step of method in conjunction with disclosed in the embodiment of the present application, can be embodied directly in hardware decoding processor and execute
At, or in decoding processor hardware and software module combination execute completion.Software module can be located at random access memory,
This fields such as flash memory, read-only memory, programmable read only memory or electrically erasable programmable memory, register maturation
In storage medium.The storage medium is located at memory, and processor reads the information in memory, completes above-mentioned side in conjunction with its hardware
The step of method.
The method that the electronic equipment can also carry out Fig. 1, and realize the processing unit of equipment fault embodiment shown in Fig. 1
Function, details are not described herein for the embodiment of the present application.
Certainly, other than software realization mode, other implementations are not precluded in the electronic equipment of this specification, such as
Logical device or the mode of software and hardware combining etc., that is to say, that the executing subject of following process flow is not limited to each
Logic unit is also possible to hardware or logical device.
Fig. 5 is the structural schematic diagram for the processing unit that the webpage information of one embodiment of the application is shown.May include:
Request sending module 501, data capture module 502, data resolution module 503, real-time monitoring module 504, wherein
Request sending module 501, for obtaining the corresponding web page interlinkage of html web page of user's triggering, according to the webpage
It links to server and sends request of data；
Data capture module 502 utilizes set JS foot for obtaining corresponding target data according to the request of data
This is grabbed in the target data, obtains the corresponding critical data of the JS script；
Data resolution module 503 is obtained for parsing to the critical data with the storage of Json string format
Object element generates the corresponding interface Native using the object element；It is touched for showing for user at the interface Native
The critical data of hair；
Real-time monitoring module 504, it is described when monitoring to be directed to for carrying out real-time monitoring to the interface Native
When the triggering command at the interface Native, extract the corresponding web page interlinkage of the triggering command, again to the interface Native into
Row updates.
The request sending module 501, specifically includes:
Corresponding resolution rules are established according to the corresponding page type of the html web page, are institute according to the resolution rules
It states the interface Native and generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page,
Request of data is sent to the corresponding server of the web page interlinkage.
The data capture module 502, specifically includes:
Rendering unit carries out the html web page according to the corresponding web page interlinkage of html web page that the user triggers
Rendering；
Adaptation unit is adapted in JS script bank using the html web page after the rendering, is obtained and the webpage chain
Connect the JS script of adaptation；The JS script is write according to specific business demand；
Picking unit is grabbed in the target data using the JS script, and it is corresponding to obtain the JS script
Critical data.
In the picking unit, specifically include:
Timer is set in the JS script, crawl is timed to the target data using the timer, is obtained
To the corresponding critical data of the target data；The critical data is the data that user interacts at the interface Native.
The data resolution module 503, specifically includes:
Storage unit parses the critical data, by object element obtained after parsing with Json character string
Form is stored；
The Json character string is loaded onto the corresponding position in the UI frame according to the UI frame by placement unit,
The corresponding interface Native is generated to be shown for client.
In the placement unit, specifically include:
Each UI frame matches one by one with each display area in the interface Native, will according to the matching relationship
The Json character string is respectively loaded on corresponding position in each UI frame, and it is corresponding to form the html web page
The interface Native；Wherein, the interface Native is corresponding at least one UI frame.
The real-time monitoring module 504, specifically includes:
According to the triggering command detected, the corresponding critical data of the triggering command is obtained, the critical data is extracted
Corresponding target webpage link；
It is chosen in JS script bank and links matched JS script with the target webpage, according to the JS script to described
The interface Native is updated again.
In short, being not intended to limit the protection of this specification the foregoing is merely the preferred embodiment of this specification
Range.For all spirit in this specification within principle, any modification, equivalent replacement, improvement and so on should be included in this
Within the protection scope of specification.
System, device, module or the unit that above-described embodiment illustrates can specifically realize by computer chip or entity,
Or it is realized by the product with certain function.It is a kind of typically to realize that equipment is computer.Specifically, computer for example may be used
Think personal computer, laptop computer, cellular phone, camera phone, smart phone, personal digital assistant, media play
It is any in device, navigation equipment, electronic mail equipment, game console, tablet computer, wearable device or these equipment
The combination of equipment.
Computer-readable medium includes permanent and non-permanent, removable and non-removable media can be by any method
Or technology come realize information store.Information can be computer readable instructions, data structure, the module of program or other data.
The example of the storage medium of computer includes, but are not limited to phase change memory (PRAM), static random access memory (SRAM), moves
State random access memory (DRAM), other kinds of random access memory (RAM), read-only memory (ROM), electric erasable
Programmable read only memory (EEPROM), flash memory or other memory techniques, read-only disc read only memory (CD-ROM) (CD-
ROM), digital versatile disc (DVD) or other optical storage, magnetic cassettes, tape magnetic disk storage or other magnetism are deposited
Equipment or any other non-transmission medium are stored up, can be used for storage can be accessed by a computing device information.According to boundary herein
Fixed, computer-readable medium does not include temporary computer readable media (transitory media), such as the data-signal of modulation and
Carrier wave.
It should also be noted that, the terms "include", "comprise" or its any other variant are intended to nonexcludability
It include so that the process, method, commodity or the equipment that include a series of elements not only include those elements, but also to wrap
Include other elements that are not explicitly listed, or further include for this process, method, commodity or equipment intrinsic want
Element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including described want
There is also other identical elements in the process, method of element, commodity or equipment.
All the embodiments in this specification are described in a progressive manner, same and similar portion between each embodiment
Dividing may refer to each other, and each embodiment focuses on the differences from other embodiments.Especially for system reality
For applying example, since it is substantially similar to the method embodiment, so being described relatively simple, related place is referring to embodiment of the method
Part explanation.
Claims (14)
1. the processing method that a kind of webpage information is shown, which is characterized in that the described method includes:
The corresponding web page interlinkage of html web page for obtaining user's triggering sends data to server according to the web page interlinkage and asks
It asks；
Corresponding target data is obtained according to the request of data, is grabbed in the target data using set JS script
It takes, obtains the corresponding critical data of the JS script；
The critical data is parsed, the object element stored with Json string format is obtained, utilizes the target element
Element generates the corresponding interface Native；The interface Native is used to show the critical data for user's triggering；
Real-time monitoring is carried out to the interface Native, when monitoring the triggering command for the interface Native, is extracted
The corresponding web page interlinkage of the triggering command, is again updated the interface Native.
2. the method according to claim 1, wherein the method, further includes:
Corresponding resolution rules are established according to the corresponding page type of the html web page, are described according to the resolution rules
The interface Native generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page, to institute
It states the corresponding server of web page interlinkage and sends request of data.
3. the method according to claim 1, wherein obtain corresponding target data according to the request of data,
It is grabbed in the target data using set JS script, obtains the corresponding critical data of the JS script, comprising:
According to the corresponding web page interlinkage of html web page that the user triggers, the html web page is rendered；
It is adapted to using the html web page after the rendering in JS script bank, obtains the JS foot being adapted to the web page interlinkage
This；The JS script is write according to specific business demand；
It is grabbed in the target data using the JS script, obtains the corresponding critical data of the JS script.
4. according to the method described in claim 3, it is characterized in that, being grabbed in the target data using the JS script
It takes, comprising:
Timer is set in the JS script, crawl is timed to the target data using the timer, obtains institute
State the corresponding critical data of target data；The critical data is the data that user interacts at the interface Native.
5. method according to claim 1 or 2, which is characterized in that parse, obtained with Json to the critical data
The object element of string format storage generates the corresponding interface Native using the object element, comprising:
The critical data is parsed, object element obtained after parsing is stored in the form of Json character string；
According to the UI frame, the Json character string is loaded onto the corresponding position in the UI frame, is generated corresponding
The interface Native is shown for client.
6. according to the method described in claim 5, it is characterized in that, the Json character string is loaded according to the UI frame
To the corresponding position in the UI frame, the corresponding interface Native is generated, comprising:
Each UI frame matches one by one with each display area in the interface Native, will be described according to the matching relationship
Json character string is respectively loaded on corresponding position in each UI frame, forms the corresponding Native of the html web page
Interface；Wherein, the interface Native is corresponding at least one UI frame.
7. working as monitoring the method according to claim 1, wherein carrying out real-time monitoring to the interface Native
To be directed to the interface native triggering command when, the corresponding web page interlinkage of the triggering command is extracted, again to described
The interface Native is updated, comprising:
According to the triggering command detected, the corresponding critical data of the triggering command is obtained, it is corresponding to extract the critical data
Target webpage link；
It is chosen in JS script bank and links matched JS script with the target webpage, according to the JS script to the Native
Interface is updated again.
8. the processing unit that a kind of webpage information is shown, which is characterized in that described device includes:
Request sending module obtains the corresponding web page interlinkage of html web page of user's triggering, according to the web page interlinkage to service
Device sends request of data；
Data capture module obtains corresponding target data according to the request of data, using set JS script in the mesh
It is grabbed in mark data, obtains the corresponding critical data of the JS script；
Data resolution module parses the critical data, obtains the object element stored with Json string format, benefit
The corresponding interface Native is generated with the object element；The interface Native is used to show the key for user's triggering
Data；
Real-time monitoring module carries out real-time monitoring to the interface Native, when the touching for monitoring to be directed to the interface Native
When sending instructions, the corresponding web page interlinkage of the triggering command is extracted, the interface Native is updated again.
9. device according to claim 8, which is characterized in that the request sending module specifically includes:
Corresponding resolution rules are established according to the corresponding page type of the html web page, are described according to the resolution rules
The interface Native generates corresponding UI frame；Wherein the UI frame for Auto-matching critical data and is shown；
According to the matching relationship between the corresponding page type of the html web page and the UI frame of the Native page, to institute
It states the corresponding server of web page interlinkage and sends request of data.
10. device according to claim 8, which is characterized in that the data capture module specifically includes:
Rendering unit renders the html web page according to the corresponding web page interlinkage of html web page that the user triggers；
Adaptation unit is adapted to using the html web page after the rendering in JS script bank, is obtained suitable with the web page interlinkage
The JS script matched；The JS script is write according to specific business demand；
Picking unit is grabbed in the target data using the JS script, obtains the corresponding key of the JS script
Data.
11. device according to claim 10, which is characterized in that the picking unit specifically includes:
Timer is set in the JS script, crawl is timed to the target data using the timer, obtains institute
State the corresponding critical data of target data；The critical data is the data that user interacts at the interface Native.
12. device according to claim 8 or claim 9, which is characterized in that the data resolution module specifically includes:
Storage unit parses the critical data, by object element obtained after parsing in the form of Json character string
It is stored；
The Json character string is loaded onto the corresponding position in the UI frame according to the UI frame by placement unit, is generated
The corresponding interface Native is shown for client.
13. device according to claim 12, which is characterized in that the placement unit specifically includes:
Each UI frame matches one by one with each display area in the interface Native, will be described according to the matching relationship
Json character string is respectively loaded on corresponding position in each UI frame, forms the corresponding Native of the html web page
Interface；Wherein, the interface Native is corresponding at least one UI frame.
14. device according to claim 8, which is characterized in that the real-time monitoring module specifically includes:
According to the triggering command detected, the corresponding critical data of the triggering command is obtained, it is corresponding to extract the critical data
Target webpage link；
It is chosen in JS script bank and links matched JS script with the target webpage, according to the JS script to the Native
Interface is updated again.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910812228.3A CN110532495A (en) | 2019-08-30 | 2019-08-30 | A kind of methods of exhibiting and device of webpage information |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910812228.3A CN110532495A (en) | 2019-08-30 | 2019-08-30 | A kind of methods of exhibiting and device of webpage information |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110532495A true CN110532495A (en) | 2019-12-03 |
Family
ID=68665343
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910812228.3A Pending CN110532495A (en) | 2019-08-30 | 2019-08-30 | A kind of methods of exhibiting and device of webpage information |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110532495A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111443958A (en) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | Interface display method and system |
| CN111861651A (en) * | 2020-07-10 | 2020-10-30 | 上海悦易网络信息技术有限公司 | Method and equipment for building commodity release page |
| CN111966354A (en) * | 2020-08-17 | 2020-11-20 | Oppo（重庆）智能科技有限公司 | Page display method and device and computer readable storage medium |
| WO2021237394A1 (en) * | 2020-05-25 | 2021-12-02 | Microsoft Technology Licensing, Llc | A crawler of web automation scripts |
| CN113825008A (en) * | 2021-11-24 | 2021-12-21 | 飞狐信息技术（天津）有限公司 | Active page display method and device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| AU2014406868A1 (en) * | 2014-09-26 | 2016-10-20 | Shenzhen Skyworth-Rgb Electronic Co., Ltd. | Webpage data processing method and device |
| CN107085574A (en) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | A kind of page data processing method and server |
| CN109426492A (en) * | 2017-07-13 | 2019-03-05 | 北京微影时代科技有限公司 | A kind of client software development approach and device |
-
2019
- 2019-08-30 CN CN201910812228.3A patent/CN110532495A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| AU2014406868A1 (en) * | 2014-09-26 | 2016-10-20 | Shenzhen Skyworth-Rgb Electronic Co., Ltd. | Webpage data processing method and device |
| CN107085574A (en) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | A kind of page data processing method and server |
| CN109426492A (en) * | 2017-07-13 | 2019-03-05 | 北京微影时代科技有限公司 | A kind of client software development approach and device |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111443958A (en) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | Interface display method and system |
| WO2021237394A1 (en) * | 2020-05-25 | 2021-12-02 | Microsoft Technology Licensing, Llc | A crawler of web automation scripts |
| CN111861651A (en) * | 2020-07-10 | 2020-10-30 | 上海悦易网络信息技术有限公司 | Method and equipment for building commodity release page |
| CN111966354A (en) * | 2020-08-17 | 2020-11-20 | Oppo（重庆）智能科技有限公司 | Page display method and device and computer readable storage medium |
| CN113825008A (en) * | 2021-11-24 | 2021-12-21 | 飞狐信息技术（天津）有限公司 | Active page display method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110532495A (en) | A kind of methods of exhibiting and device of webpage information | |
| US10776447B2 (en) | Digital communications platform for webpage overlay | |
| CN102629273B (en) | Advertising information pushing method based on browser, device and browser system | |
| CN106445508A (en) | Game engine | |
| CN107766532A (en) | A kind of front end Node.js automates positive static method | |
| CN107729475A (en) | Web page element acquisition method, device, terminal and computer-readable recording medium | |
| CN104035753A (en) | Double-WebView customized page display method and system | |
| CN110297996A (en) | Cartoon display method, device, equipment and storage medium based on the H5 page | |
| CN109388766A (en) | The method and apparatus of page load | |
| CN103377039B (en) | A kind of web game exploitation, analytic method, a kind of editing machine and resolver | |
| CN103020025A (en) | Techniques for the automatic animation of document content | |
| CN103838558B (en) | Website build a station system and method, access website method and webpage adaptation system | |
| Hales | HTML5 and JavaScript Web Apps: Bridging the gap between the web and the mobile web | |
| CN104765746B (en) | Data processing method and device for mobile communication terminal browser | |
| WO2013034094A1 (en) | Webpage browsing method and device, and storage medium | |
| CN106909361A (en) | Web development approaches and device based on masterplate engine | |
| CN106503111B (en) | Webpage code-transferring method, device and client terminal | |
| CN108322359A (en) | A kind of acquisition methods and device of page initial screen time | |
| CN107479873A (en) | A kind of APP page modules melt forwarding method, electronic equipment and storage medium | |
| CN103870508B (en) | A kind of webpage Zoom method, device and system | |
| CN107016282A (en) | A kind of information processing method and device | |
| CN108334619A (en) | A kind of collecting method, device, computing device and storage medium | |
| CN109639749A (en) | Access method, device, equipment and the storage medium of cloud desktop | |
| CN106886547A (en) | A kind of scenario generation method and device | |
| CN110968314A (en) | Page generation method and device |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191203 |