本發(fā)明涉及一種客戶端軟件的設(shè)計(jì)方法，屬于軟件系統(tǒng)設(shè)計(jì)領(lǐng)域，根據(jù)其特點(diǎn)我們命名為“掌控型客戶端”，這種設(shè)計(jì)方式適用于各種客戶端軟件對(duì)內(nèi)嵌網(wǎng)頁的樣式，包括但不限于左右勢力手、主題色、背景模式、標(biāo)簽欄位置、圖案大小和文字大小等方面的控制，特別適合于瀏覽器、新聞客戶端、對(duì)象管理等各種APP軟件。

背景技術(shù)：

現(xiàn)行客戶端軟件設(shè)計(jì)越來越多地傾向于嵌入網(wǎng)頁，以提高開發(fā)速度、降低開發(fā)成本和免去升級(jí)的麻煩；但網(wǎng)頁端和客戶端是兩個(gè)不同的軟件體系，用戶對(duì)界面的樣式和風(fēng)格在客戶端做出設(shè)定后很難影響到網(wǎng)頁?，F(xiàn)有的客戶端軟件，如瀏覽器，若要改變所嵌入顯示的網(wǎng)頁的樣式，如啟用夜間模式，采用的是截獲其原有樣式代碼，強(qiáng)行修改或覆蓋原有樣式，只能對(duì)一些最基本的樣式進(jìn)行修改，如背景顏色和文字顏色；很難滿足用戶對(duì)界面樣式多角度設(shè)定的需求，如單手操作手機(jī)這樣的設(shè)備時(shí)希望改變一些按鍵的位置，即左右勢力手的設(shè)計(jì)。如何解決用戶通過客戶端軟件的設(shè)定去控制所嵌入的網(wǎng)頁樣式是一個(gè)急需解決的問題。

技術(shù)實(shí)現(xiàn)要素：

為了解決現(xiàn)有客戶端軟件不能靈活多樣地控制嵌入式網(wǎng)頁的各種樣式，如左右勢力手樣式、背景模式、標(biāo)簽欄位置、圖案和文字的大小等缺點(diǎn)，本發(fā)明提供了一種給內(nèi)嵌網(wǎng)頁傳遞多種信息的客戶端軟件設(shè)計(jì)方法。

實(shí)施本發(fā)明上述目的而采用的技術(shù)措施如下所述：

一種給內(nèi)嵌網(wǎng)頁傳遞多種信息的客戶端軟件設(shè)計(jì)方法，包括如下步驟：

1）客戶端程序中設(shè)定一個(gè)傳參對(duì)象M，M可通過函數(shù)或本地儲(chǔ)存被網(wǎng)頁端的JS代碼所調(diào)用；

2）客戶端程序中設(shè)計(jì)用戶設(shè)定菜單界面，通過點(diǎn)擊客戶端菜單鍵打開，用戶設(shè)定菜單界面中設(shè)有左右勢力手設(shè)置鍵、背景模式設(shè)置鍵、主題色設(shè)置鍵、標(biāo)簽欄位置鍵、圖案增大鍵和圖案縮小鍵及圖案復(fù)原鍵、文字增大鍵和文字縮小鍵及文字復(fù)原鍵等用戶偏好設(shè)定，點(diǎn)擊上述設(shè)置鍵或點(diǎn)擊上述設(shè)置鍵彈出的二級(jí)選項(xiàng)鍵，即在傳參對(duì)象M上添加對(duì)應(yīng)的屬性和屬性值；

3）網(wǎng)頁端程序獲取傳參對(duì)象M，提取M的屬性，根據(jù)傳參對(duì)象M的各個(gè)屬性值設(shè)定對(duì)應(yīng)的網(wǎng)頁樣式供HTML文件或JS調(diào)用。

4）網(wǎng)頁端設(shè)有樣式刷新函數(shù)，客戶端用戶設(shè)定菜單界面中的上述各種設(shè)置鍵被操作后，客戶端將觸發(fā)網(wǎng)頁端的樣式刷新函數(shù)，網(wǎng)頁端將立即按新的樣式顯示。

進(jìn)一步的，點(diǎn)擊所述的左右勢力手設(shè)置鍵，傳參對(duì)象M上對(duì)應(yīng)的勢力手屬性將在“左手模式”和“右手模式”之間切換，網(wǎng)頁端根據(jù)“左手模式”或“右手模式”設(shè)置浮動(dòng)布局（float）的靠左靠后屬性和絕對(duì)布局中的定位（position）屬性，使網(wǎng)頁中需要采用勢力手設(shè)置的對(duì)象顯示在屏幕窗口中的位置位于左側(cè)或右側(cè)。

