[發(fā)明專利]一種瀏覽器和網(wǎng)頁(yè)之間的顯示模式同步方法及其裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201310183760.6
• 申請(qǐng)日: 2013-05-17
• 公開(kāi)（公告）號(hào): CN103258038B
• 公開(kāi)（公告）日: 2017-02-22
• 發(fā)明（設(shè)計(jì)）人: 梁捷;何小鵬;俞永福;朱順炎;鄭昊旻
• 申請(qǐng)（專利權(quán)）人: 廣州市動(dòng)景計(jì)算機(jī)科技有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京博雅睿泉專利代理事務(wù)所(特殊普通合伙)11442
• 代理人: 馬佑平,楊國(guó)權(quán)

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁(yè)瀏覽技術(shù)領(lǐng)域，尤其涉及一種瀏覽器和網(wǎng)頁(yè)之間的顯示模式同步方法及其裝置。

背景技術(shù)

隨著信息社會(huì)的快速發(fā)展，越來(lái)越多的用戶使用移動(dòng)終端或手持終端等具有瀏覽器功能的電子設(shè)備進(jìn)行信息瀏覽以及網(wǎng)頁(yè)瀏覽，然而瀏覽器、各種應(yīng)用等客戶端的顯示方式至關(guān)重要，舒適的顯示效果能給用戶帶來(lái)更好的體驗(yàn)以及更好的視覺(jué)效果。

現(xiàn)有技術(shù)中，用戶在夜間光線不足的情況下瀏覽信息時(shí)會(huì)經(jīng)常使用網(wǎng)頁(yè)提供的夜間模式或者瀏覽器提供的夜間模式，這樣可以減少網(wǎng)頁(yè)等亮光對(duì)眼睛的刺激，然而對(duì)于現(xiàn)有的方案來(lái)說(shuō)，瀏覽器的夜間模式和網(wǎng)頁(yè)的夜間模式是毫無(wú)關(guān)系的兩個(gè)功能。

瀏覽器的夜間模式的實(shí)現(xiàn)過(guò)程是：點(diǎn)擊瀏覽器彈出菜單的夜間模式，會(huì)將所有外殼界面元素的配色方案改為適應(yīng)低照度情況下的方案，例如用戶界面（User?Interface，UI）背景圖變暗、顯示文字顏色反色等，同時(shí)，也會(huì)對(duì)網(wǎng)頁(yè)內(nèi)容作出適配。根據(jù)實(shí)現(xiàn)原理的不同和技術(shù)難度，分為強(qiáng)制改寫(xiě)文字顏色背景圖片和增加遮罩兩種方式，將頁(yè)面內(nèi)容修改為低照度方案，但是這種處理方式會(huì)造成網(wǎng)頁(yè)原本樣式的丟失，或者導(dǎo)致文字難以閱讀和圖片難以看清，對(duì)用戶的視覺(jué)效果及體驗(yàn)造成影響。

而網(wǎng)頁(yè)的夜間模式的實(shí)現(xiàn)過(guò)程是：點(diǎn)擊網(wǎng)頁(yè)提供的夜間模式按鈕（部分網(wǎng)站支持），會(huì)執(zhí)行相應(yīng)的JavaScript腳本，將網(wǎng)頁(yè)內(nèi)的級(jí)聯(lián)樣式表（Cascading?Style?Sheet，CSS）替換到網(wǎng)頁(yè)設(shè)計(jì)者預(yù)先給出的夜間配色方案，例如背景圖片調(diào)暗、文字顏色反色，保證標(biāo)題層次分明，達(dá)成頁(yè)面內(nèi)容和文字的夜間模式。雖然文字顏色和閱讀體驗(yàn)可以盡可能提升，但是瀏覽器的外殼部分（如功能菜單欄等）毫無(wú)變化，仍然十分刺眼。

現(xiàn)有中，瀏覽器的夜間模式和網(wǎng)頁(yè)的夜間模式仍然是兩個(gè)完全不同的功能和概念，會(huì)導(dǎo)致用戶對(duì)夜間模式的體驗(yàn)不佳，如：對(duì)頁(yè)面上的夜間模式和瀏覽器菜單中夜間模式的混淆；瀏覽器的夜間模式導(dǎo)致網(wǎng)頁(yè)頁(yè)面文字顏色丟失，甚至影響閱讀；在頁(yè)面的夜間模式下，瀏覽器的界面元素仍然刺眼等。

