[發(fā)明專利]一種基于iframe的頁(yè)面加載方法及系統(tǒng)

在審

• 申請(qǐng)?zhí)枺?/td>: 201711119892.7
• 申請(qǐng)日: 2017-11-14
• 公開（公告）號(hào): CN107818171A
• 公開（公告）日: 2018-03-20
• 發(fā)明（設(shè)計(jì)）人: 梁有亮
• 申請(qǐng)（專利權(quán)）人: 北京思特奇信息技術(shù)股份有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京輕創(chuàng)知識(shí)產(chǎn)權(quán)代理有限公司11212
• 代理人: 楊立

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

本發(fā)明涉及頁(yè)面展示領(lǐng)域，具體涉及一種基于iframe的頁(yè)面加載方法及系統(tǒng)。

背景技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，人們?cè)絹?lái)越依賴從網(wǎng)絡(luò)獲取信息和服務(wù)，例如瀏覽新聞、看電影、網(wǎng)購(gòu)等，從而豐富了人們的生活體驗(yàn)。上述的信息和服務(wù)往往是通過(guò)頁(yè)面的形式呈現(xiàn)給用戶的，在加載一個(gè)頁(yè)面時(shí)，經(jīng)常需要調(diào)用其他頁(yè)面來(lái)向用戶展示推薦信息或?qū)崟r(shí)提示等信息的時(shí)候,現(xiàn)有技術(shù)中，各個(gè)頁(yè)面的加載是按順序逐一加載的，如果在調(diào)用過(guò)程中一個(gè)頁(yè)面報(bào)錯(cuò)了,那么整個(gè)頁(yè)面都會(huì)癱瘓或報(bào)錯(cuò)，影響用戶的使用體驗(yàn)。

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

本發(fā)明針對(duì)現(xiàn)有技術(shù)存在的上述技術(shù)問(wèn)題，提供一種基于iframe的頁(yè)面加載方法及系統(tǒng)。

本發(fā)明解決上述技術(shù)問(wèn)題的技術(shù)方案如下：一種基于iframe的頁(yè)面加載方法，包括以下步驟：

接收服務(wù)器針對(duì)用戶的頁(yè)面請(qǐng)求所返回的第一頁(yè)面；

在加載所述第一頁(yè)面的過(guò)程中，當(dāng)檢測(cè)到所述第一頁(yè)面中包含iframe標(biāo)簽時(shí)，根據(jù)所述iframe標(biāo)簽內(nèi)的URL地址加載第二頁(yè)面；

當(dāng)所述第一頁(yè)面中包含多個(gè)iframe標(biāo)簽時(shí)，分別根據(jù)每個(gè)iframe標(biāo)簽內(nèi)的URL地址加載對(duì)應(yīng)的第二頁(yè)面。

本發(fā)明的有益效果是：利用iframe特性,把需要調(diào)用的多個(gè)頁(yè)面,單獨(dú)使用iframe標(biāo)簽去同時(shí)調(diào)用,如果調(diào)用過(guò)程中其中一個(gè)頁(yè)面報(bào)錯(cuò)了,那么不會(huì)影響其他頁(yè)面繼續(xù)調(diào)用，不但可以減少頁(yè)面加載報(bào)錯(cuò)進(jìn)而導(dǎo)致主要頁(yè)面崩潰的幾率，還能加快主要頁(yè)面加載時(shí)的速度。

在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進(jìn)。

進(jìn)一步，所述URL地址是在iframe標(biāo)簽的src屬性中設(shè)置的。

進(jìn)一步，該方法還包括將所述iframe標(biāo)簽設(shè)置為隱藏。

采用上述進(jìn)一步方案的有益效果是，當(dāng)?shù)诙?yè)面加載失敗時(shí)不會(huì)在第一頁(yè)面展示，避免影響用戶的使用體驗(yàn)。

進(jìn)一步，所述將iframe標(biāo)簽設(shè)置為隱藏的方法包括：

將所述iframe標(biāo)簽的顯示屬性設(shè)置為不顯示；或者設(shè)置所述iframe標(biāo)簽的長(zhǎng)寬尺寸為0。