進(jìn)一步的，點(diǎn)擊所述的背景模式設(shè)置鍵，傳參對(duì)象M上對(duì)應(yīng)的背景模式屬性將在“日夜模式”和“夜間模式”之間切換；或點(diǎn)擊背景模式設(shè)置鍵時(shí)彈出二級(jí)菜單，設(shè)有更多的模式選項(xiàng)，如“護(hù)眼模式”、“增強(qiáng)模式”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的背景模式屬性；網(wǎng)頁端根據(jù)背景模式值設(shè)置對(duì)應(yīng)的背景樣式和前景樣式，使網(wǎng)頁中的背景及前景樣式可由用戶通過瀏覽器設(shè)定來顯示。

進(jìn)一步的，點(diǎn)擊所述的主題色設(shè)置鍵，將彈出二級(jí)菜單，設(shè)有多種主題風(fēng)格選項(xiàng)供選擇，如“商務(wù)主題”、“運(yùn)動(dòng)主題”、“時(shí)尚主題”、“自然主題”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的主題色屬性；網(wǎng)頁端根據(jù)選中的主題色設(shè)置對(duì)應(yīng)的主題樣式，使網(wǎng)頁中體現(xiàn)主題色彩的對(duì)象的背景及前景樣式按相應(yīng)的瀏覽器設(shè)定來顯示。

進(jìn)一步的，點(diǎn)擊所述的標(biāo)簽欄位置鍵，將彈出二級(jí)菜單，設(shè)有多種標(biāo)簽欄位置選項(xiàng)供選擇，如“居上”、“居下”、“居左”、“居右”、“橫左豎上”、“橫右豎上”、“橫左豎下”、“橫右豎下”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的標(biāo)簽欄位置屬性；網(wǎng)頁端根據(jù)標(biāo)簽欄位置屬性值設(shè)置對(duì)應(yīng)的標(biāo)簽欄位置樣式，使網(wǎng)頁中標(biāo)簽欄的位置按相應(yīng)的瀏覽器設(shè)定來顯示。

進(jìn)一步的，點(diǎn)擊所述的圖案增大鍵或圖案縮小鍵或圖案復(fù)原鍵，傳參對(duì)象M上對(duì)應(yīng)的圖案大小屬性將在“增大”或“縮小”或“復(fù)原”之間切換，網(wǎng)頁中采用動(dòng)態(tài)大小設(shè)置的圖案對(duì)象，如圖片、按鍵等將變大或變小或回復(fù)標(biāo)準(zhǔn)大小。

進(jìn)一步的，點(diǎn)擊所述的文字增大鍵或文字縮小鍵或文字復(fù)原鍵，傳參對(duì)象M上對(duì)應(yīng)的文字大小屬性將在“增大”或“縮小”或“復(fù)原”之間切換，網(wǎng)頁中采用動(dòng)態(tài)大小設(shè)置的文字，如標(biāo)題、正文等將變大或變小或回復(fù)標(biāo)準(zhǔn)大小。

從上述特點(diǎn)可知，本發(fā)明方案與已有的技術(shù)方案比較有如下優(yōu)點(diǎn)：

1、客戶端軟件事先設(shè)置了需要定義的內(nèi)嵌網(wǎng)頁界面樣式菜單，并通過函數(shù)或可被網(wǎng)頁獲得的本地儲(chǔ)存可靠地被網(wǎng)頁端獲取，確保了樣式控制的可靠性；

2、客戶端可以設(shè)置多種甚至很復(fù)雜的樣式控制方案，如標(biāo)簽欄位置在豎屏?xí)r居于界面底部而橫屏?xí)r居于界面左側(cè)等；

3、同樣的客戶端設(shè)置，不同的網(wǎng)頁可以做出差異化的樣式，如同意的主題色，不同的網(wǎng)頁可以用不同的HTML對(duì)象和不同的樣式去解讀和表現(xiàn)。

4、涉及代碼少，邏輯簡單，容易掌握。

如上所述可知，本發(fā)明的一種給內(nèi)嵌網(wǎng)頁傳遞多種信息的客戶端軟件設(shè)計(jì)方法與已有技術(shù)相比，具有可靈活控制內(nèi)嵌網(wǎng)頁的多種樣式，如左右勢力手、背景模式、標(biāo)簽欄位置、圖案和文字大小，能滿足用戶在不同設(shè)備和不同場景下的使用需求等優(yōu)點(diǎn)。

附圖說明

圖1為本發(fā)明的一實(shí)施例實(shí)現(xiàn)步驟圖；

圖2為圖1實(shí)施例用戶設(shè)定菜單界面的示意圖；

圖3為圖1實(shí)施例背景模式的二級(jí)菜單的示意圖；

