提升程序員工作效率的工具/技巧推薦系列

1. 推薦一個功能強大的文件搜索工具SearchMyFiles

   寧陜網站制作公司哪家好，找創新互聯！從網頁設計、網站建設、微信開發、APP開發、自適應網站建設等網站項目制作，到程序開發，運營維護。創新互聯公司2013年成立到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯。
   

2. 介紹一個好用的免費流程圖和UML繪制軟件-Diagram Designer

3. 介紹Windows任務管理器的替代者-Process Explorer

4. 介紹一個強大的磁盤空間檢測工具Space Sniffer

5. 如何在電腦上比較兩個相似文件的差異

6. 程序員工作效率提升系列-推薦一個JSON文件查看和修改的小工具

7. 將Chrome調試器里的JavaScript變量保存成本地JSON文件

8. 分享一個開源的JavaScript統計圖表庫，40行代碼實現專業統計圖表

9. 推薦一個短小精悍的Chrome緩存管理工具-ChromeCacheView

10. 給程序員的福利-分享一個將代碼轉換成圖片的在線網站

前端開發人員經常需要將當前的網頁截圖發給產品經理討論。如果網頁很長，一個屏幕顯示不下，那么操作系統自帶的截圖功能就沒有辦法截取整個屏幕了。

最近我找到一個辦法，通過Chrome開發者工具自帶的截圖功能可以截取超過一個屏幕的完整網頁視圖。

下面分享給大家。

打開要截取完整屏幕的網頁，打開Chrome開發者工具，按住快捷鍵Ctrl+Shift+P，會看到很多可用命令，

在命令提示符里輸入“full”，會看到只有一個可用選項：Capture full size screenshot：

點擊這個命令，Chrome就自動截取當前網頁的完整圖片，并且提示我們另存到本地。

大家可以看看這個效果：

是不是非常方便？大家從Chrome開發者工具的命令行里還能發現很多其他有用的功能，比如只截取網頁上指定元素。

假設我想只截取bing搜索結果頁面里id為b_content的元素對應的內容，

在命令里選擇Capture node screenshot即可：

下圖就是只截取b_content元素對應的截圖結果：

要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼:

新聞標題：如何用Chrome自帶的截屏功能截取超過一個屏幕的網頁
本文鏈接：http://vcdvsql.cn/article46/gjgdeg.html

成都網站建設公司_創新互聯，為您提供商城網站、做網站、域名注冊、外貿建站、ChatGPT、全網營銷推廣

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