很多網站，比如微信公眾號，微博等等，都有非常多視訊的資源，那很多時候，我們經常需要找一些比較好的作品來學習，因為模仿是最好的學習嘛，有一些作品我們希望離線觀看，這樣就可以隨時隨地的學習，所以怎麼樣快速的去獲取這些小平臺上的視訊呢？
當然，軟體非常多，第三方的工具也非常多。
在這期節目當中，我們首先介紹不利用任何的第三方工具或者外掛，單純利用瀏覽器的方法，來下載任意的平臺的視訊。

使用教程

網頁文章視訊.png

比如說，你用chrome瀏覽器開啟一個網頁，在頁面上點選滑鼠右鍵，然後選擇檢查，接著你就會看到有一個程式碼視窗彈出來，我們在這個視窗上切換到對應Network這個選項卡，開啟選項卡之後，我們點選播放視訊，你會看到Network選項卡下就會對應出現一排一排的檔案，這些檔案就是對應視訊需要載入的一些檔案了，當然，這些檔案中就有我們想要的視訊檔案了，視訊一般大小會大一點，所以我們找到一個叫做Size的排序選項，對檔案大小進行排序，這個時候，你就可以看到視訊檔案了，通常這個檔案的字尾是mp4，那這樣點選下載就好了。
不過有時候，網站會對這些檔案遮掩或加密，所以你在檢查當中還不是能直觀的看到視訊，但是我們可以對著這個正在播放的比較大的視訊，我們點選滑鼠右鍵，然後選擇在新標籤頁開啟，這樣我們就在新標籤頁中把它給開啟了，我們就可以在這個視窗當中，點選滑鼠右鍵，然後點選視訊儲存為，接著儲存到你的電腦中，這樣就完成了視訊的下載。
講解的過程比較簡單一點，要掌握這個流程還是需要大家動手去完成，當然如果你是一個前端工程師，這些知識對你來說就稍顯幼稚了，那如果你想成為前端工程師，歡迎訪問虛幻私塾，學習我們免費的HTML+CSS編寫靜態網站視訊教程。

VideoDownload

VideoDownload.jpg

當然，如果你覺得這樣操作很麻煩，我們也推薦一款神器，只需點選一下，即可下載，前提同樣是你需要安裝chrome瀏覽器，然後安裝一個叫做VideoDownload的外掛，安裝完成後，你只需要開啟一個含有視訊的網頁，然後，在瀏覽器的右上角，點選這個外掛，它會幫你列出這個網頁中的所有視訊，你只需要點選，即可下載。非常方便

總結

好了，這就是本期極客程式設計師砍柴路的全部內容。最後，極客程式設計師砍柴路，每週三更新，歡迎訪問我們的主站：xuhss.com，檢視節目的最新內容，就醬，我們下期再見。