現(xiàn)有中存在一種技術(shù)方案，效果如圖1a所示，網(wǎng)頁(yè)設(shè)計(jì)者直接設(shè)計(jì)網(wǎng)頁(yè)的夜間展現(xiàn)，網(wǎng)頁(yè)的夜間模式可以做到網(wǎng)頁(yè)的夜間閱讀體驗(yàn)的最大化，但是無(wú)法影響瀏覽器的UI元素，用戶夜間使用時(shí)仍然刺眼；另一種方案的效果如圖1b所示，瀏覽器的夜間模式為了實(shí)現(xiàn)頁(yè)面的夜間模式，許多瀏覽器采用了遮罩的辦法降低亮度。但是，會(huì)使得文字與背景的反差變小，使得文字閱讀變得困難。

為了解決上面兩種方案存在的問(wèn)題，有另一方案采用了替換文字和背景顏色的方式，解決了文字閱讀的問(wèn)題，但是由于無(wú)條件地覆蓋了文字顏色和背景，導(dǎo)致標(biāo)題顏色和背景圖片丟失，效果如圖1c所示。

發(fā)明內(nèi)容

本發(fā)明的目的在于克服現(xiàn)有技術(shù)的不足，本發(fā)明提供了一種瀏覽器和網(wǎng)頁(yè)之間的顯示模式同步方法及其裝置，能夠很好地同步瀏覽器和網(wǎng)頁(yè)之間的顯示模式，為用戶提供更佳的網(wǎng)頁(yè)閱讀環(huán)境，提升了用戶的閱讀體驗(yàn)。

為了解決上述問(wèn)題，本發(fā)明提出了一種瀏覽器和網(wǎng)頁(yè)之間的顯示模式同步方法，所述方法包括：

根據(jù)顯示模式切換指令判斷所述瀏覽器或者所述網(wǎng)頁(yè)是否需要進(jìn)行顯示模式的切換；

當(dāng)所述瀏覽器或者所述網(wǎng)頁(yè)需要進(jìn)行所述顯示模式的切換時(shí)，對(duì)所述瀏覽器的顯示模式和所述網(wǎng)頁(yè)的顯示模式進(jìn)行同步處理。

優(yōu)選地，所述對(duì)所述瀏覽器的顯示模式和所述網(wǎng)頁(yè)的顯示模式進(jìn)行同步處理的步驟包括：

若所述瀏覽器需要進(jìn)行顯示模式切換時(shí)，則所述網(wǎng)頁(yè)同時(shí)進(jìn)行與所述瀏覽器相同的顯示模式的切換；

若所述網(wǎng)頁(yè)需要進(jìn)行顯示模式切換時(shí)，則所述瀏覽器同時(shí)進(jìn)行與所述網(wǎng)頁(yè)相同的顯示模式的切換。

優(yōu)選地，所述網(wǎng)頁(yè)同時(shí)進(jìn)行與所述瀏覽器相同的顯示模式的切換的步驟包括：

所述瀏覽器調(diào)用所述網(wǎng)頁(yè)相應(yīng)的JavaScript接口；

所述瀏覽器向所述網(wǎng)頁(yè)發(fā)送切換命令；

所述網(wǎng)頁(yè)根據(jù)所述切換命令進(jìn)行顯示模式切換。

優(yōu)選地，所述瀏覽器同時(shí)進(jìn)行與所述網(wǎng)頁(yè)相同的顯示模式的切換的步驟包括：

在所述網(wǎng)頁(yè)的JavaScript中插入觸發(fā)代碼；

將所述觸發(fā)代碼發(fā)送給所述瀏覽器；

所述瀏覽器根據(jù)所述觸發(fā)代碼進(jìn)行顯示模式切換。

優(yōu)選地，所述瀏覽器根據(jù)所述觸發(fā)代碼進(jìn)行顯示模式切換的步驟包括：

所述瀏覽器對(duì)所述觸發(fā)代碼進(jìn)行解析；

所述瀏覽器調(diào)用自身的模式切換功能進(jìn)行顯示模式切換。

優(yōu)選地，所述網(wǎng)頁(yè)同時(shí)進(jìn)行與所述瀏覽器相同的顯示模式的切換的步驟包括：