頁面重新排版方法、重新排版裝置、瀏覽器及電子設備與流程

本發明涉及電子信息技術，更具體地，涉及一種用于對網頁頁面進行重新排版的方法、網頁頁面的重新排版裝置、瀏覽器和電子設備。

背景技術：

隨著手機的不斷普及與發展，使用手機瀏覽器訪問互聯網逐漸成為一個趨勢。隨著html5技術的進步與普及，手機網頁頁面的內容展示也愈加多樣化。網頁頁面內容可以包括文字信息、圖片信息、音頻信息、視頻信息等。利用html5技術還可以實現通過網頁頁面與用戶的交互。這給用戶體驗帶來了極大的提升。

網頁頁面技術已經非常豐富，而且網頁開發也經過多年發展。但是，網頁頁面的排版模式卻多年未變。本發明的發明人發現，導致網頁頁面排版模式一成不變的原因并不在技術上的實現難度。實際上，現代的html5技術已經可以實現各類復雜炫耀的效果。排版模式固定的一個原因在于一個頁面要適合不同類型的讀者。不同的讀者具有不同性格、不同層次、不同年齡段等。因此，本發明的發明人認識到，如果手機客戶端能針對不同用戶提供定制化的排版方案，這滿足不同類型的讀者的個體需要，則這種手機客戶端能在網頁頁面瀏覽體驗上帶來更好的效果。在這里，排版指的是對網頁頁面中的元素進行布置、安排，所述元素例如可以包括字、詞、小圖片、顏文字、字體大小、字體顏色、樣式等。

技術實現要素：

本發明的一個目的是提供一種用于對網頁頁面進行重新排版的新技術方案。

根據本發明的第一方面，提供了一種用于對網頁頁面進行重新排版的 方法，包括：提供關鍵詞；根據關鍵詞，對網頁文件進行掃描，以識別網頁文件中要進行更改的對象；基于所述對象，利用替換內容對所述對象進行修改；以及使用經修改的網頁文件用于顯示。

優選地，所述替換內容是字、詞、小圖片、顏文字、字體大小、字體顏色中的至少一種。

優選地，對網頁文件的正文部分進行掃描，以識別所述對象。

優選地，所述方法還包括：基于第一預定條件，對網頁文件進行掃描，以識別網頁文件中的背景圖片；以及對背景圖片進行修改。

優選地，所述方法還包括：基于第二預定條件，對網頁文件進行掃描，以識別網頁文件中的文字；以及將所述文字的樣式修改為豎向。

優選地，所述方法還包括：提取網頁文件中的圖片地址鏈接；提供定制設置，用于對圖片地址鏈接所指向的原圖片進行定制；傳遞所述圖片地址鏈接和定制設置，用于對原圖片進行定制處理；接收定制后的圖片；以及使用定制后的圖片替換所述原圖片。

優選地，所述方法還包括：禁止使用經修改的網頁文件用于顯示。

優選地，所述網頁文件用于在手機上進行顯示。

根據本發明的第二方面，提供了一種網頁頁面的重新排版裝置，包括：第一管理單元，被配置成提供關鍵詞；掃描單元，被配置成根據關鍵詞，對網頁文件進行掃描，以識別網頁文件中要進行更改的對象的裝置；修改單元，被配置成基于所述對象，利用替換內容對所述對象進行修改；以及第二管理單元，被配置成使用經修改的網頁文件用于顯示。

優選地，所述替換內容是字、詞、小圖片、顏文字、字體大小、字體顏色中的至少一種。

優選地，所述掃描單元被配置成對網頁文件的正文部分進行掃描，以識別所述對象。

優選地，所述掃描單元還被配置成基于第一預定條件，對網頁文件進行掃描，以識別網頁文件中的背景圖片。優選地，所述修改單元還被配置成對背景圖片進行修改。

優選地，所述掃描單元還被配置成基于第二預定條件，對網頁文件進 行掃描，以識別網頁文件中的文字。優選地，所述修改單元還被配置成將所述文字的樣式修改為豎向。

優選地，所述掃描單元還被配置成提取網頁文件中的圖片地址鏈接。優選地，所述重新排版裝置還包括定制單元，被配置成提供定制設置，用于對圖片地址鏈接所指向的原圖片進行定制，并被配置成傳遞所述圖片地址鏈接和定制設置，用于對原圖片進行定制處理。優選地，所述修改單元還被配置成接收定制后的圖片并使用定制后的圖片替換所述原圖片。

