學習:chrome瀏覽器原生工具長截圖技巧

2021-02-15 JM的生活撿米

每天看西班牙新聞,看到有趣的新聞,就想把它保存下來。我用了最簡單的方法,就是電腦上的屏幕截圖鍵(PrtSc)。

用電腦屏幕截圖,每次只能截取屏幕中顯示的圖像。對於那些長文的新聞,我只能多截幾次屏,再想辦法拼接起來,比較麻煩。

其實我也嘗試過在瀏覽器的右上角的工具欄中選擇「列印網頁」,列印成pdf。但是,往往會在換頁的地方有內容缺失,或者有些內容被其它的東西擋住了。而且我想要的是保存成圖片。

今天在網上找到了解決方案。方案如下:

1、安裝chrome瀏覽器。

2、在chrome瀏覽器找到自己要保存的網頁。

3、chrome瀏覽器的右上角有三豎著的點,選中那三個點的按鈕,接著找到「其它工具」,找到並選中「開發工具」。

出現在眼前的是讓人頭皮發麻的代碼界面。雖然有些恐怖,但是不要害怕。

4、同時按住「Ctrl」 、「shift」鍵 (⇧鍵)、字母「P」鍵,在那堆代碼裡就出現了一個輸入命令的空欄。

5、輸入「Capture full size screenshot」 , 之後按一下回車鍵,就完成頁面保存了(保存成長圖片)。

6、在「下載」文件夾中,就可以找到保存後的圖片。

補充技巧:如果只是想對網頁某一塊內容截圖,步驟如下:

前面3個步驟相同

第4個步驟:同時按住「Ctrl」 、「shift」鍵 (⇧鍵)、字母「C」鍵,即打開內容塊識別功能。

第5個步驟:選中想截圖的內容。

第6個步驟:同時按住「Ctrl」 、「shift」鍵 (⇧鍵)、字母「P」鍵,在那堆代碼裡就出現了一個輸入命令的空欄。

第7個步驟:輸入「Capture node screenshot」 , 之後按一下回車鍵,就完成d對頁面部分內容的保存了。

保存後的圖片同樣是在「下載」文件夾中,就可以找到。

用chrome瀏覽器原生工具進行長截圖,簡單快捷,還不用安裝各種小插件。又學到個新技巧,感覺很不錯。

其實攻略網上都有,但是我當時看的時候,就覺得大神們忽略了一些很細小的步驟沒有講到,看完了也還是有些糊塗(可能是那些小步驟太簡單了,大神覺得沒有必要講)。所以我覺得有必要自己實踐和梳理一下步驟,記錄下來。這樣印象會深一些。

畢竟「好記性不如爛筆頭嘛」。

所以朋友們老吐槽我喜歡寫寫記記。哈哈哈

J.M. 簡米君

2020年10月16日

於西班牙馬德裡

參考資料

https://sspai.com/post/42193

