[發明專利]用于加載圖像的方法和裝置

在審

• 申請號: 202011163929.8
• 申請日: 2020-10-27
• 公開（公告）號: CN113835772A
• 公開（公告）日: 2021-12-24
• 發明（設計）人: 宋小兵
• 申請（專利權）人: 北京沃東天駿信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F16/957
• 代理公司: 北京英賽嘉華知識產權代理有限責任公司 11204
• 代理人: 王達佐;馬曉亞

本公開的實施例公開了用于加載圖像的方法和裝置。該方法的一具體實施方式包括：利用待加載圖像對應的監聽器，監聽待加載圖像在當前頁面中的顯示位置是否到達預設加載位置；響應于監聽到顯示位置到達預設加載位置，加載待加載圖像。該實施方式實現了對待加載圖像的加載時機的靈活控制。

技術領域

本公開的實施例涉及計算機技術領域，具體涉及用于加載圖像的方法和裝置。

背景技術

許多網站或應用，包括如應用的小程序等，其中經常存在圖像過多的頁面，因此在加載這些頁面時如果一次性加載完頁面中所有的圖像會導致頁面加載速度非常緩慢，而且對于用戶來說，經常出現頁面已經打開，但是要長時間等待頁面中的圖像慢慢加載的情況，用戶體驗較差。

為了加快頁面加載速度和提升用戶體驗，目前，通常使用懶加載或預加載等方式進行頁面的圖像加載。其中，懶加載一般指先不加載頁面中還未出現在可視區域內的圖像，等到圖像隨著頁面滾動出現在可視區域內時再加載圖像，由此來提升頁面加載速度。預加載一般指在頁面打開時，先向用戶顯示當前頁面中已加載完成的圖像，以提升用戶體驗。

發明內容

本公開的實施例提出了用于加載圖像的方法和裝置。

第一方面，本公開的實施例提供了一種用于加載圖像的方法，該方法包括：利用待加載圖像對應的監聽器，監聽待加載圖像在當前頁面中的顯示位置是否到達預設加載位置；響應于監聽到顯示位置到達預設加載位置，加載待加載圖像。

在一些實施例中，在響應于監聽到顯示位置到達預設加載位置，加載待加載圖像之后，該方法還包括：響應于確定待加載圖像加載完成，獲取加載完成的待加載圖像，以及在顯示位置處顯示待加載圖像。

在一些實施例中，在響應于監聽到顯示位置到達預設加載位置，加載待加載圖像之后，該方法還包括：響應于確定待加載圖像未加載完成，獲取用于提示待加載圖像正在加載中的第一預設圖像，以及在顯示位置處顯示第一預設圖像。

在一些實施例中，在響應于監聽到顯示位置到達預設加載位置，加載待加載圖像之后，該方法還包括：響應于確定待加載圖像加載失敗，獲取用于提示待加載圖像加載失敗的第二預設圖像，以及在顯示位置處顯示第二預設圖像。

在一些實施例中，在顯示位置處顯示待加載圖像，包括：設置顯示位置處的可見圖像為待加載圖像。

在一些實施例中，監聽待加載圖像在當前頁面中的顯示位置是否到達預設加載位置，包括：確定顯示位置與用于顯示頁面的可見區域的邊界之間的距離是否不大于預設距離；響應于確定顯示位置與用于顯示頁面的可見區域的邊界之間的距離不大于預設距離，確定顯示位置到達預設加載位置。

在一些實施例中，可見區域的邊界包括水平方向的邊界和/或垂直方向的邊界。

在一些實施例中，該方法還包括：響應于接收到用于請求更新預設距離的更新請求，獲取更新請求指示的更新值；更新預設距離為更新值。

在一些實施例中，該方法還包括：響應于接收到用于請求顯示頁面的顯示請求，創建待加載圖像所在的頁面中的各待加載圖像分別對應的監聽器。

第二方面，本公開的實施例提供了一種用于加載圖像的裝置，該裝置包括：監聽單元，被配置成利用待加載圖像對應的監聽器，監聽待加載圖像在當前頁面中的顯示位置是否到達預設加載位置；加載單元，被配置成響應于監聽到顯示位置到達預設加載位置，加載待加載圖像。

在一些實施例中，該裝置還包括：顯示單元，被配置成響應于確定待加載圖像加載完成，獲取加載完成的待加載圖像，以及在顯示位置處顯示待加載圖像。

在一些實施例中，上述顯示單元進一步被配置成：響應于確定待加載圖像未加載完成，獲取用于提示待加載圖像正在加載中的第一預設圖像，以及在顯示位置處顯示第一預設圖像。