圖4為圖1實(shí)施例主題色的二級(jí)菜單的示意圖；

圖5為圖1實(shí)施例標(biāo)簽欄位置的二級(jí)菜單的示意圖；

圖6為圖1實(shí)施例內(nèi)嵌某網(wǎng)頁的示意圖；

圖7為圖6實(shí)施例改變?cè)O(shè)置后內(nèi)嵌某網(wǎng)頁的示意圖。

具體實(shí)施方式

現(xiàn)在結(jié)合附圖所示的優(yōu)選實(shí)施例對(duì)本發(fā)明的原理作進(jìn)一步描述。

由圖1和圖2可知，本發(fā)明包括如下步驟：

1）客戶端程序中設(shè)定一個(gè)傳參對(duì)象M，M可通過函數(shù)或本地儲(chǔ)存如localStorage等而被網(wǎng)頁端的JS代碼所調(diào)用；

2）客戶端程序中設(shè)有用戶設(shè)定菜單界面1，通過點(diǎn)擊客戶端菜單鍵打開，用戶設(shè)定菜單界面1中設(shè)有左右勢力手設(shè)置鍵11、背景模式設(shè)置鍵12、主題色設(shè)置鍵13、標(biāo)簽欄位置鍵14、圖案增大鍵15和圖案縮小鍵16及圖案復(fù)原鍵17、文字增大鍵18和文字縮小鍵19及文字復(fù)原鍵20等用戶偏好設(shè)定，點(diǎn)擊上述設(shè)置鍵或點(diǎn)擊上述設(shè)置鍵彈出的二級(jí)選項(xiàng)鍵，即在傳參對(duì)象M上添加對(duì)應(yīng)的屬性和屬性值；

3）網(wǎng)頁端程序獲取傳參對(duì)象M，提取M的屬性，根據(jù)傳參對(duì)象M的各個(gè)屬性值設(shè)定對(duì)應(yīng)的網(wǎng)頁樣式供HTML文件或JS調(diào)用。

4）網(wǎng)頁端設(shè)有樣式刷新函數(shù)，客戶端用戶設(shè)定菜單界面1中的上述各種設(shè)置鍵被操作后，客戶端將觸發(fā)網(wǎng)頁端的樣式刷新函數(shù)，網(wǎng)頁端將立即按新的樣式顯示。

由圖2、圖6和圖7可知，點(diǎn)擊所述的左右勢力手設(shè)置鍵11，傳參對(duì)象M上對(duì)應(yīng)的勢力手屬性將在“左手模式”和“右手模式”之間切換，網(wǎng)頁端根據(jù)“左手模式”或“右手模式”設(shè)置浮動(dòng)布局（float）的靠左靠后屬性和絕對(duì)布局中的定位（position）屬性，使網(wǎng)頁中需要采用勢力手設(shè)置的對(duì)象顯示在屏幕窗口中的位置位于左側(cè)或右側(cè)；圖6顯示了內(nèi)嵌網(wǎng)頁5在右手模式下的網(wǎng)頁樣式，其分類按鍵52位于界面右側(cè)，方便用戶右手操作，可單手操作且其不會(huì)在操作過程中不會(huì)遮擋中間的界面；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在設(shè)置成左手模式后的樣式，其分類按鍵52位于界面左側(cè)。

由圖2、圖3、圖6和圖7可知，點(diǎn)擊所述的背景模式設(shè)置鍵12，傳參對(duì)象M上對(duì)應(yīng)的背景模式屬性將在“日夜模式”和“夜間模式”之間切換；或點(diǎn)擊背景模式設(shè)置鍵12時(shí)彈出二級(jí)菜單2，設(shè)有更多的模式選項(xiàng)，如“護(hù)眼模式”、“增強(qiáng)模式”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的背景模式屬性；網(wǎng)頁端根據(jù)背景模式值設(shè)置對(duì)應(yīng)的背景樣式和前景樣式，使網(wǎng)頁中的背景及前景樣式可由用戶通過瀏覽器設(shè)定來顯示；圖6顯示了內(nèi)嵌網(wǎng)頁5在日間模式下的網(wǎng)頁樣式，其大部分背景色為淺色；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在設(shè)置成夜間模式后的樣式，其大部分背景色為深色。

