Kategorier
科技

怎樣使用瀏覽器的內置功能截取螢幕畫面

大家好 我是Dex 歡迎來到我的頻道今天想向大家介紹怎樣使用瀏覽器的內置功能截取螢幕畫面 Screen

Capture可以截取全版網頁避免手動把網頁內容截取並拼貼如果要手動截取全版網頁的畫面需要多次 Scroll Down (向下滾動)才能做到截取全部內容並拼貼非常費時失事要避免以上事情發生可以使用瀏覽器內置功能處理會比較快捷效果也會比較理想如果你是新朋友

歡迎你記得 Subscribe 我的頻道呀!我們現在立即開始先介紹

Firefox因為我自己比較喜歡使用 Firefox現在用我的 Channel Page

以作介紹在空白地方按右鍵會有一個叫做 Take a Screenshot

(截圖) 的功能很方便地截取畫面並可以下載截圖但是我覺得這張截圖不是最好的效果我想介紹另一個方法給大家就是按右鍵 選擇 Inspect

Element (檢查元素)到 Console 的版面輸入今天介紹的

Command (指令):screenshot按 Enter就會把這個畫面儲存到 PNG

檔只輸入 :screenshot就會截取當前見到的畫面但是如果想截取更多畫面介紹另一個指令:screenshot –fullpage兩個 Hyphen

(–) 然後 fullpage看看效果是怎麼樣就會是全個網頁版面 從頭到尾都截取了很方便

也提供較高的解像度解像度與網頁本身的一樣例如我設立了本身的螢幕比例是 150% 的縮放截取後的畫面也是 150%

的縮放如果我想定義截取畫面的縮放比例可以輸入另一個 Flag (子命令) –dpr例如輸入

–dpr 2它就會以 200% 的縮放比例幫你儲存截圖開啓截圖看看見到解像度明顯比剛才的高字體也會比較清晰當然要留意

本身的圖像解像度可能不是太高畢竟圖像本身的解像度並不會因為螢幕截取的縮放比例高了而提高這方面就看看大家想做螢幕截取的需要是什麼當然 解像度愈高檔案大小也會愈高這個就要特別留意一下如果我想要更大的縮放比例例如 400%也是可以的但是相對地 也會增加等待螢幕截取的時間也會增加了檔案的大小哇

這個解像度很高解像度是 5048 x 10984字體更加清晰但是本身的圖像也不會因為解像度提高

而變得清晰視乎本身的圖像是否能夠被放大接下來想介紹另一個情況就是限定解像度究竟是怎樣做?按下 Responsive Design

Mode (響應式網頁設計)可以模擬不同的裝置瀏覽該網頁時的版面按 Edit List可以模擬不同版本的瀏覽器與裝置的闊度例如模擬

Ipad Mini選擇 Ipad Mini

的效果現在就會展示了 Ipad Mini 768

x 1024 的畫面本身這個工具是給網頁開發人員模擬不同的裝置了解它們的版面是怎麼樣也可以藉着這個功能讓你設定你需要的螢幕截圖的闊度可以善用這個功能使到每次做螢幕截取的闊度變得一致成品會比較得體也是一樣可以在這裏做螢幕截取截圖的闊度 就會按照剛才選擇的模擬裝置的闊度這個就是

400% 縮放比例 的效果Chrome 也有類似功能選擇

More tools (更多工具) 裏的

Developer tools (開發人員工具)在這裏選擇 Run

Command輸入 screenshot選擇 Capture full

size screenshot(螢幕截取中)開啟截圖看看效果雖然也可以截取整個網頁版面但是相比起 Firefox 的截圖我個人覺得

Firefox 的截圖比較好原因是 Chrome 的截圖的下方會有一些空白位置視乎網頁的設計有時候這些空白位置會在下方有時會在旁邊有時會在不同的位置Chrome

辦公室自動化方案助你大幅提升企業營運效率,提高行政效率。

也可以 Toggle device toolbar就像剛才

Firefox 的 Responsive Design

Mode模擬不同裝置版面的效果但是我多次嘗試 選擇不同裝置效果後然後再做螢幕截取截圖效果好像很隨機我再示範給大家看看選擇 Run Command

輸入 screenshot選擇 Capture full

size screenshot本身預期會截取與模擬裝置版面一樣的畫面但事情並不是這樣Chrome 的 Fullpage

意思是扣除所有滾動的畫面不能像 Firefox 的 Fullpage

限定了截取畫面的闊度變相使我覺得 Firefox 的螢幕截取比較好用Anyway 不論你使用

Firefox 還是 Chrome截圖的效果相信也會比只用 PrtSc

再用小畫家拼貼更加方便快捷 解像度更高如果大家喜歡今天的介紹記得 Like, Subscribe

和 Send 給你的朋友啊!之後都會陸續有一些

生活上的 IT 應用小貼士帶給大家我們很快又再見!

相關推薦:

行銷人的基本功:讀懂數位廣告報表,找出關鍵KPI

各位數碼寶貝們 大家好歡迎來到凱絡數據解密系列 我是修辭你的數據戰鬥機OK我們在之前的節目中呢曾經多次討論到數位行銷的本質其實就是數據化數據化就是為了要將我們目前所收集到的不管是使用者行為啊或是一些網絡的一些使用的一些狀態我們把他數據化透過…

 

什麼是 REIT?一些關於馬來西亞的Reit!

Hello 大家好.我是 TraderSeeds的Melody, 歡迎大家又來到我的頻道.還沒有subscribe我的朋友記得去subscribe一下,謝謝你。很多人覺得買產托等於成為了包租公包租婆甚至覺得買了產托等於買了產業的一面牆很多人…

 

學習為什麼不推薦Python

大家好我看到網上就是有的這個博主就是談到就是說他為什麼不推薦Python?就是認為這個Python語言呢只會Python語言很難找的工作今天呢我就受他的視頻的啟發我想聊一聊只會Python能不能找到工作?以及我為什麼推薦學習Python我的…

 



Av 提斯科

科學決不是一種自私自利的享樂。有幸能夠致力於科學研究的人,首先應該拿自己的學識為人類服務。