優選地，所述第二管理單元還被配置成禁止使用經修改的網頁文件用于顯示。

優選地，所述網頁文件用于在手機上進行顯示。

根據本發明的第一方面，提供了一種瀏覽器，包括根據本發明的重新排版裝置，并被配置成使用經過所述重新排版裝置處理的網頁文件用于顯示。

優選地，該瀏覽器是用于手機的瀏覽器。

根據本發明的第一方面，提供了一種電子設備，包括根據本發明的瀏覽器。

優選地，該電子設備是手機。

本發明的發明人發現，在現有技術中，內容提供商提供一個網頁頁面用于所有或多個用戶。在本發明中，提供了一種在終端對網頁頁面進行重新排版的方案，這能夠給用戶帶來更好的體驗。因此，本發明所要實現的技術任務或者所要解決的技術問題是本領域技術人員從未想到的或者沒有預期到的，故本發明是一種新的技術方案。

另外，本領域技術人員應當理解，盡管現有技術中存在許多問題，但是，本發明的每個實施例或權利要求的技術方案可以僅在一個或幾個方面進行改進，而不必同時解決現有技術中或者背景技術中列出的全部技術問題。本領域技術人員應當理解，對于一個權利要求中沒有提到的內容不應當作為對于該權利要求的限制。

通過以下參照附圖對本發明的示例性實施例的詳細描述，本發明的其它特征及其優點將會變得清楚。

附圖說明

被結合在說明書中并構成說明書的一部分的附圖示出了本發明的實施例，并且連同其說明一起用于解釋本發明的原理。

圖1是顯示可用于實現本發明的實施例的電子設備的配置的例子的框圖。

圖2示出了根據本發明的實施例的用于對網頁頁面進行重新排版的方法的流程圖。

圖3示出了根據本發明的實施例的重新排版裝置的框圖。

圖4示出了根據本發明的實施例的瀏覽器的框圖。

圖5示出了根據本發明的實施例的電子設備的框圖。

圖6-7是根據本發明的一個實施例的例子的示意圖。

具體實施方式

現在將參照附圖來詳細描述本發明的各種示例性實施例。應注意到：除非另外具體說明，否則在這些實施例中闡述的部件和步驟的相對布置、數字表達式和數值不限制本發明的范圍。

以下對至少一個示例性實施例的描述實際上僅僅是說明性的，決不作為對本發明及其應用或使用的任何限制。

對于相關領域普通技術人員已知的技術、方法和設備可能不作詳細討論，但在適當情況下，所述技術、方法和設備應當被視為說明書的一部分。

在這里示出和討論的所有例子中，任何具體值應被解釋為僅僅是示例性的，而不是作為限制。因此，示例性實施例的其它例子可以具有不同的值。

應注意到：相似的標號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進行進一步討論。

<電子設備的配置>

圖1是顯示可用于實現本發明的實施例的電子設備1000的配置的例 子的框圖。

電子設備1000例如可以是手機、平板電腦等。

如圖1所示，電子設備1000包括處理裝置1010、存儲裝置1020、接口裝置1030、通信裝置1040、顯示裝置1050、輸入裝置1060、揚聲器1070、麥克風1080，等等。

處理裝置1010例如可以是中央處理器cpu、微處理器mcu等。存儲裝置1020例如包括rom(只讀存儲器)、ram(隨機存取存儲器)、諸如硬盤的非易失性存儲器等。接口裝置1030例如包括usb接口、耳機接口等。

通信裝置1040例如能夠進行有有線或無線通信。

顯示裝置1050例如是液晶顯示屏。輸入裝置1060例如可以包括觸摸屏、鍵盤等。用戶可以通過揚聲器1070和麥克風1080輸入/輸出語音信息。

圖1所示的電子設備僅是解釋性的，并且決不是為了要限制本發明、其應用或用途。

<實施例>

圖2示出了根據本發明的實施例的用于對網頁頁面進行重新排版的方法的流程圖。

如圖2所示，在步驟s2100，提供關鍵詞。例如，可以將關鍵詞存儲在本地，以及當需要時從本地提供關鍵詞。也可以將關鍵詞存儲在網路上，以及在需要時從網絡上獲取并提供關鍵詞。