由圖2、圖4、圖6和圖7可知，點(diǎn)擊所述的主題色設(shè)置鍵13，將彈出二級(jí)菜單3，設(shè)有多種主題風(fēng)格選項(xiàng)供選擇，如“商務(wù)主題”、“運(yùn)動(dòng)主題”、“時(shí)尚主題”、“自然主題”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的主題色屬性；網(wǎng)頁端根據(jù)選中的主題色設(shè)置對(duì)應(yīng)的主題樣式，使網(wǎng)頁中體現(xiàn)主題色彩的對(duì)象的背景及前景樣式按相應(yīng)的瀏覽器設(shè)定來顯示；圖6顯示了內(nèi)嵌網(wǎng)頁5在運(yùn)動(dòng)主題下的網(wǎng)頁樣式，其標(biāo)簽欄51和分類按鍵52的底色為代表運(yùn)動(dòng)主題的顏色；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在設(shè)置成自然模式后的樣式，其標(biāo)簽欄51和分類按鍵52的底色為代表自然主題的顏色。

由圖2、圖5、圖6和圖7可知，點(diǎn)擊所述的標(biāo)簽欄位置鍵14，將彈出二級(jí)菜單4，設(shè)有多種標(biāo)簽欄位置選項(xiàng)供選擇，如“居上”、“居下”、“居左”、“居右”、“橫左豎上”、“橫右豎上”、“橫左豎下”、“橫右豎下”等，選中的結(jié)果將傳遞給傳參對(duì)象M上對(duì)應(yīng)的標(biāo)簽欄位置屬性；網(wǎng)頁端根據(jù)標(biāo)簽欄位置屬性值設(shè)置對(duì)應(yīng)的標(biāo)簽欄位置樣式，使網(wǎng)頁中標(biāo)簽欄的位置按相應(yīng)的瀏覽器設(shè)定來顯示；圖6顯示了內(nèi)嵌網(wǎng)頁5在標(biāo)簽欄位置居下模式，其標(biāo)簽欄51位于界面下方，方便單手操作；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在設(shè)置成標(biāo)簽欄位置居上模式，其標(biāo)簽欄51位于界面的上方，符合從上而下的閱讀習(xí)慣。

由圖2、圖6和圖7可知，點(diǎn)擊所述的圖案增大鍵15或圖案縮小鍵16或圖案復(fù)原鍵17，傳參對(duì)象M上對(duì)應(yīng)的圖案大小屬性將在“增大”或“縮小”或“復(fù)原”之間切換，網(wǎng)頁中采用動(dòng)態(tài)大小設(shè)置的圖案對(duì)象，如圖片、按鍵等將變大或變小或回復(fù)標(biāo)準(zhǔn)大小；圖6顯示了內(nèi)嵌網(wǎng)頁5在圖案和文字處于復(fù)原狀態(tài)下的樣式，其圖型、按鍵和文字大小適中，既顯示較多內(nèi)容又滿足觸摸操作的需求；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在點(diǎn)擊圖案和文字增大鍵后的樣式，其圖型、按鍵和文字均變大，滿足遠(yuǎn)距離觀看或老花眼用戶的需求。

由圖2、圖6和圖7可知，點(diǎn)擊所述的文字增大鍵18或文字縮小鍵19或文字復(fù)原鍵20，傳參對(duì)象M上對(duì)應(yīng)的文字大小屬性將在“增大”或“縮小”或“復(fù)原”之間切換，網(wǎng)頁中采用動(dòng)態(tài)大小設(shè)置的文字，如標(biāo)題、正文等將變大或變小或回復(fù)標(biāo)準(zhǔn)大??；圖6顯示了內(nèi)嵌網(wǎng)頁5在圖案和文字處于復(fù)原狀態(tài)下的樣式，其圖型、按鍵和文字大小適中，既顯示較多內(nèi)容又滿足觸摸操作的需求；圖7顯示了上述內(nèi)嵌網(wǎng)頁5在點(diǎn)擊圖案和文字增大鍵后的樣式，其圖型、按鍵和文字均變大，滿足遠(yuǎn)距離觀看或老花眼用戶的需求。

與已有技術(shù)相比，本發(fā)明所述的一種給內(nèi)嵌網(wǎng)頁傳遞多種信息的客戶端軟件設(shè)計(jì)方法與已有技術(shù)相比，具有可靈活控制內(nèi)嵌網(wǎng)頁的多種樣式，如左右勢力手、背景模式、標(biāo)簽欄位置、圖案和文字大小，能滿足用戶在不同設(shè)備和不同場景下的使用需求等優(yōu)點(diǎn)。

本發(fā)明在本說明書中僅說明一些優(yōu)選實(shí)施例，并不是對(duì)其限制。該專業(yè)技術(shù)人員根據(jù)本發(fā)明構(gòu)思和精神可以在外觀上做出各種各樣的變化或修改，例如改變按鍵的形狀和位置，增加或減少要傳遞的用戶設(shè)定參數(shù)等。因此這些仍應(yīng)屬于本發(fā)明的保護(hù)范圍。