本申請涉及一種網站適配的方法、裝置、終端設備及計算機可讀存儲介質,涉及網頁應用領域,該方法包括向Web服務器發送網站訪問請求,接收Web服務器發送的適配文件以及原網站資源,適配文件是Web服務器根據網站訪問請求發送的,適配文件包括:第一布局樣式以及第一布局樣式與原網站資源的綁定關系,第一布局樣式為與第一終端設備相適配的布局樣式,若第一終端設備的設備類型為移動終端,則基于第一布局樣式、綁定關系以及原網站資源,進行網頁渲染,控制顯示渲染后的網頁。本申請提供的網站適配的方法、裝置、終端設備及計算機可讀存儲介質可以降低網站適配的復雜度,進而可以提升網站適配的效率。適配的效率。適配的效率。
【技術實現步驟摘要】
網站適配的方法、裝置、電子設備及計算機可讀存儲介質
[0001]本申請涉及計算機
,尤其是涉及一種網站適配的方法、裝置、終端設備及計算機可讀存儲介質。
技術介紹
[0002]目前隨著移動互聯網時代的不斷發展,移動終端成為主要的上網終端,例如,手機,早期的網站主要以PC終端訪問而設計,并不適應移動終端瀏覽,造成視覺展現和操作體驗非常差,因此以PC終端訪問而設計的網站所有者不得不重新構建適合移動終端的網站。
[0003]專利技術人在研究過程中發現:在網站適配過程中重新構建網站,對網頁的布局和內容進行重新構建,以適配移動終端設備,從而可能導致網站適配的復雜度較高,效率較低。
技術實現思路
[0004]本申請目的是提供一種網站適配的方法、裝置、終端設備及計算機可讀存儲介質,用于解決以上至少一項技術問題。
[0005]本申請的上述專利技術目的是通過以下技術方案得以實現的:第一方面,提供了一種網站適配的方法,應用于網站適配系統,所述網站適配系統包括:第一終端設備、Web服務器以及第二終端設備,所述第一終端設備與所述Web服務器進行信息交互,所述Web服務器與所述第二終端設備進行信息交互,所述方法由第一終端設備執行,該方法包括:向Web服務器發送網站訪問請求;接收所述Web服務器發送的適配文件以及原網站資源,所述適配文件是所述Web服務器根據所述網站訪問請求發送的,所述適配文件包括:第一布局樣式以及所述第一布局樣式與所述原網站資源的綁定關系,所述第一布局樣式為與所述第一終端設備相適配的布局樣式;若所述第一終端設備的設備類型為移動終端,則基于所述第一布局樣式、所述綁定關系以及所述原網站資源,進行網頁渲染;控制顯示渲染后的網頁。
[0006]在一種可能的實現方式中,接收所述Web服務器發送的適配文件,包括:若所述Web服務器判斷所述第一終端設備的設備類型為移動終端設備,則接收所述Web服務器發送的與移動終端設備相匹配的適配文件,所述與移動終端設備相匹配的適配文件包含新的布局樣式以及新的布局樣式與原網站資源的綁定關系,所述新的布局樣式為適配于所述移動終端設備的布局樣式;若所述Web服務器判斷所述第一終端設備的設備類型為PC端設備,則接收所述Web服務器發送的與PC端設備相匹配的適配文件,所述與PC端設備相匹配的適配文件包括原布局樣式與原網站資源的綁定關系,所述原布局樣式為適配于所述PC端設備的布局樣式。
[0007]在另一種可能的實現方式中,所述適配文件中還包含校驗代碼、第二布局樣式,以
及第二布局樣式與所述原網站資源的綁定關系,所述第二布局樣式為與所述第一終端設備不適配的布局樣式;所述接收所述Web服務器發送的適配文件以及原網站資源,之后還包括:基于所述校驗代碼確定所述第一終端設備的設備類型;其中,基于所述第一布局樣式、所述綁定關系以及所述原網站資源,進行網頁渲染,包括:基于新的布局樣式,所述綁定關系以及所述原網站資源,進行網頁渲染,所述新的布局樣式為適配于所述移動終端設備的布局樣式。
[0008]在另一種可能的實現方式中,所述第一終端設備的設備類型為PC端設備,所述方法還包括:基于原布局樣式、原網站資源以及原布局樣式與原網站資源的綁定關系,進行網頁渲染,所述原布局樣式為適配于所述PC端設備的布局樣式;控制顯示渲染后的網頁。
[0009]第二方面,提供了一種網站適配的方法,所述網站適配系統包括:第一終端設備、Web服務器以及第二終端設備,所述第一終端設備與所述Web服務器進行信息交互,所述Web服務器與所述第二終端設備進行信息交互,所述方法由第二終端設備執行,該方法包括:獲取原網站資源;基于所述原網站資源創建新的布局樣式,以及所述原網站資源與所述新的布局樣式的綁定關系,所述新的布局樣式為適配于移動終端設備的布局樣式;基于新的布局樣式以及所述綁定關系生成適配文件;向所述Web服務器發送所述適配文件,所述適配文件用于所述移動終端設備渲染并顯示適配后的網頁。
[0010]在一種可能的實現方式中,所述基于所述原網站資源創建新的布局樣式,以及所述原網站資源與所述新的布局樣式的綁定關系,包括:獲取原布局樣式、原布局樣式與原網站資源的綁定關系以及網站對應的源代碼,所述源代碼為構成網頁的語言;基于所述原布局樣式以及所述綁定關系,對所述網站對應的源代碼進行調整,以創建所述新的布局樣式以及所述原網站資源與所述新的布局樣式的綁定關系。
[0011]在另一種可能的實現方式中,所述獲取原布局樣式、原布局樣式與原網站資源的綁定關系以及網站對應的源代碼,包括:獲取用戶輸入的所述網站的網址;對所述網址進行解析,獲取網站對應的原布局樣式、所述綁定關系以及所述網站對應的源代碼。
[0012]在另一種可能的實現方式中,所述基于所述原布局樣式以及所述綁定關系,對所述網站對應的源代碼進行調整,包括:檢測用戶對所述原布局樣式和/或所述綁定關系的調整操作;基于所述調整操作,對所述網站對應的源代碼進行調整。
[0013]在另一種可能的實現方式中,所述基于新的布局樣式以及所述綁定關系生成適配文件,包括以下任一項:
獲取校驗代碼,并基于所述調整后的代碼以及所述校驗代碼,生成適配文件;基于所述調整后的代碼生成適配文件。
[0014]在另一種可能的實現方式中,基于所述調整后的代碼生成適配文件,包括:將所述調整后的代碼進行壓縮,得到壓縮后的代碼;基于壓縮后的代碼生成適配文件。
[0015]第三方面,提供了一種網站適配的裝置,該裝置包括:訪問請求發送模塊,用于向Web服務器發送網站訪問請求;接收模塊,用于接收所述Web服務器發送的適配文件以及原網站資源,所述適配文件是所述Web服務器根據所述網站訪問請求發送的,所述適配文件包括:第一布局樣式以及所述第一布局樣式與所述原網站資源的綁定關系,所述第一布局樣式為與第一終端設備相適配的布局樣式;第一渲染模塊,用于當所述終端設備的設備類型為移動終端時,,基于所述第一布局樣式、所述綁定關系以及所述原網站資源,進行網頁渲染;第一控制顯示模塊,用于控制顯示渲染后的網頁。
[0016]在一種可能的實現方式中,所述接收模塊在接收所述Web服務器發送的適配文件時,具體用于:若所述Web服務器判斷所述第一終端設備的設備類型為移動終端設備,則接收所述Web服務器發送的與移動終端設備相匹配的適配文件,所述與移動終端設備相匹配的適配文件包含新的布局樣式以及新的布局樣式與原網站資源的綁定關系,所述新的布局樣式為適配于所述移動終端設備的布局樣式;若所述Web服務器判斷所述第一終端設備的設備類型為PC端設備,則接收所述Web服務器發送的與PC端設備相匹配的適配文件,所述與PC端設備相匹配的適配文件包括原布局樣式與原網站資源的綁定關系,所述原布局樣式為適配于所述PC端設備的布局樣式。
[0017]在另一種可能的實現方式中,所述適配文件中還包含校驗代碼、第二布局樣式,以及所述第二布局樣式與所述原網站資源的綁定關系,所述第二布局樣式為與所述第一終端設備不適配的布局樣式;所述裝置本文檔來自技高網...
【技術保護點】
【技術特征摘要】
1.一種網站適配的方法,應用于網站適配系統,其特征在于,所述網站適配系統包括:第一終端設備、Web服務器以及第二終端設備,所述第一終端設備與所述Web服務器進行信息交互,所述Web服務器與所述第二終端設備進行信息交互,所述方法由第一終端設備執行,包括:向Web服務器發送網站訪問請求;接收所述Web服務器發送的適配文件以及原網站資源,所述適配文件是所述Web服務器根據所述網站訪問請求發送的,所述適配文件包括:第一布局樣式以及所述第一布局樣式與所述原網站資源的綁定關系,所述第一布局樣式為與所述第一終端設備相適配的布局樣式;若所述第一終端設備的設備類型為移動終端,則基于所述第一布局樣式、所述綁定關系以及所述原網站資源,進行網頁渲染;控制顯示渲染后的網頁。2.根據權利要求1所述的方法,其特征在于,接收所述Web服務器發送的適配文件,包括:若所述Web服務器判斷所述第一終端設備的設備類型為移動終端設備,則接收所述Web服務器發送的與移動終端設備相匹配的適配文件,所述與移動終端設備相匹配的適配文件包含新的布局樣式以及新的布局樣式與原網站資源的綁定關系,所述新的布局樣式為適配于所述移動終端設備的布局樣式;若所述Web服務器判斷所述第一終端設備的設備類型為PC端設備,則接收所述Web服務器發送的與PC端設備相匹配的適配文件,所述與PC端設備相匹配的適配文件包括原布局樣式與原網站資源的綁定關系,所述原布局樣式為適配于所述PC端設備的布局樣式。3.根據權利要求1所述的方法,其特征在于,所述適配文件中還包含校驗代碼、第二布局樣式,以及所述第二布局樣式與所述原網站資源的綁定關系,所述第二布局樣式為與所述第一終端設備不適配的布局樣式;所述接收所述Web服務器發送的適配文件以及原網站資源,之后還包括:基于所述校驗代碼確定所述第一終端設備的設備類型;其中,基于所述第一布局樣式、所述綁定關系以及所述原網站資源,進行網頁渲染,包括:基于新的布局樣式,所述綁定關系以及所述原網站資源,進行網頁渲染,所述新的布局樣式為適配于所述移動終端設備的布局樣式;其中,所述第一終端設備的設備類型為PC端設備,所述方法還包括:基于原布局樣式、原網站資源以及原布局樣式與原網站資源的綁定關系,進行網頁渲染,所述原布局樣式為適配于所述PC端設備的布局樣式;控制顯示渲染后的網頁。4.一種網站適配的方法,其特征在于,所述網站適配系統包括:第一終端設備、Web服務器以及第二終端設備,所述第一終端設備與所述Web服務器進行信息...
【專利技術屬性】
技術研發人員:劉云,劉允鋒,劉芳,湯水生,
申請(專利權)人:北京飛天經緯科技股份有限公司,
類型:發明
國別省市:
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。