相關焦點

  • 終於等到你:Windows 原生截圖功能要來了 | 有用功
    拿現在使用的 Windows 10 系統來說,我最常用到的截屏方案,是那個似乎從 Win 7 時代就存在的「截圖工具」應用。之後會自動截取當前的全屏內容,而後用戶可以再進行裁剪和標註等,很多人都不知道這個截圖方式的存在,實際上它的可編輯性要比那個老舊的「截圖工具」強大不少。
  • 玩機技巧:這些招數讓你使用iPhone的Safari瀏覽器上網時更加得心應手
    ,更新到現在不敢說很完美,但已經是一個很棒的瀏覽器,尤其是開放extension擴充工具後。想把網頁存成PDF文檔有時候我們會想要把網頁抓下來分享,截圖是一個方法,但網頁很長的話,可能要抓個好幾張,就會有好幾個檔案,因此存成單一PDF檔是比較方便的方法。Safari內置的方法是點擊分享,讓你存成PDF在iBook上瀏覽。
  • 2017年網頁抓取:先進的Headless Chrome技巧
    作者丨Martin Tapia翻譯丨不二Headless Chrome是Chrome 瀏覽器的無界面形態,可以在不打開瀏覽器的前提下,使用所有 Chrome 支持的特性運行程序。相比於現代瀏覽器,Headless Chrome 更加方便測試web應用,獲得網站的截圖,做爬蟲抓取信息等,也更加貼近瀏覽器環境。
  • Google瀏覽器新特性: Chrome連結到頁面上的文本
    告訴大家一個消息,Google Chrome瀏覽器的一個新功能是支持連結,而不是指向網站,是指向特定頁面上的實際內容在這一點上,如果連結是基於錨點或
  • 谷歌最新通知:這些設備將無法再使用新Chrome瀏覽器!
    據谷歌瀏覽器團隊發布的最新支持文檔,Chrome將不再為某些特別老的處理器提供支持。
  • iCloud.com更新:支持Android/iOS原生移動瀏覽器
    隨著近日的更新,iCloud.com 現在終於可以在 Android / iOS 設備上,通過對移動界面更加友好的原生瀏覽器來訪問大量功能
  • 漲姿勢:這些插件和腳本讓你的Chrome更高效
    多年來,Chrome以其簡潔,快速的瀏覽體驗穩居全球PC瀏覽器第一。
  • 好消息:微軟與谷歌更新Chromium瀏覽器表單控制項
    Chrome瀏覽器將在下一版本推出,微軟已經在Edge瀏覽器中更新。誰掌握了瀏覽器,誰就掌握了Web開發的標準和趨勢。這不,擁有最多用戶的Chrome和Edge等瀏覽器的開源Chromium引擎(https://www.chromium.org/)更新了表單外觀。這次,微軟搶先發布到它的Edge瀏覽器了。我們看新的表單界面是長啥樣子:
  • 谷歌又開始作妖:Chrome將隱藏地址欄/網址詳細內容
    這些前綴主要包括HTTP、HTTPS和WWW ,  但谷歌瀏覽器還會採取更激進的措施讓用戶瀏覽網頁時忽略地址欄。谷歌瀏覽器金絲雀版最新測試的內容是隱藏網址詳細路徑內容, 也就是主域名斜槓/後的內容默認也會被自動隱藏。未來當用戶使用谷歌瀏覽器加載網頁時可能只會顯示主域名,諸如網頁路徑層級以及URL後綴等內容都不再展示。
  • GoogleNews:Chrome將迎來全新UI設計,點這裡搶先一覽
    無論是經歷了技術更迭還是審美升級,谷歌Chrome瀏覽器的用戶界面依然巍然不動,多年來都保持同一個樣式。
  • Chrome擴展推薦:你們的Chrome 69標籤欄字體變模糊了嗎?
    有些用戶表示,這個文本模糊的問題目前除了降級到之前版本的瀏覽器外,似乎沒有其他解決方法。程式設計師Scott Hanselman是第一個在Twitter上發布有關這個問題的人。「文字不是黑色的。它是灰色的,消除鋸齒的灰色。這意味著它之前的對比度較低,這使得它更難以閱讀並感覺非常模糊。
  • IE和Chrome互換頭像,這對瀏覽器CP笑死我了
    要知道 IE 作為微軟自帶瀏覽器,一直被黑,最經常就是拿來跟谷歌瀏覽器 Chrome 比較。結果現在發博都帶上了人家的帽子。網友開始保持隊形,冷嘲熱諷。疑似網際網路最大變局:IE 真的好騷啊。堪稱今年第一沙雕。虎嗅又黑 IE 緩衝慢。
  • 拯救你的舊電腦:能裝在U盤裡的作業系統-Chrome OS
    簡單來說,瀏覽器就是作業系統,作業系統就是瀏覽器,所以,通過各種瀏覽器插件,完全能勝任日常工作娛樂。同時,Chrome OS中絕大部分的應用都是在Web中完成的。迅速,簡潔,安全,用戶不用擔心病毒,惡意軟體,木馬,安全更新等煩人的事情。老姐家有臺很舊的上網本,什麼配置忘了,12寸的那種便攜上網本,大概08年左右買的,反正已經很舊了。
  • 一日一技:使用上下文管理器來強制關閉 Chromedriver
    /chromedriver')driver.get('https://www.kingname.info')1 + 'a' # 這一行代碼必定導致程序崩潰代碼報錯以後,彈出的 Chrome 窗口不會自動關閉。並且 chromedriver 的進程也不會自動結束,如下圖所示:
  • WebVR:從瀏覽器進入虛擬實境世界
    Oculus還宣布為Gear VR開發自己的瀏覽器。在Chromium上,在地址欄中鍵入chrome:// flags#enable-webvr,然後從「啟用WebVR標誌」設置的下拉菜單中選擇「啟用」。
  • 電腦新手:電腦如何截圖?有哪幾種方法?
    ,下面針對這些用戶,給大家推薦以下幾種常用的截圖方式,非常簡單而又實用。第一種就是,要提及一下電腦系統自帶的截圖功能,只需一個按鍵那就是『PrintScreen』,在大多時候只需按下,然後去到想要發出去的地方直接按下粘貼就行,很簡單易上手,但缺點就是只能全屏截圖。修改的話,需要藉助第三方工具,比如系統的畫圖工具。總的來說,使用的頻率並不算太高。
  • iOS 14 小技巧:更改默認瀏覽器或電子郵件應用
    確保網頁瀏覽器 App 或電子郵件 App 支持這一功能。如果您不確定,可諮詢 App 開發者。更改默認網頁瀏覽器:1.前往「設置」,然後滾動屏幕,直到您找到所需的第三方 App。2.輕點這個 App,然後輕點「默認瀏覽器 App」。3.選擇一個網頁瀏覽器,以將它設置為默認瀏覽器。
  • Chrome擴展推薦:Win10時間軸終於上架Chrome瀏覽器啦!
    雖然微軟官方並沒有開發針對Chrome瀏覽器的時間軸擴展,但對其他開發者在一定程度上也是相當寬容。就在7月15日,來自第三方開發者Grid Entertainment的Win10時間軸就上架Chrome瀏覽器擴展商店了。