利用Chrome瀏覽器開發者工具分析視頻源地址下載到本地

Chrome(谷歌瀏覽器)是現在的主流瀏覽器,它的開發者工具也非常強大,它不僅可以幫助前端程序員快速分析別人的網頁佈局,也可以利用它來找到網頁裏的視頻源地址,並且配合其他下載軟件把視頻下載到本地進行觀看。
這裏以安徽基礎教育資源應用平臺爲例,來向大家演示如何獲取這個平臺裏的視頻課程資源地址。
準備工作:
1、Chrome瀏覽器(谷歌瀏覽器)
2、迅雷或其它下載器(推薦迅雷精簡版)

具體步驟:
用Chrome打開http://jiaoxue.ahedu.cn
選擇一節需要下載的課程點開

在這裏插入圖片描述接着在打開的視頻播放頁面依次點擊Chrome瀏覽器地址欄右邊工具欄裏的三個小點點的按鈕→更多工具→開發者工具
在這裏插入圖片描述選着開發者工具以後網頁右欄Elements標籤下會顯示頁面佈局的一系列層級關係,鼠標指到相應的div層左面頁面相應的區域就會被加陰影選中,找到視頻窗口所在的div層,依次在視頻窗口所在的div裏點開尋找。
在這裏插入圖片描述很快就找到了這個視頻源地址,在視頻源上單機右鍵選擇→copy→copy element 把視頻地址拷貝到剪貼板。
在這裏插入圖片描述需要注意的是拷貝到剪貼板的內容還不能直接用,我們把它粘貼到記事本,或者其它的文本框中看到是這樣的:<source src="http://ahwy.download.ahedu.cn/rrt/2020/2/20/4/40/5e74816692b7ab4bce491b14.mp4">
我們只要雙引號裏面的視頻地址就行,例如本案例的地址就是:http://ahwy.download.ahedu.cn/rrt/2020/2/20/4/40/5e74816692b7ab4bce491b14.mp4 ,其它的部分刪掉,把這個地址複製到剪貼板。然後打開“迅雷精簡版”或者你的其他下載器(360瀏覽器、2345瀏覽器的下載功能應該也可以),新建下載任務把地址粘貼進去,迅雷複製的時候就會彈出新建任務對話框,設置好文件名和保存路徑就可以“立即下載”了。

在這裏插入圖片描述
開始下載!下載完畢即可用播放器打開播放!
在這裏插入圖片描述本文講解了用谷歌瀏覽器的開發者工具分析源代碼從而找到視頻地址,不保證是最簡單的方法,只是給大家一個思路,通過開發者工具還可以做一些其它的事情,以後在與大家交流,謝謝。

作者:小李老師
時間:2020年3月25日

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