用不同的字段表示，用腳本語言封裝好函數(shù)，根據(jù)屏幕分辨率等級加載相應(yīng)質(zhì)量規(guī)格的圖片，例如:如果是高清屏，就加載高清圖片，如果是普通屏，就加載普通圖片。本發(fā)明實施例利用腳本語言和html注入寫法，方便維護和添加字段，方便前臺添加圖片，尤其適用于需要支持高清屏的項目，有利于樹立品牌形象。
[0138]本發(fā)明進(jìn)一步提供一種根據(jù)屏幕分辨率加載圖片的裝置，應(yīng)用于前述移動終端?，F(xiàn)基于上述移動終端硬件結(jié)構(gòu)以及通信系統(tǒng)，提出本發(fā)明根據(jù)屏幕分辨率加載圖片的裝置一實施例。如圖8所示，所述裝置包括判斷模塊和加載模塊，其中:
[0139]判斷模塊:用于當(dāng)加載圖片時，判斷本終端的屏幕分辨率等級。
[0140]具體的，判斷模塊獲取CSS3中的參數(shù)信息，根據(jù)參數(shù)信息判斷本終端的屏幕分辨率等級。CSS3中的參數(shù)信息包括device-pixel-rat1或/和dppx，即:終端可以通過CSS3中的參數(shù)信息device-pixel-rat1或/和dppx判斷本終端的屏幕分辨率等級。
[0141]假設(shè)屏幕分辨率等級包括高清屏幕和普通屏幕兩個等級，當(dāng)device-pixel-rat1的值等于第一設(shè)定值(如等于2)或/和dppx大于或等于預(yù)設(shè)值時，判斷本終端的屏幕為高清屏幕；當(dāng)device-pixel-rat1的值等于第二設(shè)定值(如等于1)或/和dppx小于預(yù)設(shè)值時，判斷本終端的屏幕為普通屏幕。
[0142]舉例而言，判斷模塊通過CSS3中的屬性webkit-min-device-pixel-rat1和min-resolut1n:1.5dppx參數(shù)，來判斷是否是高清屏幕(如retina5K屏幕)。當(dāng)device-pixel-rat1 = 1 時，則為普通屏幕，當(dāng) device-pixel-rat1 = 2 時，則為高清屏幕；同時，普通屏幕的分辨率通常為96dpi，高清屏幕的分辨率通常大于192dpi，192dpi等于2dppx，可以據(jù)此設(shè)定dppx的預(yù)設(shè)值來判斷屏幕分辨率等級，或者通過設(shè)置最小值min-resolut1n:1.5dppx，只要dppx大于或等于1.5就是高清屏幕，小于1.5就是普通屏幕。作為優(yōu)選，當(dāng)device-pixel-rat1 = 2，且dppx大于或等于1.5時，則判斷為高清屏幕，當(dāng)device-pixel-rat1 = 1，且dppx小于1.5時，則判斷為普通屏幕。
[0143]加載模塊:用于根據(jù)屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。
[0144]假設(shè)屏幕分辨率等級包括高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為高清圖片和普通圖片。加載模塊則在加載頁面寫入普通src地址和高清src地址(如src [data-src]);當(dāng)屏幕分辨率等級為高清屏幕時，利用高清src地址的值覆蓋普通src地址的值，以加載高清圖片；當(dāng)屏幕分辨率等級為普通屏幕時，利用普通src地址的值來顯示地址，即利用普通src地址作為加載地址，以加載普通圖片。
[0145]假設(shè)屏幕分辨率等級包括超高清屏幕、高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為超高清圖片、高清圖片和普通圖片。加載模塊則在加載頁面寫入普通src地址、高清src地址和超高清src地址；當(dāng)屏幕分辨率等級為超高清屏幕時，利用超高清src地址的值覆蓋普通src地址的值，以加載超高清圖片；當(dāng)屏幕分辨率等級為高清屏幕時，利用高清src地址的值覆蓋普通src地址的值，以加載高清圖片；當(dāng)屏幕分辨率等級為普通屏幕時，利用普通src地址的值來顯示地址，即利用普通src地址作為加載地址，以加載普通圖片。
[0146]本發(fā)明根據(jù)屏幕分辨率加載圖片的裝置，在加載圖片時，判斷本終端的屏幕分辨率等級，根據(jù)屏幕分辨率等級加載相應(yīng)規(guī)格的圖片，從而實現(xiàn)了按需加載不同質(zhì)量規(guī)格的圖片，不同屏幕分辨率的終端加載不同質(zhì)量規(guī)格的圖片，提高了頁面渲染速度，提高了網(wǎng)站性能，并大大節(jié)約了帶寬資源。同時，判斷運算和圖片渲染都在終端上完成，節(jié)約了服務(wù)器資源。
[0147]本發(fā)明的裝置在具體實現(xiàn)上，終端可以利用js腳本語言在客戶端的優(yōu)勢，配合html語言，生成兩種(或多種)圖片地址，分別用不同的字段表示，用腳本語言封裝好函數(shù)，根據(jù)屏幕分辨率等級加載相應(yīng)質(zhì)量規(guī)格的圖片，例如:如果是高清屏，就加載高清圖片，如果是普通屏，就加載普通圖片。本發(fā)明實施例利用腳本語言和html注入寫法，方便維護和添加字段，方便前臺添加圖片，尤其適用于需要支持高清屏的項目，有利于樹立品牌形象。
[0148]本發(fā)明根據(jù)屏幕分辨率加載圖片的方法和裝置，除了應(yīng)用于移動終端外，還可以應(yīng)用于個人電腦等非移動終端。
[0149]需要說明的是，在本文中，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者裝置所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括該要素的過程、方法、物品或者裝置中還存在另外的相同要素。
[0150]上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。
[0151]通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到上述實施例方法可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當(dāng)然也可以通過硬件，但很多情況下前者是更佳的實施方式。基于這樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)(如R0M/RAM、磁碟、光盤)中，包括若干指令用以使得一臺終端設(shè)備(可以是手機，計算機，服務(wù)器，空調(diào)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述的方法。
[0152]以上僅為本發(fā)明的優(yōu)選實施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或等效流程變換，或直接或間接運用在其他相關(guān)的技術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護范圍內(nèi)。
【主權(quán)項】
1.一種根據(jù)屏幕分辨率加載圖片的裝置，應(yīng)用于終端，其特征在于，包括: 判斷模塊，用于當(dāng)加載圖片時，判斷本終端的屏幕分辨率等級； 加載模塊，用于根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。2.根據(jù)權(quán)利要求1所述的根據(jù)屏幕分辨率加載圖片的裝置，其特征在于，所述判斷模塊用于: 獲取層疊樣式表CSS3中的參數(shù)信息，根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級。3.根據(jù)權(quán)利要求2所述的根據(jù)屏幕分辨率加載圖片的裝置，其特征在于，所述CSS3中的參數(shù)信息包括物理像素和設(shè)備獨立像素的比例device-pixel-rat1或/和每像素包含點的數(shù)量dppx。4.根據(jù)權(quán)利要求3所述的根據(jù)屏幕分辨率加載圖片的裝置，其特征在于，所述屏幕分辨率等級包括高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為高清圖片和普通圖片，所述判斷模塊用于: 當(dāng)所述device-pixel-rat1的值等于第一設(shè)定值或/和所述dppx大于或等于預(yù)設(shè)值時，判斷本終端的屏幕為高清屏幕； 當(dāng)所述device-pixel-rat1的值等于第二設(shè)定值或/和所述dppx小于預(yù)設(shè)值時，判斷本終端的屏幕為普通屏幕。5.根據(jù)權(quán)利要求4所述的根據(jù)屏幕分辨率加載圖片的裝置，其特征在于，所述加載模塊用于: 在加載頁面寫入普通src地址和高清src地址； 當(dāng)所述屏幕分辨率等級為高清屏幕時，利用所述高清src地址的值覆蓋所述普通src地址的值，以加載所述高清圖片； 當(dāng)所述屏幕分辨率等級為普通屏幕時，利用所述普通src地址作為加載地址，以加載所述普通圖片。6.一種根據(jù)屏幕分辨率加載圖片的方法，應(yīng)用于終端，其特征在于，包括步驟: 加載圖片時，判斷本終端的屏幕分辨率等級； 根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。7.根據(jù)權(quán)利要求6所述的根據(jù)屏幕分辨率加載圖片的方法，其特征在于，所述判斷本終端的屏幕分辨率等級包括:獲取層疊樣式表CSS3中的參數(shù)信息，根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級。8.根據(jù)權(quán)利要求7所述的根據(jù)屏幕分辨率加載圖片的方法，其特征在于，所述CSS3中的參數(shù)信息包括物理像素和設(shè)備獨立像素的比例device-pixel-rat1或/和每像素包含點的數(shù)量dppx。9.根據(jù)權(quán)利要求8所述的根據(jù)屏幕分辨率加載圖片的方法，其特征在于，所述屏幕分辨率等級包括高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為高清圖片和普通圖片，所述根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級: 當(dāng)所述device-pixel-rat1的值等于第一設(shè)定值或/和所述dppx大于或等于預(yù)設(shè)值時，判斷本終端的屏幕為高清屏幕； 當(dāng)所述device-pixel-rat1的值等于第二設(shè)定值或/和所述dppx小于預(yù)設(shè)值時，判斷本終端的屏幕為普通屏幕。10.根據(jù)權(quán)利要求9所述的根據(jù)屏幕分辨率加載圖片的方法，其特征在于，根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片包括: 在加載頁面寫入普通src地址和高清src地址； 當(dāng)所述屏幕分辨率等級為高清屏幕時，利用所述高清src地址的值覆蓋所述普通src地址的值，以加載所述高清圖片； 當(dāng)所述屏幕分辨率等級為普通屏幕時，利用所述普通src地址作為加載地址，以加載所述普通圖片。
【專利摘要】本發(fā)明公開了一種根據(jù)屏幕分辨率加載圖片的裝置和方法，所述裝置應(yīng)用于終端，包括：判斷模塊，用于當(dāng)加載圖片時，判斷本終端的屏幕分辨率等級；加載模塊，用于根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。從而實現(xiàn)了按需加載不同質(zhì)量規(guī)格的圖片，不同屏幕分辨率的終端加載不同質(zhì)量規(guī)格的圖片，提高了頁面渲染速度，提高了網(wǎng)站性能，并大大節(jié)約了帶寬資源。同時，判斷運算和圖片渲染都在終端上完成，節(jié)約了服務(wù)器資源。
【IPC分類】G06F17/30
【公開號】CN105302864
【申請?zhí)枴緾N201510608697
【發(fā)明人】黃程敏
【申請人】努比亞技術(shù)有限公司
【公開日】2016年2月3日
【申請日】2015年9月22日