[發明專利]用于調試頁面的系統、方法和裝置

有效

• 申請號: 201811458512.7
• 申請日: 2018-11-30
• 公開（公告）號: CN109558323B
• 公開（公告）日: 2022-04-12
• 發明（設計）人: 張自萌;雷志興
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 北京英賽嘉華知識產權代理有限責任公司 11204
• 代理人: 王達佐;馬曉亞

1.一種用于調試頁面的系統，包括無線網絡連接的設置有顯示器的計算機設備和移動終端，其中：

所述計算機設備被配置成：

響應于檢測到針對待調試頁面在源代碼面板或者控制面板的第一調試請求，在與所述待調試頁面對應的線程中加載并執行所述待調試頁面對應的代碼，得到執行結果，以及將所得到的執行結果發送給所述移動終端；

響應于接收到所述移動終端發送的頁面事件信息，在與所述待調試頁面對應的線程中基于所收到的頁面事件信息執行所述待調試頁面對應的代碼，得到執行結果，以及將所得到的執行結果發送給所述移動終端；

所述移動終端被配置成：

響應于接收到所述計算機設備發送的執行結果，基于所收到的執行結果渲染以及呈現所述待調試頁面；

響應于檢測到用戶針對所述待調試頁面的操作，生成與所述操作相關的頁面事件信息，以及將所生成的頁面事件信息發送給所述計算機設備。

2.根據權利要求1所述的系統，其中：

所述計算機設備還被配置成：

響應于檢測到針對待調試頁面在網絡面板的第二調試請求，在所述網絡面板加載所述待調試頁面；

響應于接收到所述移動終端發送的網絡請求詳情信息，在所述網絡面板中顯示所收到的網絡請求詳情信息；以及

所述移動終端還被配置成：

將與所述待調試頁面對應的網絡請求詳情信息發送給所述計算機設備。

3.根據權利要求2所述的系統，其中：

所述計算機設備還被配置成：

響應于檢測到針對所述待調試頁面在應用面板的第三調試請求，在所述應用面板中加載所述待調試頁面；

響應于接收到所述移動終端發送的存儲信息數據，在所述應用面板中顯示所收到的存儲信息數據；以及

所述移動終端還被配置成：

將與所述待調試頁面對應的存儲信息數據發送給所述計算機設備。

4.根據權利要求3所述的系統，其中：

所述計算機設備被配置成：

響應于檢測到針對所述待調試頁面在元素面板的第四調試請求，在所述元素面板打開所述待調試頁面，以及將所述待調試頁面的文檔對象模型DOM樹發送給所述移動終端；

響應于接收到所述移動終端發送的DOM樹，基于所收到的DOM樹重新渲染并呈現所述待調試頁面；

所述移動終端被配置成：

響應于接收到所述計算機設備發送的DOM樹，基于所收到的DOM樹渲染并呈現所述待調試頁面；

響應于檢測到針對所述待調試頁面的DOM樹更新操作，將更新后的DOM樹發送給所述計算機設備。

5.根據權利要求1-4中任一所述的系統，其中，所述移動終端和所述計算機設備通過套接字進行數據通信。

6.一種用于調試頁面的方法，應用于用于調試頁面的系統中的計算機設備，所述用于調試頁面的系統包括無線網絡連接的設置有顯示器的計算機設備和移動終端，所述方法包括：

響應于檢測到針對待調試頁面在源代碼面板或者控制面板的第一調試請求，在與所述待調試頁面對應的線程中加載并執行所述待調試頁面對應的代碼，得到執行結果，以及將所得到的執行結果發送給所述移動終端，其中，所述移動終端在接收到所述計算機設備發送的執行結果時進行響應，基于所收到的執行結果渲染以及呈現所述待調試頁面；

響應于接收到所述移動終端發送的頁面事件信息，在與所述待調試頁面對應的線程中基于所收到的頁面事件信息執行所述待調試頁面對應的代碼，得到執行結果，以及將所得到的執行結果發送給所述移動終端，其中，所述移動終端在檢測到用戶針對所述待調試頁面的操作時進行響應，生成與所述操作相關的頁面事件信息，以及將所生成的頁面事件信息發送給所述計算機設備。

7.根據權利要求6所述的方法，其中，所述方法還包括：

響應于檢測到針對待調試頁面在網絡面板的第二調試請求，在所述網絡面板加載所述待調試頁面；

響應于接收到所述移動終端發送的網絡請求詳情信息，在所述網絡面板中顯示所收到的網絡請求詳情信息。