網(wǎng)絡頁面顯示方法和裝置的制造方法
【技術領域】
[0001] 本公開設及通信領域，尤其設及網(wǎng)絡頁面顯示方法和裝置。
【背景技術】
[0002] -般的網(wǎng)絡頁面都包含層疊樣式表CSS資源。瀏覽器加載顯示網(wǎng)絡頁面時，會先加 載網(wǎng)絡頁面的資源文件，例如超級文本標記語言HTML文件，然后開始解析HTML文件，構建文 檔對象化模型Dom化eeW及擅染樹Render Tree,然后將解析到的可W顯示出來的HTML標 簽顯示出來。如果HTML文件的頭<}16曰(1〉標簽內包含CSS資源，瀏覽器會按順序將所有的CSS 資源加載完成并解析后，將相應的CSS設置到相應的Render化ee中的節(jié)點上，然后顯示頁 面。
[0003] 現(xiàn)有技術，在顯示網(wǎng)絡頁面時，先判斷緩存中是否存在CSS資源，如果存在CSS資 源，則通過服務器驗證該CSS資源是否可用，如果不可用，則會重新下載新的CSS資源，如果 可用，則作用到網(wǎng)絡頁面中W顯示網(wǎng)絡頁面。
[0004] 公開內容
[0005] 為克服相關技術中存在的問題，本公開提供一種網(wǎng)絡頁面顯示方法和裝置。
[0006] 根據(jù)本公開實施例的第一方面，提供一種網(wǎng)絡頁面顯示方法，包括:發(fā)送網(wǎng)絡頁面 顯示請求，所述網(wǎng)絡頁面顯示請求包括所述網(wǎng)絡頁面的地址標識；
[0007] 接收響應信息，所述響應信息包括與所述地址標識對應的用于顯示所述網(wǎng)絡頁面 的資源文件：
[000引當所述資源文件包含層疊式樣式表CSS資源文件且緩存中存在第一 CSS資源，根據(jù) 所述第一 CSS資源設置所述網(wǎng)絡頁面的顯示屬性W顯示所述網(wǎng)絡頁面。
[0009] 結合第一方面，在第一方面的第一種可能的實現(xiàn)方式中，所述方法還包括：
[0010] 發(fā)送驗證請求，所述驗證請求包括用于請求所述服務器驗證所述第一 CSS資源是 否可用的請求信息；
[0011] 接收反饋信息，所述反饋信息包括所述服務器反饋的所述第一 CSS資源是否可用 的信息；
[0012] 當所述第一CSS資源不可用，請求第二CSS資源；
[0013] 接收所述第二CSS資源，將所述第二CSS資源作用到已顯示的網(wǎng)絡頁面上W刷新所 述網(wǎng)絡頁面。
[0014] 結合第一方面的第一種可能的實現(xiàn)方式，在第一方面的第二種可能的實現(xiàn)方式 中，所述將所述第二CSS資源作用到已顯示的網(wǎng)絡頁面上W刷新所述網(wǎng)絡頁面，包括：
[0015] 解析所述第二CSS資源，根據(jù)解析的所述第二CSS資源重新設置所述網(wǎng)絡頁面的顯 示屬性W刷新所述網(wǎng)絡頁面。
[0016] 結合第一方面、第一方面的第一至第二種任一種可能的實現(xiàn)方式，在第一方面的 第Ξ種可能的實現(xiàn)方式中，所述網(wǎng)絡頁面的顯示屬性包括所述網(wǎng)絡頁面中待顯示文體的屬 性信息、待顯示圖片的屬性信息或待顯示表格的屬性信息中的至少一種；
[0017] 其中，所述屬性信息為顏色、字體或排版中的至少一種。
[0018] 根據(jù)本公開實施例的第二面，提供一種網(wǎng)絡頁面顯示方法，包括：
[0019] 發(fā)送網(wǎng)絡頁面顯示請求，所述網(wǎng)絡頁面顯示請求包括所述網(wǎng)絡頁面的地址標識；
[0020] 接收響應信息，所述響應信息包括與所述地址標識對應的用于顯示所述網(wǎng)絡頁面 的資源文件：
[0021 ]根據(jù)所述資源文件顯示所述網(wǎng)絡頁面。
[0022] 結合第二方面，在第二方面的第一種可能的實現(xiàn)方式中，所述方法還包括：
[0023] 當所述資源文件包含所述CSS資源文件且緩存中存在第一CSS資源，發(fā)送驗證請 求，所述驗證請求包括用于請求所述服務器驗證所述第一 CSS資源是否可用的請求信息；
[0024] 接收反饋信息，所述反饋信息包括所述服務器反饋的所述第一CSS資源是否可用 的信息；
[0025] 當所述第一 CSS資源可用，根據(jù)所述第一 CSS資源設置所述網(wǎng)絡頁面的顯示屬性W 刷新所述網(wǎng)絡頁面。
[0026] 結合第二方面的第一種可能的實現(xiàn)方式，在第二方面的第二種可能的實現(xiàn)方式 中，所述方法還包括：
[0027] 當所述第一CSS資源不可用，請求第二CSS資源；
[00%]接收并解析所述第二CSS資源，將所述第二CSS資源作用到已顯示的網(wǎng)絡頁面上W 刷新所述網(wǎng)絡頁面。
[0029] 結合第二方面的第一種或第二種可能的實現(xiàn)方式，在第二方面的第=種可能的實 現(xiàn)方式中，
[0030] 所述網(wǎng)絡頁面的顯示屬性包括所述網(wǎng)絡頁面中待顯示文體的屬性信息、待顯示圖 片的屬性信息或待顯示表格的屬性信息中的至少一種；
[0031] 其中，所述屬性信息為顏色、字體或排版中的至少一種。
[0032] 根據(jù)本公開實施例的第Ξ面，提供一種網(wǎng)絡頁面顯示裝置，包括：
[0033] 第一發(fā)送模塊，被配置為發(fā)送網(wǎng)絡頁面顯示請求，所述網(wǎng)絡頁面顯示請求包括所 述網(wǎng)絡頁面的地址標識；
[0034] 第一接收模塊，被配置為接收響應信息，所述響應信息包括與所述地址標識對應 的用于顯示所述網(wǎng)絡頁面的資源文件；
[0035] 顯示模塊，被配置為當所述資源文件包含層疊式樣式表CSS資源文件且緩存中存 在第一 CSS資源，根據(jù)所述第一 CSS資源設置所述網(wǎng)絡頁面的顯示屬性W顯示所述網(wǎng)絡頁 面。
[0036] 結合第Ξ方面，在第Ξ方面的第一種可能的實現(xiàn)方式中，所述裝置還包括：
[0037] 第二發(fā)送模塊，被配置為發(fā)送驗證請求，所述驗證請求包括用于請求所述服務器 驗證所述第一 CSS資源是否可用的請求信息；
[0038] 第二接收模塊，被配置為接收反饋信息，所述反饋信息包括所述服務器反饋的所 述第一 CSS資源是否可用的信息；
[0039] 請求模塊，被配置為當所述第一CSS資源不可用，請求第二CSS資源；
[0040] 第Ξ接收模塊，被配置為接收所述第二CSS資源，將所述第二CSS資源作用到已顯 示的網(wǎng)絡頁面上W刷新所述網(wǎng)絡頁面。
[0041] 結合第Ξ方面的第一種可能的實現(xiàn)方式，在第Ξ方面的第二種可能的實現(xiàn)方式 中，所述第Ξ接收模塊包括：
[0042] 解析模塊，被配置為解析所述第二CSS資源；
[0043] 設置模塊，被配置為根據(jù)解析的所述第二CSS資源重新設置所述網(wǎng)絡頁面的顯示 屬性W刷新所述網(wǎng)絡頁面。
[0044] 結合第Ξ方面、第Ξ方面的第一至第二種可能的實現(xiàn)方式，在第Ξ方面的第Ξ種 可能的實現(xiàn)方式中，所述網(wǎng)絡頁面的顯示屬性包括所述網(wǎng)絡頁面中待顯示文體的屬性信 息、待顯示圖片的屬性信息或待顯示表格的屬性信息中的至少一種；
[0045] 其中，所述屬性信息為顏色、字體或排版中的至少一種。
[0046] 根據(jù)本公開實施例的第四面，提供一種網(wǎng)絡頁面顯示裝置，包括：
[0047] 第一發(fā)送模塊，被配置為向服務器發(fā)送網(wǎng)絡頁面顯示請求，所述網(wǎng)絡頁面顯示請 求包括所述網(wǎng)絡頁面的地址標識；
[0048] 第一接收模塊，被配置為接收響應信息，所述響應信息包括與所述地址標識對應 的用于顯示所述網(wǎng)絡頁面的資源文件：
[0049] 顯示模塊，被配置為根據(jù)所述資源文件顯示所述網(wǎng)絡頁面。
[0050] 結合第四方面，在第四方面的第一種可能的實現(xiàn)方式中，所述裝置還包括：
[0051] 第二發(fā)送模塊，被配置為當所述資源文件包含所述CSS資源文件且緩存中存在第 一 CSS資源，發(fā)送驗證請求，所述驗證請求包括用于請求所述服務器驗證所述第一 CSS資源 是否可用的請求信息；
[0052] 第二接收模塊，被配置為接收反饋信息，所述反饋信息包括所述服務器反饋的所 述第一 CSS資源是否可用的信息；
[0053] 設置模塊，被配置為當所述第一CSS資源可用，則根據(jù)所述第一CSS資源設置所述 網(wǎng)絡頁面的顯示屬性W刷新所述網(wǎng)絡頁面。
[0054] 結合第四方面的第一種可能的實現(xiàn)方式，在第四方面的第二種可能的實現(xiàn)方式 中，所述裝置還包括：
[0055] 請求模塊，被配置為當所述第一CSS資源不可用，請求第二CSS資源；
[0056] 第Ξ接收模塊，被配置為接收第二CSS資源；
[0057] 解析模塊，被配置為解析所述第二CSS資源，將所述第二CSS資源作用到已顯示的 網(wǎng)絡頁面上W刷新所述網(wǎng)絡頁面。
[0058] 結合第四方面的第一或第二種可能的實現(xiàn)方式，在第四方面的第Ξ種可能的實現(xiàn) 方式中，所述網(wǎng)絡頁面的顯示屬性包括所述網(wǎng)絡頁面中待顯示文體的屬性信息、待顯示圖 片的屬性信息或待顯示表格的屬性信息中的至少一種；
[0059] 其中，所述屬性信息為顏色、字體或排版中的至少一種。
[0060] 根據(jù)本公開實施例的第五面，提供一種網(wǎng)絡頁面顯示裝置，包括：
[0061] 存儲器；
[0062] 用于存儲處理器可執(zhí)行指令的存儲器；
[0063] 其中，所述處理器被配置為：
[0064] 發(fā)送網(wǎng)絡頁面顯示請求，所述網(wǎng)絡頁面顯示請求包括所述網(wǎng)絡頁面的地址標識；
[0065] 接收所述服務器發(fā)送的響應信息，所述響應信息包括與所述地址標識對應的用于 顯示所述網(wǎng)絡頁面的資源文件：
[0066] 當所述資源文件包含層疊式樣式表CSS資源文件且緩存中存在第一 CSS資源，根據(jù) 所述第一 CSS資源設置所述網(wǎng)絡頁面的顯示屬性W顯示所述網(wǎng)絡頁面。
[0067] 本公開的實施例提供的技術方案可W包括W下有益效果：
[0068] -個實施例中，通過向服務器發(fā)送網(wǎng)絡頁面顯示請求并接收服務器發(fā)送的響應信 息，響應信息包括用于顯示網(wǎng)絡頁面的組團文件，然后解析資源文件，當其包含CSS資源文 件且緩存中存在第一 CSS資源時，則直接使用第一 CSS資源，不用在顯示第一帖網(wǎng)絡頁面時 等待第一 CSS資源的加載，并根據(jù)該第一 CSS資源設置網(wǎng)絡頁面的顯示屬性W顯示網(wǎng)絡頁 面。因此，加快了網(wǎng)絡頁面的顯示時機，提高了用戶體驗。
[0069] 另一個實施例中，通過進一步的網(wǎng)絡驗證步驟，驗證上述第一CSS資源是否可用， 當該CSS資源不可用的時候，重新請求可用的第二CSS資源，并根據(jù)該第二CSS資源作用到已 顯示網(wǎng)絡頁面上W刷新網(wǎng)絡頁面的顯示。本實施例中的網(wǎng)絡頁面顯示方法，執(zhí)行網(wǎng)絡驗證 步驟，通過網(wǎng)絡驗證當前的第一CSS資源是否可用，如果第一CSS資源可用，因為之前已經(jīng)使 用過運個CSS資源了，則不用再解析了，如果不可用，則重新請求可用的第二CSS資源，從而 在保證顯示時機的前提下，進一步使得網(wǎng)絡頁面的顯示符合本來網(wǎng)絡頁面的顯示需求。
[0070] 另一個實施例中，終端瀏覽器獲取到上述第二CSS資源后，通過解析第二CSS