本發(fā)明涉及移動(dòng)應(yīng)用程序開發(fā)領(lǐng)域，尤其涉及一種用于應(yīng)用程序UI顯示的方法及用于應(yīng)用程序UI顯示的裝置。
背景技術(shù)：
：現(xiàn)有的很多移動(dòng)應(yīng)用程序(后文簡稱應(yīng)用程序)都是基于HTML5(HyperTextMarkupLanguage，超文本標(biāo)記語言標(biāo)準(zhǔn)5)的移動(dòng)應(yīng)用開發(fā)框架開發(fā)的。由于目前的很多智能終端使用的是安卓(Android)系統(tǒng)，各個(gè)智能終端的制造商都會(huì)或多或少的對(duì)原生的安卓系統(tǒng)進(jìn)行符合自身需求的改進(jìn)，在加上安卓系統(tǒng)本身就具有多個(gè)版本，因此就造成了目前安卓系統(tǒng)版本繁雜，以及使用安卓系統(tǒng)的智能終端的種類繁多的情況，這種情況就導(dǎo)致了應(yīng)用程序開發(fā)過程中的碎片化問題。該碎片化問題是指，在進(jìn)行應(yīng)用程序開發(fā)時(shí)，需要使應(yīng)用程序的UI組件盡可能的兼容多種系統(tǒng)版本和多種終端，但是實(shí)際上做不到對(duì)所有系統(tǒng)版本和所有終端的兼容，從而影響了應(yīng)用程序在不同類型、不同版本操作系統(tǒng)的進(jìn)行展現(xiàn)時(shí)的性能。技術(shù)實(shí)現(xiàn)要素：本發(fā)明提供一種用于應(yīng)用程序UI顯示的方法及裝置，用于解決應(yīng)用程序UI組件在不同類型、不同版本操作系統(tǒng)上的兼容性問題。為了實(shí)現(xiàn)上述目的，本發(fā)明提供一種用于應(yīng)用程序UI顯示的方法，所述方法包括：在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載?？蛇x的，所述配置文件中配置有不同設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系，以及每個(gè)需要切換的UI組件的原生組件的接口。可選的，所述根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件，包括：確定用于展現(xiàn)所述應(yīng)用程序的待加載UI組件，所述待加載UI組件為用于顯示所述應(yīng)用程序當(dāng)前需要顯示的目標(biāo)頁面的UI組件；利用所述設(shè)備信息，在所述配置文件中確定所述待加載UI組件中的需要切換的UI組件，作為目標(biāo)UI組件；在所述配置文件中獲取所述目標(biāo)UI組件的原生組件的接口?？蛇x的，所述加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載，包括：根據(jù)所述目標(biāo)UI組件的原生組件的接口，獲取所述目標(biāo)UI組件的原生組件；加載所述待加載UI組件，其中在加載所述待加載UI組件時(shí)，將所述目標(biāo)UI組件由當(dāng)前的非原生組件替換為所述目標(biāo)UI組件的原生組件。可選的，所述應(yīng)用程序?yàn)榛诔?jí)文本標(biāo)記語言HTMLn開發(fā)的非原生應(yīng)用程序，其中n表示HTML的版本；所述設(shè)備信息包括以下至少一者：所述終端的型號(hào)、所述終端的網(wǎng)絡(luò)視圖、所述終端的操作系統(tǒng)版本信息。本發(fā)明還提供一種用于應(yīng)用程序UI顯示的裝置，所述裝置包括：信息獲取模塊，用于在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；讀取模塊，用于根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載模塊，用于加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載?？蛇x的，所述配置文件中配置有不同設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系，以及每個(gè)需要切換的UI組件的原生組件的接口。可選的，所述讀取模塊，包括：組件確定子模塊，用于確定用于展現(xiàn)所述應(yīng)用程序的待加載UI組件，所述待加載UI組件為用于顯示所述應(yīng)用程序當(dāng)前需要顯示的目標(biāo)頁面的UI組件；配置讀取子模塊，用于利用所述設(shè)備信息，在所述配置文件中確定所述待加載UI組件中的需要切換的UI組件，作為目標(biāo)UI組件；接口確定子模塊，用于在所述配置文件中獲取所述目標(biāo)UI組件的原生組件的接口?？蛇x的，所述加載模塊，包括：組件獲取子模塊，用于根據(jù)所述目標(biāo)UI組件的原生組件的接口，獲取所述目標(biāo)UI組件的原生組件；組件加載子模塊，用于加載所述待加載UI組件，其中在加載所述待加載UI組件時(shí)，將所述目標(biāo)UI組件由當(dāng)前的非原生組件替換為所述目標(biāo)UI組件的原生組件?？蛇x的，所述應(yīng)用程序?yàn)榛诔?jí)文本標(biāo)記語言HTMLn開發(fā)的非原生應(yīng)用程序，其中n表示HTML的版本；所述設(shè)備信息包括以下至少一者：所述終端的型號(hào)、所述終端的網(wǎng)絡(luò)視圖、所述終端的操作系統(tǒng)版本信息。本發(fā)明提供的用于應(yīng)用程序UI顯示的方法及裝置，通過在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。能夠解決應(yīng)用程序UI組件在不同類型、不同版本操作系統(tǒng)上的兼容性問題，從而能夠提高應(yīng)用程序在不同類型、不同版本操作系統(tǒng)的進(jìn)行展現(xiàn)時(shí)的性能。本發(fā)明的其他特征和優(yōu)點(diǎn)將在隨后的具體實(shí)施方式部分予以詳細(xì)說明。附圖說明附圖是用來提供對(duì)本發(fā)明的進(jìn)一步理解，并且構(gòu)成說明書的一部分，與下面的具體實(shí)施方式一起用于解釋本發(fā)明，但并不構(gòu)成對(duì)本發(fā)明的限制。在附圖中：圖1是本發(fā)明一實(shí)施例提供一種用于應(yīng)用程序UI顯示的方法的流程圖；圖2是本發(fā)明一實(shí)施例提供另一種用于應(yīng)用程序UI顯示的方法的流程圖；圖3是本發(fā)明一實(shí)施例提供的一種用于應(yīng)用程序UI顯示的裝置的框圖；圖4是圖3所示實(shí)施例示出的一種讀取模塊的框圖；圖5是圖3所示實(shí)施例示出的一種加載模塊的框圖。具體實(shí)施方式以下結(jié)合附圖對(duì)本發(fā)明的具體實(shí)施方式進(jìn)行詳細(xì)說明。應(yīng)當(dāng)理解的是，此處所描述的具體實(shí)施方式僅用于說明和解釋本發(fā)明，并不用于限制本發(fā)明。圖1是本發(fā)明一實(shí)施例提供一種用于應(yīng)用程序UI顯示的方法的流程圖，參見圖1，該方法可以包括以下步驟。步驟101，在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序。步驟102，根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件。步驟103，加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。綜上，本發(fā)明提供的用于應(yīng)用程序UI顯示的方法，通過在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。能夠解決應(yīng)用程序UI組件在不同類型、不同版本操作系統(tǒng)上的兼容性問題，從而能夠提高應(yīng)用程序在不同類型、不同版本操作系統(tǒng)的進(jìn)行展現(xiàn)時(shí)的性能。圖2是本發(fā)明一實(shí)施例提供另一種用于應(yīng)用程序UI顯示的方法的流程圖，參見圖2，該方法可以包括以下步驟。步驟201，接收到展現(xiàn)應(yīng)用程序的指令。示例地，該應(yīng)用程序可以為移動(dòng)應(yīng)用程序，該應(yīng)用程序可以是基于超級(jí)文本標(biāo)記語言HTMLn開發(fā)的非原生應(yīng)用程序，其中n表示HTML的版本。例如可以是基于HTML4開發(fā)的應(yīng)用程序或者是基于HTML5開發(fā)的應(yīng)用程序，本實(shí)施例中以基于HTML5開發(fā)的應(yīng)用程序?yàn)槔２襟E202，響應(yīng)于啟動(dòng)應(yīng)用程序的指令，獲取終端的設(shè)備信息。示例地，該展現(xiàn)應(yīng)用程序的指令可以是用戶在終端上進(jìn)行開啟該應(yīng)用程序的操作時(shí)產(chǎn)生的，該指令可以是啟動(dòng)應(yīng)用程序的指令，或者從后臺(tái)變?yōu)榍芭_(tái)顯示該應(yīng)用程序的指令。該終端收到該指令后，獲取該終端的設(shè)備信息，該設(shè)備信息可以包括以下至少一者：該終端的型號(hào)、該終端的網(wǎng)絡(luò)視圖、該終端的操作系統(tǒng)版本信息等。其中終端的型號(hào)可以包括終端生廠商的標(biāo)識(shí)以及該終端的設(shè)備型號(hào)，例如：XiaomiMAX、HUWEIMate8、MEIZUPRO6等等。網(wǎng)絡(luò)視圖即webview，操作系統(tǒng)版信息以安卓系統(tǒng)為例，如果是原生的安卓系統(tǒng)，則系統(tǒng)版信息例如：Android4.4、Android5.1、Android6.0.1等等，如果是基于原生的安卓系統(tǒng)定制的第三方系統(tǒng)，則系統(tǒng)版信息例如：Flyme5.0，MIUI8等等。步驟203，讀取預(yù)先設(shè)置的配置文件，根據(jù)所述設(shè)備信息在該配置文件中確定所述應(yīng)用程序的需要切換的UI組件。示例地，該配置文件中配置有不同設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系，以及每個(gè)需要切換的UI組件的原生組件的接口。這是由于本實(shí)施例針對(duì)的是基于HTML5開發(fā)的非原生應(yīng)用程序，因此該應(yīng)用程序中的UI組件通常是非原生組件，但是由于該應(yīng)用程序中可能存在與某些類型的終端或者某些版本的操作系統(tǒng)不兼容的問題，因此可以將該應(yīng)用程序中存在兼容性問題的UI組件在其不兼容的終端或者操作系統(tǒng)中加載時(shí)，先替換為原生組件再進(jìn)行加載。為了實(shí)現(xiàn)這個(gè)目的，可以預(yù)先配置不同設(shè)備信息對(duì)應(yīng)的具有兼容性問題的UI組件的對(duì)應(yīng)關(guān)系，也就是上述的不同設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系。示例地，該對(duì)應(yīng)關(guān)系例如可以是表1所示的形式：表1終端型號(hào)操作系統(tǒng)版本需要切換的UI組件型號(hào)AAndroid4.2組件D型號(hào)B組件E、組件F型號(hào)CAndroid5.1組件I因此在讀取上述的配置文件后，根據(jù)該配置文件記載的設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系就可以確定該應(yīng)用程序的哪些UI組件是需要切換的。配置文件中配置的每個(gè)需要切換的UI組件的原生組件的接口是用于加載該的UI組件的原生組件的接口，該接口與UI組件的非原生接口的接口類型相同。其中每個(gè)需要切換的UI組件的原生組件都是預(yù)先封裝好的，通過該原生組件的接口就可以加載該原生組件。其中，對(duì)原生組件要進(jìn)行預(yù)先封裝是因?yàn)樵搼?yīng)用程序是基于HTML5開發(fā)的應(yīng)用，因此其UI組件通常是基于HTML/JS(JavaScript)編寫的，而安卓系統(tǒng)的原生組件通常是通過Java編寫的，因此需要將原生組件封裝成JS可調(diào)用的接口，以便該應(yīng)用程序能夠加載該原生組件。步驟204，加載所述應(yīng)用程序的UI組件，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。其中，在步驟203所述的在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件的步驟可以不針對(duì)該應(yīng)用程序的所有的需要切換的UI組件，而是針對(duì)該應(yīng)用程序當(dāng)前需要顯示的目標(biāo)頁面的UI組件中的需要切換的UI組件。因此可以將應(yīng)用程序當(dāng)前需要顯示的目標(biāo)頁面的UI組件作為待加載UI組件，相應(yīng)的上述根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件的步驟就可以包括：首先，確定用于展現(xiàn)所述應(yīng)用程序的待加載UI組件。其次，利用所述設(shè)備信息，在所述配置文件中確定所述待加載UI組件中的需要切換的UI組件，作為目標(biāo)UI組件；以及最后，在所述配置文件中獲取所述目標(biāo)UI組件的原生組件的接口。從而加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序的步驟就可以包括：首先，根據(jù)所述目標(biāo)UI組件的原生組件的接口，獲取所述目標(biāo)UI組件的原生組件。其次，加載所述待加載UI組件，其中在加載所述待加載UI組件時(shí)，將所述目標(biāo)UI組件由當(dāng)前的非原生組件替換為所述目標(biāo)UI組件的原生組件。既可以理解為最終的應(yīng)該加載的UI組件包括了原有不存在兼容性問題的的非原生組件，以及替換了存在兼容性問題的非原生組件的原生組件。在加載了上述應(yīng)該加載的UI組件后就可以進(jìn)行步驟205。步驟205，展現(xiàn)應(yīng)用程序。其中，這里的展現(xiàn)應(yīng)用程序可以理解為顯示當(dāng)前需要顯示的目標(biāo)頁面，由于存在兼容問題的UI組件已經(jīng)切換為了原生組件，因此能夠解決兼容性的問題。另外，在本發(fā)明的各個(gè)實(shí)施例中UI組件例如可以是按鈕組件、輸入框組件等，一個(gè)頁面中可能包括多個(gè)UI組件。另外，值得一提的是，由于操作系統(tǒng)在不斷的升級(jí)換代，以及新型號(hào)的終端不斷地面世，因此可以定期的對(duì)上述的配置文件進(jìn)行更新，以便可以適用于更多的終端和操作系統(tǒng)，并且在對(duì)配置文件進(jìn)行更新時(shí)，對(duì)于新出現(xiàn)的存在兼容性問題的UI組件，也需要添加該UI組件的封裝好的原生組件到終端中。綜上，本發(fā)明提供的用于應(yīng)用程序UI顯示的方法，通過在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。能夠解決應(yīng)用程序UI組件在不同類型、不同版本操作系統(tǒng)上的兼容性問題，從而能夠提高應(yīng)用程序在不同類型、不同版本操作系統(tǒng)的進(jìn)行展現(xiàn)時(shí)的性能。圖3是本發(fā)明一實(shí)施例提供的一種用于應(yīng)用程序UI顯示的裝置的框圖，該裝置300可以用于執(zhí)行圖1或圖2所示的方法，參見圖3所述裝置300可以包括：信息獲取模塊310，用于在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；讀取模塊320，用于根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載模塊330，用于加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。可選的，所述配置文件中配置有不同設(shè)備信息對(duì)應(yīng)的需要切換的UI組件的對(duì)應(yīng)關(guān)系，以及每個(gè)需要切換的UI組件的原生組件的接口?？蛇x的，圖4是圖3所示實(shí)施例示出的一種讀取模塊的框圖，參見圖4，所述讀取模塊320，包括：組件確定子模塊321，用于確定用于展現(xiàn)所述應(yīng)用程序的待加載UI組件，所述待加載UI組件為用于顯示所述應(yīng)用程序當(dāng)前需要顯示的目標(biāo)頁面的UI組件；配置讀取子模塊322，用于利用所述設(shè)備信息，在所述配置文件中確定所述待加載UI組件中的需要切換的UI組件，作為目標(biāo)UI組件；接口確定子模塊323，用于在所述配置文件中獲取所述目標(biāo)UI組件的原生組件的接口?？蛇x的，圖5是圖3所示實(shí)施例示出的一種加載模塊的框圖，參見圖4，所述加載模塊330，包括：組件獲取子模塊331，用于根據(jù)所述目標(biāo)UI組件的原生組件的接口，獲取所述目標(biāo)UI組件的原生組件；組件加載子模塊332，用于加載所述待加載UI組件，其中在加載所述待加載UI組件時(shí)，將所述目標(biāo)UI組件由當(dāng)前的非原生組件替換為所述目標(biāo)UI組件的原生組件?？蛇x的，所述應(yīng)用程序?yàn)榛诔?jí)文本標(biāo)記語言HTMLn開發(fā)的非原生應(yīng)用程序，其中n表示HTML的版本。可選的，所述設(shè)備信息包括以下至少一者：所述終端的型號(hào)、所述終端的網(wǎng)絡(luò)視圖、所述終端的操作系統(tǒng)版本信息。綜上，本發(fā)明提供的用于應(yīng)用程序UI顯示的裝置，通過在接收到展現(xiàn)應(yīng)用程序的指令時(shí)，獲取終端的設(shè)備信息；其中所述應(yīng)用程序?yàn)榉窃鷳?yīng)用程序；根據(jù)所述設(shè)備信息在預(yù)先設(shè)置的配置文件中確定所述應(yīng)用程序的需要切換的UI組件；加載所述應(yīng)用程序的UI組件以展現(xiàn)所述應(yīng)用程序，其中在加載所述應(yīng)用程序的UI組件時(shí)，將所述需要切換的UI組件由非原生組件替換為原生組件進(jìn)行加載。能夠解決應(yīng)用程序UI組件在不同類型、不同版本操作系統(tǒng)上的兼容性問題，從而能夠提高應(yīng)用程序在不同類型、不同版本操作系統(tǒng)的進(jìn)行展現(xiàn)時(shí)的性能。以上結(jié)合附圖詳細(xì)描述了本發(fā)明的優(yōu)選實(shí)施方式，但是，本發(fā)明并不限于上述實(shí)施方式中的具體細(xì)節(jié)，在本發(fā)明的技術(shù)構(gòu)思范圍內(nèi)，可以對(duì)本發(fā)明的技術(shù)方案進(jìn)行多種簡單變型，這些簡單變型均屬于本發(fā)明的保護(hù)范圍。另外需要說明的是，在上述具體實(shí)施方式中所描述的各個(gè)具體技術(shù)特征，在不矛盾的情況下，可以通過任何合適的方式進(jìn)行組合，為了避免不必要的重復(fù)，本發(fā)明對(duì)各種可能的組合方式不再另行說明。此外，本發(fā)明的各種不同的實(shí)施方式之間也可以進(jìn)行任意組合，只要其不違背本發(fā)明的思想，其同樣應(yīng)當(dāng)視為本發(fā)明所公開的內(nèi)容。當(dāng)前第1頁1 2 3