CN107066618A - Display methods and device after a kind of Webpage conversion - Google Patents
Display methods and device after a kind of Webpage conversion Download PDFInfo
- Publication number
- CN107066618A CN107066618A CN201710322026.1A CN201710322026A CN107066618A CN 107066618 A CN107066618 A CN 107066618A CN 201710322026 A CN201710322026 A CN 201710322026A CN 107066618 A CN107066618 A CN 107066618A
- Authority
- CN
- China
- Prior art keywords
- node data
- file
- content
- topology file
- 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
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000006243 chemical reaction Methods 0.000 title claims abstract description 29
- 230000006870 function Effects 0.000 claims description 36
- 241001269238 Data Species 0.000 claims description 7
- 241000406668 Loxodonta cyclotis Species 0.000 claims 1
- PCHJSUWPFVWCPO-UHFFFAOYSA-N gold Chemical compound [Au] PCHJSUWPFVWCPO-UHFFFAOYSA-N 0.000 description 7
- 239000010931 gold Substances 0.000 description 7
- 229910052737 gold Inorganic materials 0.000 description 7
- 239000010779 crude oil Substances 0.000 description 5
- 230000008569 process Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000000151 deposition Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 239000000686 essence Substances 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000003921 oil Substances 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention relates to web displaying technical field, there is provided display methods and device after a kind of conversion of Webpage.Wherein method includes：After opening web page interlinkage instruction is obtained, page node data are pulled according to web page contents, according to the node data type, topology file are obtained；According to the format content of the correspondence web page interlinkage, pattern file is converted to；The content loading function of display window object is called, and is used as using the topology file loading object of the content loading function；The node data are shown corresponding contents in the window with corresponding form and position after the topology file and pattern file has been loaded.Method provided in an embodiment of the present invention, by node data, shows different terminal interface structures so that the page can be shown in the client in primary mode.Interface is primary terminal experience, performance and the strong several times of effect ratio HTML5 page open modes.
Description
【Technical field】
The present invention relates to web displaying technical field, display methods and dress after more particularly to a kind of Webpage conversion
Put.
【Background technology】
In Android, the opening of general webpage is all to show webpage in the terminal, so in the form of webview
Telephone terminal webview need initialization, the page need loading, opening speed can be very slow.And page performance and effect also can
Limited by webview, or even developer also needs to do many adaptation sex works for the displaying of the page.
Above-mentioned based on webview realizations, the effect that content of pages is shown on various terminals is poor, and page open has
The process of one loading, poor user experience.Content of pages needs to be adapted on various terminals, could be shown in terminal
Perfection, adds the burden of programming.
In consideration of it, overcoming the defect present in the prior art to be the art urgent problem to be solved.
【The content of the invention】
The technical problem to be solved in the present invention realized based on webview, what content of pages was shown on various terminals
Effect is poor, and page open has the process of a loading, poor user experience.Content of pages needs to do suitable on various terminals
Match somebody with somebody, perfection could be shown in terminal, the burden of programming is added.
The present invention is adopted the following technical scheme that：
First aspect present invention provides display methods after a kind of conversion of Webpage, and web page interlinkage instruction is opened obtaining
Afterwards, page node data are pulled according to web page contents, method includes：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and the content loading function is used as using the topology file
Load object；Wherein, pattern file is called during content loading function loads the topology file；
The node data, will be corresponding with corresponding form and position after the topology file and pattern file has been loaded
Content is shown in the window.
It is preferred that, it is described to pull page node data according to web page contents, specifically include：
By one or more object described in web page contents, using JSON language conversions as node data；Wherein, webpage
Object type described in content includes：It is a kind of or many in text type, picture/mb-type, video type and Flash types
Kind；
Wherein, the attribute of each the node data obtained using JSON language conversions is the object type in JSON language.
It is preferred that, it is described according to the node data type, topology file is obtained, is specifically included：
Load the configuration processor for generating topology file；
Each node data, and the object class included according to each node data are traveled through by the configuration processor of loading
Type, calls relevant parameter generation layout code in layout storehouse；
After all node data pulled from webpage have been traveled through, topology file is generated.
It is preferred that, in wechat small routine, the topology file is the file that xml language is described；In android system
In, the topology file is realized for Android control layouts describing mode.
It is preferred that, it is described according to the correspondence webpage chain when carrying the platform of the web page interlinkage for Android system
The format content connect, is converted to pattern file, specifically includes：
Parse the format content and obtain one or more format content using each node data as description object；
It is that each description object sets up style categorical datas using xml language, and it is by one of correspondence description object or many
Item format content, assignment is into each item in the style categorical datas set up；Wherein, item include color, side
Away from the one or more in, position and displaying ratio.
It is preferred that, the content loading function for calling display window object, and using the topology file as described interior
Hold the loading object of loading function, specifically include：
The content loading function is setContentView (topology file address), wherein, with the first ground of topology file
Location as the setContentView input parameter.
It is preferred that, it is described according to the correspondence webpage chain when carrying the platform of the web page interlinkage for wechat small routine
The format content connect, is converted to pattern file, specifically includes：
Parse the format content and obtain one or more format content using each node data as description object；
It is that each description object sets up attribute cluster, and the one or more form that will correspond to description object using CSS language
Content, assignment is into the attribute cluster set up in respective attributes；
Wherein, the attribute in attribute cluster includes：One or more in color, back gauge, position and displaying ratio.
Second aspect, rear indicator, including memory and processor are changed present invention also offers a kind of Webpage,
Wherein, processor and memory connect specific by main line：
The processor, for realizing each instruction；
The memory, for storing a plurality of instruction, the instruction is suitable to be loaded and performed by processor：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and the content loading function is used as using the topology file
Load object；Wherein, pattern file is called during content loading function loads the topology file；
The node data, will be corresponding with corresponding form and position after the topology file and pattern file has been loaded
Content is shown in the window.
It is preferred that, after the processor loading instruction, it is additionally operable to：
Load the configuration processor for generating topology file；
Each node data, and the object class included according to each node data are traveled through by the configuration processor of loading
Type, calls relevant parameter generation layout code in layout storehouse；
After all node data pulled from webpage have been traveled through, topology file is generated.
The third aspect, present invention also offers a kind of storage device, be stored with a plurality of instruction in storage device, the instruction
Suitable for being loaded by processor and being performed：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and the content loading function is used as using the topology file
Load object；Wherein, pattern file is called during content loading function loads the topology file；
The node data, will be corresponding with corresponding form and position after the topology file and pattern file has been loaded
Content is shown in the window.
In the present invention using using data come control terminal interface by the way of, the page is changed into each nodal point number first
According to page correlation css pattern datas change into each terminal related style code.Terminal built-in unifies css patterns conversion code,
When opening the page, first go to pull page node data, by node data, show different terminal interface structures.So
The page can just be shown in the client in primary mode.Because the page is shown in primary mode, it need not beat
Webview is opened, does not just have webview initialization procedures, does not have page code loading procedure, node data can be clicked in user
When begin to pull, so page code there will not be loading procedure, there will not be various adaptation issues.Interface is primary
Terminal experience, performance and the strong several times of effect ratio HTML5 page open modes.
【Brief description of the drawings】
In order to illustrate the technical solution of the embodiments of the present invention more clearly, will make below to required in the embodiment of the present invention
Accompanying drawing is briefly described.It should be evident that drawings described below is only some embodiments of the present invention, for
For those of ordinary skill in the art, on the premise of not paying creative work, other can also be obtained according to these accompanying drawings
Accompanying drawing.
Fig. 1 is the schematic flow sheet of display methods after a kind of Webpage conversion provided in an embodiment of the present invention；
Fig. 2 is a kind of topology file product process schematic diagram provided in an embodiment of the present invention；
Fig. 3 is a kind of pattern file generated schematic flow sheet provided in an embodiment of the present invention；
Fig. 4 is another pattern file generated schematic flow sheet provided in an embodiment of the present invention；
Fig. 5 is the structural representation that a kind of Webpage provided in an embodiment of the present invention changes rear indicator.
【Embodiment】
In order to make the purpose , technical scheme and advantage of the present invention be clearer, it is right below in conjunction with drawings and Examples
The present invention is further elaborated.It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, and
It is not used in the restriction present invention.
In the description of the invention, term " interior ", " outer ", " longitudinal direction ", " transverse direction ", " on ", " under ", " top ", " bottom " etc. refer to
The orientation or position relationship shown be based on orientation shown in the drawings or position relationship, be for only for ease of description the present invention rather than
It is required that the present invention must be with specific azimuth configuration and operation, therefore it is not construed as limitation of the present invention.
As long as in addition, technical characteristic involved in each embodiment of invention described below is each other not
Constituting conflict can just be mutually combined.
Embodiment 1:
The embodiment of the present invention 1 provides display methods after a kind of conversion of Webpage, and the display methods is applied to various
The terminal device of operating system, including Android system, ios systems, pc systems and Windows Phone operating systems etc., remove
Certain applications are applied also for beyond this, for example：Wechat small routine.As shown in figure 1, the present embodiment display methods includes：
In step 201, obtain and open web page interlinkage instruction, page node data are pulled according to web page contents.
In embodiments of the present invention, due to webview need not be opened, just there is no webview initialization procedures, without page
Face code loading procedure, node data can begin to pull when user's webpage clicking is linked.
Wherein, enumerate exemplified by the web page contents employed in various embodiments of the present invention, its content includes：
<p>Lead：Syria is launched air raids in the U.S., and respectively there is a reaction international capital market, crude oil,<A data-seccode="
2020883269 " data-secname=" gold ">Gold</a>, yen rise violently, these funds have an opportunity.</p>
<p><Img src=" http://www.upchina.com/upload/topic/2017-04-08/
" 1491618524443057267.GIF title=" 1491618524443057267.GIF " alt=" 1.GIF "></p>
In step 202., according to the node data type, topology file is obtained.
In embodiments of the present invention, the topology file can write completion or by json languages by xml language
Speech writes completion, will stress to write each in angle triggering illustrated embodiments 1 from json language in the follow-up embodiment of the present invention
Perform the refinement implementation of step, still, those skilled in the art can disclosed in corresponding embodiment json language it is real
On the basis of existing mode, by rational reasoning, in the case of without creative work, it will be realized accordingly based on json language
Mode be transferred to and realize that both of which is within the scope of the present invention by xml language.
In step 203, according to the format content of the correspondence web page interlinkage, it is converted to pattern file.
Wherein, the format content of the correspondence web page interlinkage can be compiled in above-mentioned web page contents, can also be with list
Only formatted file is present, for example, realized based on CSS frameworks, and the formatted file existed with .css suffix names.
The pattern file generally with xml language write in completions, pattern file record have with included in topology file
Object type or the corresponding attribute item of contents of object.The attribute item can be default form, for example：Wechat little Cheng
Display in sequence generally for webpage is completed using default form；The attribute item can also be by originally with regard to correspondence webpage
The formatted files of .css suffix names be converted to, above two mode is in the range of this execution step is included.
In step 204, the content loading function of display window object is called, and using the topology file as described interior
Hold the loading object of loading function；Wherein, pattern file is adjusted during content loading function loads the topology file
With.
Wherein, display window object creates to show web page contents, can be in the link of user's webpage clicking
When just generate；It can also be that female program is created when going in requisition for display web page contents.
In step 205, the node data are after the topology file and pattern file has been loaded, with corresponding form
Corresponding contents are shown in the window with position.
Wherein, corresponding contents be the node data that are pulled from web page contents on the server with stored on local host
Media content, the media content includes image content, video content or word content.In addition, corresponding contents are also wrapped
Include direct word content pulled from web page contents etc..
Method provided in an embodiment of the present invention, can first go to pull the page node data when page is opened.Pass through
Node data, show different terminal interface structures so that the page can just be shown in the client in primary mode.Because
The page is shown in primary mode, so webview need not be opened, does not just have webview initialization procedures.Interface is original
Raw terminal experience, performance and the strong several times of effect ratio HTML5 page open modes.
Embodiment 2:
The embodiment of the present invention is the refinement for how to complete the implementation method of node data pull in embodiment 1, specifically
The description language that each terminal system is all suitable for is used (for example：JSON language), each terminal system includes：Android
System, IOS systems, WINCE systems, WINPhone etc..In the embodiment of the present invention, corresponding in step 201 in embodiment 1
It is described to pull page node data according to web page contents, it is implemented as：
By one or more object described in web page contents, using JSON language conversions as node data；
Wherein, the object type described in web page contents includes：Text type, picture/mb-type, video type and Flash classes
One or more in type；
Wherein, the attribute of each the node data obtained using JSON language conversions is the object type in JSON language.
By taking the web page code of wechat small routine as an example, its web page contents example is as follows：
<p>Lead：Syria is launched air raids in the U.S., and respectively there is a reaction international capital market, crude oil,
<A data-seccode=" 2020883269 " data-secname=" gold ">Gold</a>, yen rise violently,
These funds have an opportunity.</p>
<p><Img src=" http://www.upchina.com/upload/topic/2017-04-08/
" 1491618524443057267.GIF title=" 1491618524443057267.GIF " alt=" 1.GIF "></p>
Its Data Node is shown as：
[{"type":"text","text":" lead：Syria is launched air raids in the U.S., and respectively there is reaction international capital market, former
Oil, " }, { " type ":"a","text":" gold ", " attr ":{"data-seccode":"2020883269","data-
secname":" gold " } }, { " type ":"text","text":", yen rise violently, these funds have an opportunity."},{"
type":"img","attr":{"src":"http://www.upchina.com/upload/topic/2017-04-08/
1491618524443057267.GIF","title":"1491618524443057267.GIF","alt":"1.GIF"}}]。
Wherein, " lead：Syria is launched air raids in the U.S., and respectively there are reaction, crude oil, " corresponding object type in international capital market
For " text " type (i.e. text type)；And wherein, " http://www.upchina.com/upload/topic/2017-04-
08/1491618524443057267.GIF " corresponding object type is " img " types (i.e. picture/mb-type).
The web page code of the above-mentioned wechat small routine of correspondence, shows as in the node data obtained with JSON language conversions：
Wherein, parseHtmlNode:[Object, Object, Object, Object, Object, Object] is referred to
Comprising node number, a Type attribute items are corresponded to for each Object, and for carrying in each Object
Rong Xiang, for example：The content of text type is then carried in Text, including：Text:" lead：Launch air raids Syria, the whole world in the U.S.
Capital market respectively has a reaction, crude oil, ".
And the node data combed by Json programming languages, more easily it can be proposed by the embodiment of the present invention
Transfer and recognize for generating the configuration processor of topology file.Avoid depositing for excessive non-node data in script html file
The execution efficiency to the configuration processor is impacted.
Embodiment 3:
The embodiment of the present invention can be used for the methods described of embodiment 1, be in step 202, according to the node data type, to obtain
To topology file there is provided a kind of implementation of refinement, as shown in Fig. 2 including：
In step 301, the configuration processor for generating topology file is loaded.
The configuration processor for being used to generate topology file is proposed that its realization principle is to utilize by the embodiment of the present invention
For is circulated, and multiple node data will be generated in step 201 and carry out data type identification, and are stored according in own layout storehouse
The topology data corresponding to each data type having, with corresponding node data composition generation topology file.
Now by taking wechat small routine as an example, the embodiments of the invention provide one group of configuration processor generation for being used to generate topology file
Code, it is as follows：
The above-mentioned configuration processor code for being used to generate topology file.
In step 302, each node data are traveled through by the configuration processor of loading, and wrapped according to each node data
The object type contained, calls relevant parameter generation layout code in layout storehouse.
Wherein, layout code effect is more to generate its association code in pattern file for each node data, except this
In addition, the layout code further relates to the parameter setting to integral layout, for example：
android:Layout_width=" match_parent "
android:Layout_height=" match_parent "
android:Orientation=" vertical "
Wherein, layout_width, layout_height and orientation parameter setting is aobvious for content of pages
Show the fundamental of corresponding layout interface.
In step 303, after all node data pulled from webpage have been traveled through, topology file is generated.
In wechat small routine, the topology file is the file that xml language is described；In android system, the cloth
Office file is realized for Android control layouts describing mode.
By taking the realization of Android control layouts describing mode as an example, the web page contents shown in displaying embodiment 1, correspondence
Topology file it is as follows：
<LinearLayout xmlns:Android=" http://schemas.android.com/apk/res/
android"
xmlns:Tools=" http://schemas.android.com/tools"
android:Layout_width=" match_parent "
android:Layout_height=" match_parent "
android:Orientation=" vertical "
android:PaddingBottom=" 20dp "
<TextView
android:Id="@+id/div "
Style="@style/blue_btn_style "
android:Text=" leads：Syria is launched air raids in the U.S., and respectively there is a reaction international capital market, crude oil, "
/>
<TextView
android:Id="@+id/a "
Style="@style/a "
android:Text=" gold "
/>
<TextView
android:Id="@+id/div "
Style="@style/div "
android:Yen rises violently text=", and these funds have an opportunity."
/>
<ImageView
android:Id="@+id/img "
Style="@style/img "
android:Src=" http://www.upchina.com/upload/topic/2017-04-08/
1491618524443057267.GIF"/>
</LinearLayout>
Embodiment 4:
The embodiment of the present invention can be used for the methods described of embodiment 1, carry the platform of the web page interlinkage for android systems
During system, according to the format content of the correspondence web page interlinkage described in step 203, pattern file is converted to, as shown in figure 3,
It is implemented as：
In step 401, the parsing format content obtains the one or more using each node data as description object
Format content.
In step 402, it is that each description object sets up style categorical datas using xml language, and will the corresponding description of correspondence
The one or more format content of object, assignment is into each item in the style categorical datas set up.
Wherein, item include the one or more in color, back gauge, position and displaying ratio.
So that the page in android system is shown as an example, the pattern file after it is converted is as follows：
<Xml version=" 1.0 " encoding=" utf-8 ">
<resources>
<Style name=" div ">
<Item name=" android:MarginBottom">12sp</item>
<Item name=" android:TextAlign">justify</item>
</style>
<Style name=" div ">
<Item name=" android:MarginBottom">12sp</item>
<Item name=" android:TextAlign">justify</item>
</style>
<Style name=" a ">
<Item name=" android:color">#106fbc</item>
</style>
<Style name=" img ">
<Item name=" android:padding">5sp</item>
</style>
</resources>
Wherein, a node data in its corresponding topology file of each style name, wherein item is each node
Attribute item under data.
Embodiment 5:
The embodiment of the present invention, it is described according to correspondence when carrying the platform of the web page interlinkage for wechat small routine
The format content of web page interlinkage, is converted to pattern file, as shown in figure 4, specifically including：
In step 501, the parsing format content obtains the one or more using each node data as description object
Format content；
In step 502, it is that each description object sets up attribute cluster using CSS language, and corresponding description object will be corresponded to
One or more format content, assignment is into the attribute cluster set up in respective attributes；
Wherein, the attribute in attribute cluster includes：One or more in color, back gauge, position and displaying ratio.
By taking wechat applet code as an example, it can judge that current interface needs the content interface need shown according to Data Node
The pattern wanted is：
.news_txt div{margin-bottom:12px；text-align:justify；}
.news_txt a{color:#106fbc；position:relative；}
.news_txt b{font-weight:bold；}
.news_txt img{width:100%；display:block；padding:5px；}
Change into the pattern of wechat small routine needs：
.news_txt.div{margin-bottom:12px；text-align:justify；}
.news_txt.a{color:#106fbc；position:relative；}
.news_txt.b{font-weight:bold；}
.news_txt.img{width:100%；display:block；padding:5px；}
News_txt is the object of class types in a CSS language wherein in wechat small routine.
Embodiment 6:
The embodiment of the present invention is elaborated how to realize in embodiment 1 in the method for step 204 by taking android system as an example
Hold, it is described to call the content loading function of display window object, and the content loading function is used as using the topology file
Object is loaded, is specifically included：
The content loading function is (topology file address), wherein, using the first address of topology file as described
SetContentView input parameter.
It is exemplified below with program code：
Embodiment 7：
The embodiment of the present invention additionally provides a kind of Webpage conversion rear indicator 1, as shown in figure 5, including memory
And processor, wherein, processor and memory connect specific by main line：
The processor, for realizing each instruction；
The memory, for storing a plurality of instruction, the instruction is suitable to be loaded and performed by processor：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and the content loading function is used as using the topology file
Load object；Wherein, pattern file is called during content loading function loads the topology file；
The node data, will be corresponding with corresponding form and position after the topology file and pattern file has been loaded
Content is shown in the window.
There is a kind of preferred implementation with reference to the embodiment of the present invention, after the processor loading instruction, be additionally operable to：
Load the configuration processor for generating topology file；
Each node data, and the object class included according to each node data are traveled through by the configuration processor of loading
Type, calls relevant parameter generation layout code in layout storehouse；
After all node data pulled from webpage have been traveled through, topology file is generated.
What deserves to be explained is, processor and memory in said apparatus, due to the processing method embodiment with the present invention
1-6 is based on same design, and particular content can be found in the narration in the inventive method embodiment, and here is omitted.
Embodiment 8：
The embodiment of the present invention additionally provides a plurality of instruction that is stored with a kind of storage device, storage device, and the instruction is suitable
In being loaded by processor and performed：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and the content loading function is used as using the topology file
Load object；Wherein, pattern file is called during content loading function loads the topology file；
The node data, will be corresponding with corresponding form and position after the topology file and pattern file has been loaded
Content is shown in the window.
Storage device can include：Read-only storage (ROM, Read Only Memory), random access memory (RAM,
Random Access Memory), disk or CD etc.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention, all essences in the present invention
Any modifications, equivalent substitutions and improvements made within refreshing and principle etc., should be included in the scope of the protection.
Claims (10)
1. display methods after a kind of Webpage conversion, it is characterised in that after opening web page interlinkage instruction is obtained, according to webpage
Content pulls page node data, and method includes：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and is used as using the topology file loading of the content loading function
Object；Wherein, pattern file is called during content loading function loads the topology file；
The node data are after the topology file and pattern file has been loaded, with corresponding form and position by corresponding contents
Display is in the window.
2. display methods after Webpage conversion according to claim 1, it is characterised in that described to be drawn according to web page contents
Page node data are taken, are specifically included：
By one or more object described in web page contents, using JSON language conversions as node data；Wherein, web page contents
Described in object type include：One or more in text type, picture/mb-type, video type and Flash types；
Wherein, the attribute of each the node data obtained using JSON language conversions is the object type in JSON language.
3. display methods after Webpage conversion according to claim 1 or 2, it is characterised in that described according to the knot
Point data type, obtains topology file, specifically includes：
Load the configuration processor for generating topology file；
Each node data, and the object type included according to each node data are traveled through by the configuration processor of loading, adjusted
With relevant parameter generation layout code in layout storehouse；
After all node data pulled from webpage have been traveled through, topology file is generated.
4. display methods after Webpage conversion according to claim 3, it is characterised in that in wechat small routine, institute
It is the file that xml language is described to state topology file；In android system, the topology file is that Android control layouts are retouched
The mode of stating is realized.
5. display methods after Webpage conversion according to claim 1 or 2, it is characterised in that carrying the webpage
When the platform of link is Android system, the format content according to the correspondence web page interlinkage is converted to pattern text
Part, is specifically included：
Parse the format content and obtain one or more format content using each node data as description object；
It is that each description object sets up style categorical datas using xml language, and it is by one of the corresponding description object of correspondence or many
Item format content, assignment is into each item in the style categorical datas set up；Wherein, item include color, side
Away from the one or more in, position and displaying ratio.
6. display methods after Webpage conversion according to claim 4, it is characterised in that described to call display window pair
The content loading function of elephant, and using the topology file as the loading object of the content loading function, specifically include：
The content loading function is setContentView (topology file address), wherein, made with the first address of topology file
For the input parameter of the setContentView.
7. display methods after Webpage conversion according to claim 1 or 2, it is characterised in that carrying the webpage
When the platform of link is wechat small routine, the format content according to the correspondence web page interlinkage is converted to pattern file,
Specifically include：
Parse the format content and obtain one or more format content using each node data as description object；
It is that each description object sets up attribute cluster, and the one or more form that will correspond to corresponding description object using CSS language
Content, assignment is into the attribute cluster set up in respective attributes；
Wherein, the attribute in attribute cluster includes：One or more in color, back gauge, position and displaying ratio.
8. a kind of Webpage changes rear indicator, it is characterised in that including memory and processor, wherein, processor and
Memory connects specific by main line：
The processor, for realizing each instruction；
The memory, for storing a plurality of instruction, the instruction is suitable to be loaded and performed by processor：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and is used as using the topology file loading of the content loading function
Object；Wherein, pattern file is called during content loading function loads the topology file；
The node data are after the topology file and pattern file has been loaded, with corresponding form and position by corresponding contents
Display is in the window.
9. Webpage according to claim 8 changes rear indicator, it is characterised in that the processor loading instruction
Afterwards, it is additionally operable to：
Load the configuration processor for generating topology file；
Each node data, and the object type included according to each node data are traveled through by the configuration processor of loading, adjusted
With relevant parameter generation layout code in layout storehouse；
After all node data pulled from webpage have been traveled through, topology file is generated.
10. a kind of storage device, it is characterised in that be stored with a plurality of instruction in storage device, the instruction is suitable to by processor
Load and perform：
According to the node data type, topology file is obtained；
According to the format content of the correspondence web page interlinkage, pattern file is converted to；
The content loading function of display window object is called, and is used as using the topology file loading of the content loading function
Object；Wherein, pattern file is called during content loading function loads the topology file；
The node data are after the topology file and pattern file has been loaded, with corresponding form and position by corresponding contents
Display is in the window.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710322026.1A CN107066618B (en) | 2017-05-09 | 2017-05-09 | Method and device for displaying converted webpage |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710322026.1A CN107066618B (en) | 2017-05-09 | 2017-05-09 | Method and device for displaying converted webpage |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107066618A true CN107066618A (en) | 2017-08-18 |
| CN107066618B CN107066618B (en) | 2020-06-05 |
Family
ID=59596310
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710322026.1A Active CN107066618B (en) | 2017-05-09 | 2017-05-09 | Method and device for displaying converted webpage |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107066618B (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107506431A (en) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | By method, storage medium and the terminal of XML file generation html file |
| CN107729011A (en) * | 2017-10-25 | 2018-02-23 | 南京大学 | A kind of cross-platform page method for transformation from iOS to Android based on model conversion |
| CN108268262A (en) * | 2017-12-27 | 2018-07-10 | 广东耐思尼克信息技术有限公司 | Realize the method, apparatus and system that HTML is converted to wechat small routine |
| CN108376153A (en) * | 2018-02-07 | 2018-08-07 | 厦门集微科技有限公司 | A kind of Webpage production method and device |
| CN109284470A (en) * | 2018-10-25 | 2019-01-29 | 天津字节跳动科技有限公司 | Page window communication means and device |
| CN109885347A (en) * | 2017-12-01 | 2019-06-14 | 财付通支付科技有限公司 | A kind of acquisition methods of configuration data, device and terminal, system, storage medium |
| CN112597416A (en) * | 2020-12-18 | 2021-04-02 | 北京达佳互联信息技术有限公司 | Webpage element display method, device, server and storage medium |
| CN113553524A (en) * | 2021-06-30 | 2021-10-26 | 上海硬通网络科技有限公司 | Method, device, equipment and storage medium for typesetting characters of webpage |
| CN113672835A (en) * | 2021-07-13 | 2021-11-19 | 上海硬通网络科技有限公司 | Method, device and equipment for setting dynamic special effect of webpage and storage medium |
| WO2022247458A1 (en) * | 2021-05-28 | 2022-12-01 | 华为技术有限公司 | Page display method, electronic device, and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102073502A (en) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | Method for rendering page frame by WEB primary layout and device thereof |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
| CN105354014A (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering display method and apparatus |
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
| CN106293645A (en) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | A kind of method and system improving Web application interface rendering efficiency |
| CN106371844A (en) * | 2016-08-31 | 2017-02-01 | 北京奇艺世纪科技有限公司 | Method and system for presenting webpage by native user interface assembly |
-
2017
- 2017-05-09 CN CN201710322026.1A patent/CN107066618B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102073502A (en) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | Method for rendering page frame by WEB primary layout and device thereof |
| CN105354014A (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering display method and apparatus |
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
| CN106293645A (en) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | A kind of method and system improving Web application interface rendering efficiency |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
| CN106371844A (en) * | 2016-08-31 | 2017-02-01 | 北京奇艺世纪科技有限公司 | Method and system for presenting webpage by native user interface assembly |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107506431A (en) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | By method, storage medium and the terminal of XML file generation html file |
| CN107729011B (en) * | 2017-10-25 | 2019-09-20 | 南京大学 | A kind of cross-platform page method for transformation of slave iOS to the Android based on model conversion |
| CN107729011A (en) * | 2017-10-25 | 2018-02-23 | 南京大学 | A kind of cross-platform page method for transformation from iOS to Android based on model conversion |
| CN109885347B (en) * | 2017-12-01 | 2023-02-14 | 财付通支付科技有限公司 | Method, device, terminal, system and storage medium for acquiring configuration data |
| CN109885347A (en) * | 2017-12-01 | 2019-06-14 | 财付通支付科技有限公司 | A kind of acquisition methods of configuration data, device and terminal, system, storage medium |
| CN108268262A (en) * | 2017-12-27 | 2018-07-10 | 广东耐思尼克信息技术有限公司 | Realize the method, apparatus and system that HTML is converted to wechat small routine |
| CN108376153A (en) * | 2018-02-07 | 2018-08-07 | 厦门集微科技有限公司 | A kind of Webpage production method and device |
| CN109284470B (en) * | 2018-10-25 | 2020-12-04 | 天津字节跳动科技有限公司 | Page window communication method and device |
| CN109284470A (en) * | 2018-10-25 | 2019-01-29 | 天津字节跳动科技有限公司 | Page window communication means and device |
| CN112597416A (en) * | 2020-12-18 | 2021-04-02 | 北京达佳互联信息技术有限公司 | Webpage element display method, device, server and storage medium |
| CN112597416B (en) * | 2020-12-18 | 2024-03-01 | 北京达佳互联信息技术有限公司 | Webpage element display method and device, server and storage medium |
| WO2022247458A1 (en) * | 2021-05-28 | 2022-12-01 | 华为技术有限公司 | Page display method, electronic device, and storage medium |
| CN113553524A (en) * | 2021-06-30 | 2021-10-26 | 上海硬通网络科技有限公司 | Method, device, equipment and storage medium for typesetting characters of webpage |
| CN113672835A (en) * | 2021-07-13 | 2021-11-19 | 上海硬通网络科技有限公司 | Method, device and equipment for setting dynamic special effect of webpage and storage medium |
| CN113672835B (en) * | 2021-07-13 | 2024-04-12 | 上海硬通网络科技有限公司 | Method, device, equipment and storage medium for setting dynamic special effects of web pages |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107066618B (en) | 2020-06-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107066618A (en) | Display methods and device after a kind of Webpage conversion | |
| US8775926B2 (en) | Stylesheet conversion engine | |
| CN106095437B (en) | The implementation method and device of the user interface layout type of RTL from right to left | |
| CN106980508A (en) | Method and apparatus for generating the page | |
| US20070300145A1 (en) | Method and system to persist state | |
| CN107329747A (en) | A kind of method and device for generating multi-threaded pattern | |
| AU2004205330A1 (en) | Programming interface for a computer platform | |
| US9141596B2 (en) | System and method for processing markup language templates from partial input data | |
| CN113126990B (en) | Page development method, device, equipment and storage medium | |
| CN109684580A (en) | A kind of methods of exhibiting and electronic equipment of dynamic page | |
| CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
| CN110045956A (en) | Configuration method, device, equipment and the readable storage medium storing program for executing of component | |
| CN109582317A (en) | Method and apparatus for debugging boarding application | |
| CN107688456A (en) | Document generating method, equipment and computer-readable recording medium | |
| CN112799670B (en) | Method and system for unified multi-terminal logic development | |
| CN112487330A (en) | UI skin changing method, system, device and storage medium based on XML | |
| CN110312990A (en) | Configuration method and system | |
| CN107391116B (en) | Method and device for rendering popup window by aid of assembly | |
| CN114527979A (en) | Method and system for generating multi-end form interactive page | |
| CN114489607A (en) | Cross-stack application processing and page rendering method, device, equipment and storage medium | |
| Radford | Learning Web Development with Bootstrap and AngularJS | |
| CN113961279A (en) | Page rendering method, device, server and storage medium | |
| CN116595284B (en) | Webpage system operation method, device, equipment, storage medium and program | |
| Sunderaraman | Practical Ext JS 4 | |
| CN111367515B (en) | Page card development method, device, computing equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address |
Address after: 430000 No.1 (3), Taichung Avenue, Gaoqiao Industrial Park, Taiwan investment zone, Dongxihu District, Wuhan City, Hubei Province Patentee after: Lighthouse Technology Co.,Ltd. Country or region after: China Address before: 430000 No.1 (3), Taichung Avenue, Gaoqiao Industrial Park, Taiwan investment zone, Dongxihu District, Wuhan City, Hubei Province Patentee before: DENGTA FINANCIAL INFORMATION CO.,LTD. Country or region before: China |