浏覽器開發者模式擷取頁面元素

       web開發中經常會借鑒體驗較好或者合适的網站，可以直接拿過來用。這時通過浏覽器開發者模式擷取頁面元素非常友善，一是能快速擷取頁面元素、二是能檢視頁面元素相對路徑便于分類，下面以Google為例介紹

1、首先打開Google浏覽器，點選鍵盤F12

2、打開目标網站，在開發者模式中選擇“Sources”，二級子產品選擇“Page”，如下圖

通過以上可以，一層層打開檔案目錄，擷取檔案資源，例如圖檔、js、html、css等等，非常友善