在步驟s2200,根據關鍵詞，對網頁文件進行掃描，以識別網頁文件中要進行更改的對象。

例如，所述網頁文件可以是html5文件。例如，所述對象可以是網頁文件中的字、詞。在這種情況下，可以對所述字、詞進行替換等處理。例如，所述對象還可以是網頁文件中某個段落或位置。在這種情況下，可以在所述段落或位置插入定制的內容。

在一個例子，例如可以對網頁文件的正文部分進行掃描，以識別所述對象。本發明的發明人在實際的實現過程中發現，由于各個不同的內容提供商可能會對網頁文件中的變量給予不同的名稱，因此，通過網頁文件中語法部分的變量名稱來定位所要處理的網頁頁面部分可能會存在困難，或 者這種做法不能夠適用于不同的內容提供商的網頁文件。因此，在本發明中，直接對網頁文件的正文進行掃描。這種做法可以適應更多不同內容提供商的網頁文件。

在步驟s2300，基于所述對象，利用替換內容對所述對象進行修改。

例如，所述替換內容可以是字、詞、小圖片、顏文字、字體大小、字體顏色中的至少一種。

在步驟s2400，使用經修改的網頁文件用于顯示。

例如，所述經修改的網頁文件可以被存儲在本地非易失性存儲器/或易失性存儲器中。所述經修改的網頁文件可以是在存儲器中以完整格式存在的，或者也可以是在臨時存儲器中以至少一部分或片段的臨時形式存在的。例如，可以將經修改的網頁文件提供給瀏覽器的其他部分，用于顯示。

在一個例子中，可以基于第一預定條件，對網頁文件進行掃描，以識別網頁文件中的背景圖片，以及對背景圖片進行修改。第一預定條件可以是預先設定的，或者可以是由用戶設置的。例如，在背景圖片是單色的或者無圖案的條件下，可以將其設置為用戶喜好的圖片。這樣可以進一步提升用戶的使用體驗。

在另一個例子里，可以基于第二預定條件，對網頁文件進行掃描，以識別網頁文件中的文字，以及將所述文字的樣式修改為豎向。例如，在所述文字是繁體或者日文的情況下，可以將樣式修改為豎向排版樣式。

在另一個例子里，可以提取網頁文件中的圖片地址鏈接。接著，可以提供定制設置。該定制設置用于對圖片地址鏈接所指向的原圖片進行定制。例如，定制設置可以是默認的或由用戶設置的。例如，所述定制設置可以由用戶進行更新。之后，傳遞所述圖片地址鏈接和定制設置，用于對原圖片進行定制處理。可以將所述圖片地址鏈接和定制設置傳遞給電子設備中的其他裝置進行定制處理。可選地，可以將它們傳遞給網路上的服務器進行處理，這樣可以減小對電子設備本身的性能要求。然后，接收定制后的圖片，以及使用定制后的圖片替換所述原圖片，用于顯示。

在另一個例子中，還可以禁止使用經修改的網頁文件用于顯示。例如，如果所要顯示的內容涉及重大新聞或正式新聞，則關閉這種個性化重新排 版設置，而使用原始網頁文件進行顯示。

例如，所述網頁文件是用于在手機上進行顯示的。

圖3示出了根據本發明的實施例的網頁頁面的重新排版裝置3000。重新排版裝置3000可以用于實現圖2所示的方法，故重復的部分不再詳細描述。

重新排版裝置3000包括：第一管理單元3010、掃描單元3020、修改單元3030和第二管理單元3040。

第一管理單元3010被配置成提供關鍵詞。

掃描單元3020被配置成根據關鍵詞，對網頁文件進行掃描，以識別網頁文件中要進行更改的對象的裝置。

在一個例子中，所述掃描單元3020被配置成對網頁文件的正文部分進行掃描，以識別所述對象。

修改單元3030被配置成基于所述對象，利用替換內容對所述對象進行修改。

例如，所述替換內容是字、詞、小圖片、顏文字、字體大小、字體顏色中的至少一種。

第二管理單元3040被配置成使用經修改的網頁文件用于顯示。

在一個例子中，所述掃描單元3020還被配置成基于第一預定條件，對網頁文件進行掃描，以識別網頁文件中的背景圖片。例如，所述修改單元3030還被配置成對背景圖片進行修改。

