在平時寫文章的時候，我經常需要插入一些截圖，不知你有沒有注意到，在能使用手機截圖的情況下，我都儘量不在 PC 上進行截取操作。
其實有如下幾個理由：
基於微信平臺下，大多數用戶使用手機進行閱讀，在電腦上截得的圖片會因為縮放而導致閱讀困難。當需要截取的內容比較長的時，手機系統自帶的滾動截屏功能能夠助我一臂之力，而電腦上我還需要安裝一些第三方的插件。Windows 系統默認情況下系統對字體的渲染會不如其他系統（比如 Android、iOS、macOS 等）清晰。但是假如需要的截圖素材不少時，不停的在手機以及電腦上來回的切換和傳輸，無疑會降低我的效率。
那麼，在電腦上我們能不能做到如同手機一般的截圖效果呢？
最近發現瀏覽器上有個小功能可以解決。
首先，在瀏覽器中打開需要截圖的網站，並打開「開發者工具」，不知道如何開啟的，我們可以對網頁右鍵菜單選擇「檢查元素」。
然後需要對其切換為手機預覽模式，在「開發者工具」內點擊「Toggle device toolbar」：
可以看到原來的網頁內容區域已經變成了跟手機上無異了，假如一些網站無法馬上響應的話，也可以手動對其刷新。
同時我們還可以看到內容區域上方多了一個工具欄，用於調整尺寸等參數，按需調節即可，打開右端的菜單，選擇「Capture screenshot」或者「Capture full size screenshot」就可以對網頁做截圖操作。
其中，「Capture screenshot」是對當前顯示區域做截屏，「Capture full size screenshot」是對整個頁面做截屏，也就是相當於手機系統中的滾動截屏操作。
另外我們還可以使用一種更加 Geek 的方法，打開「開發者工具」後，使用 Windows 快捷鍵 Ctrl + Shift + P 或 macOS 快捷鍵 Command + Shift + P，在呼出的命令窗口中輸入關鍵詞「Screenshot」，可以看到幾個選項：
選擇對應的選項也可以完成截圖操作。
截取完成後，會通過瀏覽器的下載工具下載到本地。
需要說明的是，既然是基於瀏覽器操作，所以只能針對網頁形式的內容截取；且以上方法適用於搭載 Chromium 內核的瀏覽器，『Safari』和『Firefox』不一定適用。
因為你喜歡所以我才寫