進(jìn)一步，該方法還包括當(dāng)所述第二頁(yè)面加載失敗時(shí)，根據(jù)加載失敗的第二頁(yè)面對(duì)應(yīng)的iframe標(biāo)簽在第一頁(yè)面中的位置和加載失敗原因生成頁(yè)面錯(cuò)誤信息。

采用上述進(jìn)一步方案的有益效果是，便于后臺(tái)維護(hù)人員根據(jù)頁(yè)面錯(cuò)誤信息及時(shí)、準(zhǔn)確地對(duì)加載失敗的頁(yè)面進(jìn)行調(diào)試。

為實(shí)現(xiàn)上述發(fā)明目的，本發(fā)明還提供一種基于iframe的頁(yè)面加載系統(tǒng)，包括：

頁(yè)面接收模塊，用于接收服務(wù)器針對(duì)用戶的頁(yè)面請(qǐng)求所返回的第一頁(yè)面；

頁(yè)面加載模塊，用于在加載所述第一頁(yè)面的過(guò)程中，當(dāng)檢測(cè)到所述第一頁(yè)面中包含iframe標(biāo)簽時(shí)，根據(jù)所述iframe標(biāo)簽內(nèi)的URL地址加載第二頁(yè)面，還用于當(dāng)所述第一頁(yè)面中包含多個(gè)iframe標(biāo)簽時(shí)，分別根據(jù)每個(gè)iframe標(biāo)簽內(nèi)的URL地址加載對(duì)應(yīng)的第二頁(yè)面。

本發(fā)明的有益效果是：利用iframe特性,把需要調(diào)用的多個(gè)頁(yè)面,單獨(dú)使用iframe標(biāo)簽去同時(shí)調(diào)用,如果調(diào)用過(guò)程中其中一個(gè)頁(yè)面報(bào)錯(cuò)了,那么不會(huì)影響其他頁(yè)面繼續(xù)調(diào)用，不但可以減少頁(yè)面加載報(bào)錯(cuò)進(jìn)而導(dǎo)致主要頁(yè)面崩潰的幾率，還能加快主要頁(yè)面加載時(shí)的速度。

在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進(jìn)。

進(jìn)一步，所述URL地址是在iframe標(biāo)簽的src屬性中設(shè)置的。

進(jìn)一步，該系統(tǒng)還包括標(biāo)簽隱藏模塊，用于將所述iframe標(biāo)簽設(shè)置為隱藏。

采用上述進(jìn)一步方案的有益效果是，當(dāng)?shù)诙?yè)面加載失敗時(shí)不會(huì)在第一頁(yè)面展示，避免影響用戶的使用體驗(yàn)。

所述標(biāo)簽隱藏模塊，具體用于將所述iframe標(biāo)簽的顯示屬性設(shè)置為不顯示，或者設(shè)置所述iframe標(biāo)簽的長(zhǎng)寬尺寸為0。

進(jìn)一步，該系統(tǒng)還包括頁(yè)面報(bào)錯(cuò)模塊，用于當(dāng)所述第二頁(yè)面加載失敗時(shí)，根據(jù)加載失敗的第二頁(yè)面對(duì)應(yīng)的iframe標(biāo)簽在第一頁(yè)面中的位置和加載失敗原因生成頁(yè)面錯(cuò)誤信息。

采用上述進(jìn)一步方案的有益效果是，便于后臺(tái)維護(hù)人員根據(jù)頁(yè)面錯(cuò)誤信息及時(shí)、準(zhǔn)確地對(duì)加載失敗的頁(yè)面進(jìn)行調(diào)試。

附圖說(shuō)明

圖1為本發(fā)明實(shí)施例提供的一種基于iframe的頁(yè)面加載方法的流程圖；

圖2為本發(fā)明實(shí)施例提供的一種基于iframe的頁(yè)面加載方法的流程圖；

圖3為本發(fā)明實(shí)施例提供的一種基于iframe的頁(yè)面加載方法的流程圖；

圖4為本發(fā)明實(shí)施例提供的一種基于iframe的頁(yè)面加載系統(tǒng)的結(jié)構(gòu)框圖；