在另一個例子中，所述掃描單元3020還被配置成基于第二預定條件，對網頁文件進行掃描，以識別網頁文件中的文字。例如，所述修改單元3030還被配置成將所述文字的樣式修改為豎向。

在另一個例子中，可選地，所述重新排版裝置3000還包括定制單元3050，以便對網頁文件中涉及的圖片進行定制處理。例如，所述掃描單元3020還被配置成提取網頁文件中的圖片地址鏈接。所述定制單元3050被配置成提供定制設置，用于對圖片地址鏈接所指向的原圖片進行定制。所述定制單元3050還被配置成傳遞所述圖片地址鏈接和定制設置，用于對原圖片進行定制處理。例如，所述定制單元3050可以將所述圖片地址鏈接和 定制設置傳遞給電子設備中的其他裝置進行定制處理。可選地，所述定制單元3050可以將它們傳遞給網路上的服務器進行處理，這樣可以減小對電子設備本身的性能要求。所述修改單元3040還被配置成接收定制后的圖片并使用定制后的圖片替換所述原圖片。

在另一個例子中，可選地，所述第二管理單元3040還被配置成禁止使用經修改的網頁文件用于顯示。

例如，所述網頁文件用于在手機上進行顯示。

圖4示出了根據本發明實施例的瀏覽器4000。瀏覽器4000包括根據本發明的重新排版裝置3000。重新排版裝置3000用于對接收的網頁文件進行重新排版處理。瀏覽器4000被配置成使用經過所述重新排版裝置處理的網頁文件用于顯示。例如，瀏覽器4000可以包括顯示裝置4010，顯示裝置4010用于配置電子設備的顯示器，以顯示網頁文件的網頁頁面。

例如，該瀏覽器是手機中的瀏覽器。

圖5示出了根據本發明的實施例的電子設備5000。電子設備5000包括根據本發明的瀏覽器4000。可以利用瀏覽器4000，在電子設備5000的顯示器5010上顯示經過重新排版的網頁頁面。

例如，該電子設備是手機。例如，瀏覽器4000是手機中的瀏覽器應用程序。例如，顯示器5010是手機的顯示屏。

本領域技術人員應當明白，可以通過各種方式來實現重新排版裝置3000、瀏覽器4000和電子設備5000中的各個單元。例如，可以通過指令配置處理器來實現各個單元。例如，可以將指令存儲在rom中，并且當啟動設備時，將指令從rom讀取到可編程器件中來實現各個單元。例如，可以將各個單元固化到專用器件(例如asic)中。可以將各個單元分成相互獨立的單元，或者可以將它們合并在一起實現。所述單元可以通過上述各種實現方式中的一種來實現，或者可以通過上述各種實現方式中的兩種或更多種方式的組合來實現。

<例子>

圖6-7是根據本發明的一個實施例的例子的示意圖。

圖6示出了手機中的瀏覽器根據原始網頁文件進行顯示的畫面。在圖 6中，標題“個性化排版方案的設計和實現”6000以一般模式被顯示。

圖7示出了根據本發明對原始網頁文件進行重新排版之后的畫面。例如，可以通過檢測網頁文件中的關鍵詞來重新排版。所述關鍵詞例如是html5文件中的變量名稱。例如可以通過檢測包含“title”等字符的變量來確定所要重新排版的部分。可選地，可以用正文部分的文字作為關鍵詞，例如“個性化排版方案”。在圖7中，由7000指示的部分被重新排版。例如，對標題7000進行了個性化處理。

本發明的裝置和方法可以通過程序產品體現。程序產品可以包括可讀存儲介質，其上載有用于使處理器實現本發明的各個方面的可讀程序指令。

可讀存儲介質可以是可以保持和存儲由指令執行設備使用的指令的有形設備。可讀存儲介質例如可以是――但不限于――電存儲設備、磁存儲設備、光存儲設備、電磁存儲設備、半導體存儲設備或者上述的任意合適的組合。可讀存儲介質的更具體的例子(非窮舉的列表)包括：便攜式盤、硬盤、隨機存取存儲器(ram)、只讀存儲器(rom)、可擦式可編程只讀存儲器(eprom或閃存)、靜態隨機存取存儲器(sram)、便攜式壓縮盤只讀存儲器(cd-rom)、數字多功能盤(dvd)、記憶棒、軟盤、機械編碼設備、例如其上存儲有指令的打孔卡或凹槽內凸起結構、以及上述的任意合適的組合。這里所使用的可讀存儲介質不被解釋為瞬時信號本身，諸如無線電波或者其他自由傳播的電磁波、通過波導或其他傳輸媒介傳播的電磁波(例如，通過光纖電纜的光脈沖)、或者通過電線傳輸的電信號。

