本發明公開了一種展示H5頁面的方法、客戶端應用模塊、H5模塊及系統，該方法包括：由客戶端應用模塊響應于展示H5頁面的操作，加載webview；確認webview加載完成，向H5模塊注入供調用的接口信息；檢測向H5模塊注入供調用的接口信息完成的第一事件是否發生；在第一事件發生的情況下，通知H5模塊；由H5模塊響應于展示H5頁面的操作，加載對應的H5頁面；檢測客戶端應用模塊加載完成webview、并向H5模塊注入供調用的接口信息的第三事件是否發生；在第三事件的發生的情況下，根據接口信息調用相應的接口，以根據webview展示H5頁面。

技術領域

本發明涉及H5頁面展示技術領域，更具體地，涉及一種展示H5頁面的方法、客戶端應用模塊、H5模塊及系統。

背景技術

超文本標記語言的第五修訂版(被稱作“HTML5”，簡稱“H5”)由稱為萬維網協會(“W3C”)的國際標準組織正式地定義。HTML5包括涉及下一代Web技術的多于100個規范。HTML5描述了被配置成使得設計者和開發者能夠構建下一代web站點和應用(“app”)的一組HTML、CSS(級聯樣式表)以及JavaScript規范。

開始加載H5頁面時，H5模塊開始加載對應的H5頁面、且客戶端應用模塊開始加載webview。但是H5模塊加載完成H5頁面的時機、與客戶端應用模塊加載完成webview的時機均是不確定的。如果H5模塊調用客戶端應用模塊的接口時，客戶端應用模塊已經加載完成webview，且已經向H5頁面注入接口信息，那么客戶端應用模塊可以正常響應H5模塊的接口調用。但是，如果客戶端應用模塊還沒有向H5模塊注入相關接口，H5模塊可能就已經開始調用客戶端應用模塊的接口了，就會導致H5模塊調用客戶端應用模塊的接口失敗，那么可能會導致展示的H5頁面不正常。

發明內容

本發明的一個目的是提供一種用于展示H5頁面的新技術方案。

根據本發明的第一方面，提供了一種展示H5頁面的方法，所述方法由客戶端應用模塊實施，所述方法包括：

步驟S1100，響應于展示H5頁面的操作，加載webview；

步驟S1200，確認所述webview加載完成，向H5模塊注入供調用的接口信息；

步驟S1300，檢測向所述H5模塊注入供調用的接口信息完成的第一事件是否發生；

步驟S1400，在所述第一事件發生的情況下，通知所述H5模塊，以供所述H5模塊根據所述接口信息調用相應的接口，根據所述webview展示所述H5頁面。

可選的，所述方法還包括：

檢測所述H5模塊加載完成對應的H5頁面的第二事件是否發生；

所述步驟S1400還包括：根據所述第一事件和所述第二事件的檢測結果，通知所述H5模塊，以供所述H5模塊根據所述接口信息調用相應的接口，根據所述webview展示所述H5頁面。

可選的，所述檢測所述H5模塊加載完成對應的H5頁面的第二事件是否發生的步驟包括：

檢測是否接收到所述H5模塊發送的H5頁面加載完成的通知。

可選的，所述通知中包括指定的監聽事件；

所述步驟S1400還包括：根據所述第一事件和所述第二事件的檢測結果，回調所述指定的監聽事件，以供所述H5模塊根據所述接口信息調用相應的接口，根據所述webview展示所述H5頁面。

根據本發明的第二方面，提供了一種展示H5頁面的方法，所述方法由H5模塊實施，所述方法包括：

步驟S2100，響應于展示H5頁面的操作，加載對應的H5頁面；