[發明專利]基于網頁的圖片交互方法、裝置、設備、介質及程序產品

有效

• 申請號: 202111151581.5
• 申請日: 2021-09-29
• 公開（公告）號: CN113792208B
• 公開（公告）日: 2023-06-20
• 發明（設計）人: 陳權
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/953
• 分類號: G06F16/953;G06F16/958;G06F3/0484;G06F9/451
• 代理公司: 北京派特恩知識產權代理有限公司 11270
• 代理人: 侯艷華;張穎玲

1.一種基于網頁的圖片交互方法，其特征在于，所述方法包括：

在當前瀏覽網頁的頁面中顯示目標圖片，所述目標圖片包括交互區域和非交互區域；

在所述目標圖片的交互區域中，顯示用于對所述目標圖片進行交互的交互控件；

當接收到針對所述交互控件的第一觸發操作時，執行所述交互控件所指示的針對所述目標圖片的第一交互操作；

當接收到針對所述非交互區域的第二觸發操作，且所述第二觸發操作滿足交互條件時，執行所述第二觸發操作所指示的針對所述目標圖片的第二交互操作，所述第二交互操作不同于所述第一交互操作；

其中，所述在當前瀏覽網頁的頁面中顯示目標圖片之前，所述方法還包括：

獲取當所述頁面不包括所述目標圖片時所對應的第一源文件、所述第一源文件的內容體、以及所述目標圖片對應的標簽代碼；

遍歷所述第一源文件的內容體，將所述目標圖片的標簽代碼添加到所述內容體中，得到所述頁面包括所述目標圖片時對應的第二源文件，其中，所述第二源文件，用于在所述頁面被渲染時，在渲染得到的頁面中顯示所述目標圖片；

所述獲取所述目標圖片對應的標簽代碼，包括：

確定所述目標圖片對應的圖層架構，所述圖層架構用于指示組成所述目標圖片的標簽元素的圖層，包括靜態層、原始交互層、交互對象層、實際交互層；

其中，所述靜態層用于存儲與所述頁面相對應的圖片；所述原始交互層用于響應所述第一觸發操作對應的觸發事件；所述交互對象層用于響應所述第二觸發操作對應的觸發事件；所述實際交互層用于響應于所述第一觸發操作或所述第二觸發操作，生成對應的觸發事件，并將所述觸發事件傳遞至相應的圖層；

基于所述圖層架構，對所述目標圖片所包括的標簽元素進行代碼構建，得到所述目標圖片的標簽代碼。

2.如權利要求1所述的方法，其特征在于，所述執行所述交互控件所指示的針對所述目標圖片的第一交互操作，包括：

呈現交互提示信息，所述交互提示信息，用于提示針對所述目標圖片執行交互操作；

響應于針對所述交互提示信息的確定指令，執行所述交互控件所指示的針對所述目標圖片的交互操作。

3.如權利要求1所述的方法，其特征在于，所述執行所述第二觸發操作所指示的針對所述目標圖片的第二交互操作，包括：

呈現對應至少兩個交互操作的交互選項；

基于所述交互選項，響應于針對所述至少兩個交互操作中目標交互操作的選擇操作，執行針對所述目標圖片的所述目標交互操作。

4.如權利要求1所述的方法，其特征在于，所述執行所述交互控件所指示的針對所述目標圖片的第一交互操作，包括：

當所述目標圖片的內容與目標應用相關聯、且所述交互控件指示下載目標應用時，響應于所述第一觸發操作，確定當前終端未下載所述目標應用時，執行針對所述目標應用的下載操作，并呈現下載所述目標應用的進度提示信息。

5.如權利要求1所述的方法，其特征在于，所述執行所述交互控件所指示的針對所述目標圖片的第一交互操作，包括：

當所述目標圖片包含第一標簽元素，且所述交互控件指示對所述第一標簽元素進行調整時，響應于所述第一觸發操作，執行所述交互控件所指示的針對所述第一標簽元素的調整操作。

6.如權利要求1所述的方法，其特征在于，所述執行所述交互控件所指示的針對所述目標圖片的第一交互操作，包括：

當所述目標圖片包含第二標簽元素，且所述交互控件指示對所述第二標簽元素進行切換時，響應于所述第一觸發操作，執行所述交互控件所指示的針對所述第二標簽元素的切換操作。

7.如權利要求1所述的方法，其特征在于，所述執行所述交互控件所指示的針對所述目標圖片的第一交互操作，包括：

當所述目標圖片包含第三標簽元素，且所述交互控件指示對所述第三標簽元素進行搜索時，響應于所述第一觸發操作，執行所述交互控件所指示的針對所述第三標簽元素的搜索操作，并呈現針對所述搜索操作的搜索結果。