CN107105347A - With the method for div technological development WEBOS intelligent televisions front end - Google Patents
With the method for div technological development WEBOS intelligent televisions front end Download PDFInfo
- Publication number
- CN107105347A CN107105347A CN201710384784.6A CN201710384784A CN107105347A CN 107105347 A CN107105347 A CN 107105347A CN 201710384784 A CN201710384784 A CN 201710384784A CN 107105347 A CN107105347 A CN 107105347A
- Authority
- CN
- China
- Prior art keywords
- page
- div
- webos
- pages
- stack
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4438—Window management, e.g. event handling following interaction with the user interface
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
- H04N21/835—Generation of protective data, e.g. certificates
- H04N21/8355—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed
- H04N21/83555—Generation of protective data, e.g. certificates involving usage data, e.g. number of copies or viewings allowed using a structured language for describing usage rules of the content, e.g. REL
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/854—Content authoring
- H04N21/8543—Content authoring using a description language, e.g. Multimedia and Hypermedia information coding Expert Group [MHEG], eXtensible Markup Language [XML]
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Computer Security & Cryptography (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses the method with div technological development WEBOS intelligent televisions front end.Comprise the following steps：Start and share html：All web pages of intelligent television are designed to a webpage, all pages are all placed on inside a html file, kept apart between each page or functional module with div tag.The conventional js files of loading；It is a single js file by each Pages Design, while being packaged the page using the NameSpace of class；Then each page js files are all imported into same html files.Message Processing：Press key message is handled and filtered inside each functional module.Stack mechanism administration page：All pages are managed collectively using stack mechanism, it would be desirable to the page press-in stack of display, the page that need not be shown is popped, and ensure there is a display page inside stack all the time.Hot key processing：All hot keys are individually encapsulated in inside a page, window layers of concentration is placed on and is handled.
Description
Technical field
The invention belongs to web development technique field under embedded system, it is related in webos intelligent televisions between the page in real time
The communication technology, and in particular to the method for div technological development WEBOS intelligent televisions front end.
Background technology
With intelligent television people live in increasingly popularize, people for intelligent television requirement more and more higher, it is right
It is more and more faster in the renewal frequency of intelligent television program, for interface of intelligent television effect requirements also more and more higher, in order to adapt to
The demand of modern goods, webos intelligent televisions arise at the historic moment.Webos intelligent televisions be based on linux kernel, and will be clear
Device of looking at is transplanted under the operating system, and operates above a kind of intelligent television of various application programs in the browser.It has
Exploitation is simple, convenient, the features such as updating decision.
During webos intelligent televisions exploitation UI, many problems are run into, such as：Interaction is more frequent between the different pages,
Various message bullet frames have uncertainty, and loading webpage causes to experience bad etc. slowly.
The content of the invention
The invention aims to solve under embedded Linux equipment, due to browser in itself and cpu performances limit
Can not be communicated between system, two different pages, webpage refresh rate is slow and different js scripts between the problem of call confusion.Carry
For a kind of method of utilization div technological development WEBOS intelligent televisions front end
In order to reach above-mentioned technique effect, the present invention takes following technical scheme：With div technological development WEBOS intelligence
The method of energy television headend, it comprises the following steps：
Start and share html：All web pages of intelligent television are designed to a webpage, all pages are all placed on one
Inside html files, kept apart between each page or functional module with div tag.
The conventional js files of loading；It is a single js file by each Pages Design, while using the NameSpace of class
The page is packaged；Then each page js files are all imported into same html files.
Message Processing：Press key message is handled and filtered inside each functional module.
Stack mechanism administration page：All pages are managed collectively using stack mechanism, it would be desirable to the page press-in of display
Stack, the page that need not be shown is popped, and ensures there is a display page inside stack all the time.
Hot key processing：All hot keys are individually encapsulated in inside a page, window layers of concentration is placed on and is handled.
Further technical scheme is：All pages share same body.
Further technical scheme is：The div tag is the paragraph tag in html, for for bulk in html document
Content the element of structure and background is provided.
Further technical scheme is：For Message Processing, first handled and filtered in corresponding page, for this
The message not handled inside the page again returns to window layers and handled accordingly.
Further technical scheme is：Described window layers refers to browser window object.
Further technical scheme is：The hot key includes but is not limited to volume key, mute key and shortcut.
The present invention compared with prior art, with following beneficial effect：The present invention is proposed using single webpage and div
The mechanism of Development of Framework.So-called div frameworks, are by different functional modules, to be kept apart between the different pages with div tag
Come, be independent of each other between each div and each div possesses the focus of oneself, event, the mechanism such as Message Processing.Meanwhile, single net
Page causes all pages all inside same webpage, so that switch speed and loading velocity between having greatly accelerated the page.
Face carries out webos application developments on the frame, and the page can be caused to continue between other pages after hiding
Communicated, and function call, variable are shared between the page is possibly realized.Meanwhile, add the unified management mechanism of stack so that
Switch the packing forms that each page of ordering uses class between the page, convenient management is called and safeguarded；Cutting between the page
Change and mechanism is managed collectively using stack, be easy to manage concentratedly and safeguard.The method that the present invention is provided can be widely applied to embedded
Linux webos fields, can simplify development process, facilitate page management etc..Exploitativeness is very strong.
Brief description of the drawings
Fig. 1 is the inventive method schematic diagram.
Embodiment
With reference to embodiments of the invention, the invention will be further elaborated.
Embodiment：
As shown in Figure 1：With the method for div technological development WEBOS intelligent televisions front end, it comprises the following steps：
Start and share html：All web pages of intelligent television are designed to a webpage, all pages are all placed on one
Inside html files, kept apart between each page or functional module with div tag.During the div tag is html
Paragraph tag, the element of structure and background is provided for the content for bulk in html document.With browser compatibility it is good,
The features such as webpage access speed is fast, meanwhile, div tag possesses the focus event processing of oneself, and can be well to some things
Part is filtered and intercepted.
Specifically：Each functional module is carried out to the encapsulation of class according to the thinking of object-oriented, and with the function of the module
It is named.Such as：Menu module encapsulation code is as follows：
The conventional js files of loading；It is a single js file by each Pages Design, while using the NameSpace of class
The page is packaged；Then each page js files are all imported into same html files.More preferably, webos
Project full page shares a page body, i.e., all pages share same body.
Specifically：Each page js files are all imported into same html files, it is as follows：
Message Processing：Press key message is handled and filtered inside each functional module.For example：At menu section button
Manage code as follows：
Stack mechanism administration page：All pages are managed collectively using stack mechanism, it would be desirable to the page press-in of display
Stack, the page that need not be shown is popped, and ensures there is a display page inside stack all the time.
Specifically：The page is shown and switched using the centralized management mechanism of stack, the page press-in stack that will be shown
It has been shown that, when to show next page, first the page is popped, then the page shown will be needed to be pressed into stack.Stack
Realize that code is as follows：
Hot key processing：All hot keys are individually encapsulated in inside a page, window layers of concentration is placed on and is handled.Institute
Hot key including but not limited to volume key is stated, mute key, shortcut, code is as follows：
Further, for Message Processing, first handled and filtered in corresponding page, for this page the inside not
The message of processing again returns to window layers and handled accordingly.Window described in the present embodiment layers refers to browser window pair
As.
It is exactly the specific implementation method of the present invention above, it is directed in embedded device, is needed between each page
Real-time, interactive, starts a kind of web front-end Development Framework that page speed is designed slowly, enters line program using this framework and open
Hair is very simple, is very easy to.It has very strong durability.
Just designing points of the present invention are further stressed below：
All web pages of intelligent television are designed to a webpage by the present invention, then the different pages are kept apart with div tag
Come, each page has oneself independent event handling and focus treatment mechanism.Stack administration page mechanism is used again, it would be desirable to aobvious
The page press-in stack shown, it is not necessary to which the page of display is popped and hides.
Specifically：In order to avoid all pages inside same html files it is very chaotic, operation page body inside
It is empty, all pages are created inside js files, and each page is kept apart with div tag, are conveniently read
Read and manage.
Form of all js Document encapsulations into class, it is to avoid variable name is repeated and called mixed between there are different js files
Disorderly, class name is named with the function of this document.
Communication between the different pages uses function call or message mechanism.For hot key (such as：Volume key, mute key,
Shortcut etc.) button receive and receive inside public js (index.js) file, no matter system is in which interface, Dou Nengjie
Receive hot key and hot key is handled.
The present invention is divided using div tag mode, and all pages are loaded in same html files
And run, only one of which webpage all the time.Meanwhile, invention introduces the page management mechanism of stack space, facilitate the management of the page
And maintenance.
It is understood that the principle that embodiment of above is intended to be merely illustrative of the present and the exemplary implementation that uses
Mode, but the invention is not limited in this.For those skilled in the art, the essence of the present invention is not being departed from
In the case of refreshing and essence, various changes and modifications can be made therein, and these variations and modifications are also considered as protection scope of the present invention.
Claims (6)
1. with the method for div technological development WEBOS intelligent televisions front end, it is characterised in that：It comprises the following steps：
Start and share html：All web pages of intelligent television are designed to a webpage, all pages are all placed on a html text
Inside part, kept apart between each page or functional module with div tag；
The conventional js files of loading；It is a single js file by each Pages Design, while should using the NameSpace of class
The page is packaged；Then each page js files are all imported into same html files；
Message Processing：Press key message is handled and filtered inside each functional module；
Stack mechanism administration page：All pages are managed collectively using stack mechanism, it would be desirable to the page press-in stack of display, will
The page that need not be shown is popped, and ensures there is a display page inside stack all the time；
Hot key processing：All hot keys are individually encapsulated in inside a page, window layers of concentration is placed on and is handled.
2. the method for utilization div technological development WEBOS intelligent televisions front end according to claim 1, it is characterised in that：Institute
There is the page to share same body.
3. the method for utilization div technological development WEBOS intelligent televisions front end according to claim 1, it is characterised in that：Institute
It is the paragraph tag in html to state div tag, and the element of structure and background is provided for the content for bulk in html document.
4. the method for utilization div technological development WEBOS intelligent televisions front end according to claim 1, it is characterised in that：It is right
In Message Processing, first handled and filtered in corresponding page, again returned to for the message not handled inside this page
Window layers are handled accordingly.
5. the method for the utilization div technological development WEBOS intelligent televisions front end according to claim 1 or 4, its feature exists
In：Described window layers refers to browser window object.
6. the method for utilization div technological development WEBOS intelligent televisions front end according to claim 1, it is characterised in that：Institute
Stating hot key includes volume key, mute key and shortcut.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710384784.6A CN107105347A (en) | 2017-05-26 | 2017-05-26 | With the method for div technological development WEBOS intelligent televisions front end |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710384784.6A CN107105347A (en) | 2017-05-26 | 2017-05-26 | With the method for div technological development WEBOS intelligent televisions front end |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107105347A true CN107105347A (en) | 2017-08-29 |
Family
ID=59670477
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710384784.6A Pending CN107105347A (en) | 2017-05-26 | 2017-05-26 | With the method for div technological development WEBOS intelligent televisions front end |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107105347A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108984278A (en) * | 2018-06-27 | 2018-12-11 | 青岛海信宽带多媒体技术有限公司 | A kind of processing method of key-press event, medium and equipment |
| CN109725889A (en) * | 2018-12-25 | 2019-05-07 | 浙江浙大中控信息技术有限公司 | The implementation method of connection is established between cordova and weex |
| CN110109665A (en) * | 2018-10-18 | 2019-08-09 | 神思旭辉医疗信息技术有限责任公司 | A kind of front end UI system and method based on container encapsulation |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130088569A1 (en) * | 2011-10-10 | 2013-04-11 | Global Development Holding Ltd. | Apparatuses, methods and systems for provision of 3d content over a communication network |
| CN105069060A (en) * | 2015-07-28 | 2015-11-18 | 北京京东尚科信息技术有限公司 | Page typesetting method of HTML (Hypertext Markup Language) documents |
| US20160189272A1 (en) * | 2009-10-15 | 2016-06-30 | Binja, Inc. | Mobile local search platform |
| CN106647560A (en) * | 2016-11-23 | 2017-05-10 | 中国南方电网有限责任公司 | Mobile application unified management method |
-
2017
- 2017-05-26 CN CN201710384784.6A patent/CN107105347A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160189272A1 (en) * | 2009-10-15 | 2016-06-30 | Binja, Inc. | Mobile local search platform |
| US20130088569A1 (en) * | 2011-10-10 | 2013-04-11 | Global Development Holding Ltd. | Apparatuses, methods and systems for provision of 3d content over a communication network |
| CN105069060A (en) * | 2015-07-28 | 2015-11-18 | 北京京东尚科信息技术有限公司 | Page typesetting method of HTML (Hypertext Markup Language) documents |
| CN106647560A (en) * | 2016-11-23 | 2017-05-10 | 中国南方电网有限责任公司 | Mobile application unified management method |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108984278A (en) * | 2018-06-27 | 2018-12-11 | 青岛海信宽带多媒体技术有限公司 | A kind of processing method of key-press event, medium and equipment |
| CN108984278B (en) * | 2018-06-27 | 2021-10-15 | 青岛海信宽带多媒体技术有限公司 | Key event processing method, medium and equipment |
| CN110109665A (en) * | 2018-10-18 | 2019-08-09 | 神思旭辉医疗信息技术有限责任公司 | A kind of front end UI system and method based on container encapsulation |
| CN109725889A (en) * | 2018-12-25 | 2019-05-07 | 浙江浙大中控信息技术有限公司 | The implementation method of connection is established between cordova and weex |
| CN109725889B (en) * | 2018-12-25 | 2022-03-25 | 浙江中控信息产业股份有限公司 | Method for establishing connection between cordova and weex |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103544059B (en) | The realization method and system of pending buffer effect during a kind of application switching | |
| CN107105347A (en) | With the method for div technological development WEBOS intelligent televisions front end | |
| CN103034729A (en) | Webpage drawing system and webpage drawing method | |
| CN103543925A (en) | Method and device for operating pictures | |
| CN105955714A (en) | Mixed development front end MVC frame implementation method and system | |
| CN106843794B (en) | Split screen display method and system based on android | |
| CN107247544A (en) | Use interaction figure picture optimization software application user interface capabilities | |
| CN105487933A (en) | Inter-kernel asynchronous message queue and shared memory based inter-domain communication method | |
| CN103902318A (en) | Android platform based image loading method | |
| CN103970839A (en) | Method for controlling webpage browsing through voice | |
| CN107506483A (en) | Page loading method, device, electronic equipment and storage medium | |
| CN114996619A (en) | Page display method and device, computer equipment and storage medium | |
| US20230379373A1 (en) | Information switching and sharing method, device, electronic apparatus, and storage medium | |
| CN106325703A (en) | Webpage man-machine interface control device and running method thereof | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| CN107018137A (en) | A kind of Flash reorientation methods and device | |
| CN105808307A (en) | Page display method and device | |
| CN104077151A (en) | Method for fast starting network application and electronic equipment | |
| CN102904925B (en) | Three-screen-interaction-based cross-platform widget middleware system | |
| CN114253652A (en) | Method and system for realizing cloud application window list of android mobile terminal by simulating local App | |
| CN110069247A (en) | A kind of development approach and device, application method and device of application program | |
| CN104102485A (en) | Html-based module encapsulation loading method | |
| CN112291412A (en) | Application program control method and device and electronic equipment | |
| CN107193952A (en) | Optimize the method for HTML5 Canvas performances based on multithreading | |
| CN116760936A (en) | Processing device, control method, control device, electronic apparatus, and 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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170829 |