[發明專利]頁面交互方法、裝置、計算機可讀介質及電子設備

在審

• 申請號: 202010079852.X
• 申請日: 2020-02-04
• 公開（公告）號: CN111259381A
• 公開（公告）日: 2020-06-09
• 發明（設計）人: 湯振興
• 申請（專利權）人: 網易（杭州）網絡有限公司
• 主分類號: G06F21/53
• 分類號: G06F21/53;G06F9/451
• 代理公司: 北京律智知識產權代理有限公司 11438
• 代理人: 王輝;闞梓瑄

本公開提供一種頁面交互方法、頁面交互裝置、計算機可讀介質及電子設備；涉及計算機應用技術領域。該頁面交互方法包括：響應第三方頁面的嵌入請求，通過沙箱機制確定對于所述第三方頁面的目標頁面；通過所述嵌入請求獲取所述第三方頁面的頁面元素信息，并將所述頁面元素信息與所述目標頁面進行關聯，以在所述目標頁面中顯示所述頁面元素信息；基于所述頁面元素信息確定所述目標頁面的交互效果，以完成所述第三方頁面的嵌入。本公開中的頁面交互方法能夠在一定程度上克服第三方頁面嵌入造成用戶體驗不好的問題，進而提升頁面的交互效果。

技術領域

本公開涉及前端技術領域，具體而言，涉及一種頁面交互方法、頁面交互裝置、計算機可讀介質及電子設備。

背景技術

為了提高平臺功能的豐富性，滿足用戶的需求，大部分的平臺都需要接入第三方平臺，例如，在電子商務平臺中接入一商品頁面、在社交媒體平臺接入一第三方系統頁面等。

目前平臺接入第三方主要是通過將第三方頁面的相關代碼以及事件綁定至父頁面，在父頁面顯示該第三方頁面的信息，但是直接將代碼綁定至父頁面會對父頁面造成污染，存在安全隱患。為了不對父頁面造成污染可以通過iframe嵌入的方法在父頁面嵌入第三方頁面，但是嵌入的第三方頁面中的所有交互效果只能顯示在該iframe頁面區域，如果超出該區域則無法顯示，影響用戶體驗。

需要說明的是，在上述背景技術部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現有技術的信息。

發明內容

本公開的目的在于提供一種頁面交互方法、頁面交互裝置、計算機可讀介質及電子設備，能夠在一定程度上克服第三方頁面嵌入時造成的用戶交互體驗差的問題，進而提升交互體驗。

本公開的其他特性和優點將通過下面的詳細描述變得顯然，或部分地通過本公開的實踐而習得。

根據本公開的第一方面，提供一種頁面交互方法，包括：

響應第三方頁面的嵌入請求，通過沙箱機制確定對于所述第三方頁面的目標頁面；

通過所述嵌入請求獲取所述第三方頁面的頁面元素信息，并將所述頁面元素信息與所述目標頁面進行關聯，以在所述目標頁面中顯示所述頁面元素信息；

基于所述頁面元素信息確定所述目標頁面的交互效果，以完成所述第三方頁面的嵌入。

在本公開的一種示例性實施例中，所述通過所述嵌入請求獲取所述第三方頁面的頁面元素信息，包括：

通過所述嵌入請求獲取所述第三方頁面發送的字符串信息；

對所述字符串信息進行格式轉換，以獲得所述頁面元素信息。

在本公開的一種示例性實施例中，所述對所述字符串信息進行格式轉換，以獲得所述頁面元素信息，包括：

檢測所述字符串信息中包含的目標字符串；

將所述目標字符串轉換成可執行腳本，以獲取所述頁面元素信息。

在本公開的一種示例性實施例中，所述將所述頁面元素信息與所述目標頁面進行關聯，以在所述目標頁面中顯示所述頁面元素信息，包括：

根據所述頁面元素信息確定所述第三方頁面的顯示樣式；

將所述顯示樣式與所述目標頁面進行關聯，以按照所述顯示樣式顯示所述目標頁面。

在本公開的一種示例性實施例中，所述基于所述目標頁面中的所述頁面元素信息，確定所述目標頁面的交互效果，包括：

基于所述頁面元素信息確定用戶操作指令；

通過所述第三方頁面響應所述用戶操作指令，以控制所述目標頁面的交互效果。