這里所描述的可讀程序指令可以從可讀存儲介質下載到各個電子設備，或者通過網絡、例如因特網、局域網、廣域網和/或無線網下載到外部電子設備或外部存儲設備。網絡可以包括銅傳輸電纜、光纖傳輸、無線傳輸、路由器、防火墻、交換機、網關計算機和/或邊緣服務器。每個電子設備中的網絡適配卡或者網絡接口從網絡接收可讀程序指令，并轉發該可讀程序指令，以供存儲在各個計算/處理設備中的可讀存儲介質中。

用于執行本發明操作的程序指令可以是匯編指令、指令集架構(isa)指令、機器指令、機器相關指令、微代碼、固件指令、狀態設置數據、或者以一種或多種編程語言的任意組合編寫的源代碼或目標代碼，所述編程 語言包括面向對象的編程語言—諸如smalltalk、c++等，以及常規的過程式編程語言—諸如“c”語言或類似的編程語言。可讀程序指令可以完全地在用戶電子設備上執行、部分地在用戶電子設備上執行、作為一個獨立的軟件包執行、部分在用戶電子設備上部分在遠程計算機上執行、或者完全在遠程計算機或服務器上執行。在涉及遠程計算機的情形中，遠程計算機可以通過任意種類的網絡—包括局域網(lan)或廣域網(wan)—連接到用戶電子設備，或者，可以連接到外部計算機(例如利用因特網服務提供商來通過因特網連接)。在一些實施例中，通過利用可讀程序指令的狀態信息來個性化定制電子電路，例如可編程邏輯電路、現場可編程門陣列(fpga)或可編程邏輯陣列(pla)，該電子電路可以執行計算機可讀程序指令，從而實現本發明的各個方面。

這里參照根據本發明實施例的方法、裝置的流程圖和/或框圖描述了本發明的各個方面。應當理解，流程圖和/或框圖的每個方框以及流程圖和/或框圖中各方框的組合，都可以由可讀程序指令實現。

這些可讀程序指令可以提供給電子設備的處理器，從而生產出一種機器，使得這些指令在通過電子設備的處理器執行時，產生了實現流程圖和/或框圖中的一個或多個方框中規定的功能/動作的裝置。也可以把這些可讀程序指令存儲在可讀存儲介質中，這些指令使得電子設備以特定方式工作，從而，存儲有指令的可讀介質則包括一個制造品，其包括實現流程圖和/或框圖中的一個或多個方框中規定的功能/動作的各個方面的指令。

也可以把可讀程序指令加載到電子設備上，使得在電子設備上執行一系列操作步驟，以產生指令實現的過程，從而使得在電子設備上執行的指令實現流程圖和/或框圖中的一個或多個方框中規定的功能/動作。

附圖中的流程圖和框圖顯示了根據本發明的多個實施例的裝置和方法的可能實現的體系架構、功能和操作。在這點上，流程圖或框圖中的每個方框可以代表一個模塊、程序段或指令的一部分，所述模塊、程序段或指令的一部分包含一個或多個用于實現規定的邏輯功能的可執行指令。在有些作為替換的實現中，方框中所標注的功能也可以以不同于附圖中所標注的順序發生。例如，兩個連續的方框實際上可以基本并行地執行，它們 有時也可以按相反的順序執行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合，可以用執行規定的功能或動作的專用的基于硬件的系統來實現，或者可以用專用硬件與指令的組合來實現。對于本領域技術人員來說公知的是，通過硬件方式實現、通過軟件方式實現以及通過軟件和硬件結合的方式實現都是等價的。

以上已經描述了本發明的各實施例，上述說明是示例性的，并非窮盡性的，并且也不限于所披露的各實施例。在不偏離所說明的各實施例的范圍和精神的情況下，對于本技術領域的普通技術人員來說許多修改和變更都是顯而易見的。本文中所用術語的選擇，旨在最好地解釋各實施例的原理、實際應用或對市場中的技術的技術改進，或者使本技術領域的其它普通技術人員能理解本文披露的各實施例。本發明的范圍由所附權利要求來限定。