前端頁面調試小技巧(谷歌瀏覽器)

有時候,我們在調試頁面時,會直接右鍵點擊“顯示頁面源代碼”,裏面會有整個佈局的所有代碼,但是如果我們只想看一部分ui的代碼,比如只看下面的彈框代碼,那該如何實現呢?下面來講解下:
在這裏插入圖片描述

首先在彈框的區域處,右鍵“查看框架源代碼”:
在這裏插入圖片描述
然後會打開該頁面的源代碼,格式:view-source:ip:port/頁面名稱?參數
在這裏插入圖片描述
把前面的view-source去掉,直接就顯示彈框裏面內容的ui了,調試起來更加簡單了。
在這裏插入圖片描述
這個小技巧,可以幫助我們更加的專注於要調試的內容,也可以讓我們知道頁面的html文件名等。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章