網(wǎng)頁(yè)截圖工具當(dāng)設(shè)計(jì)完網(wǎng)站后,往往因?yàn)?a target="_blank" href='http://tipsywinegypsy.com/fz/sjllq/'>瀏覽器兼容等問題,導(dǎo)致某些元素的寬度和高度與我們編寫的css樣式的值不同,喜歡的趕緊來下載使用吧。
網(wǎng)頁(yè)截圖工具介紹
當(dāng)設(shè)計(jì)完網(wǎng)站后,往往因?yàn)闉g覽器兼容等問題,導(dǎo)致某些元素的寬度和高度與我們編寫的css樣式的值不同。但是只靠肉眼是無法識(shí)別的。那么這款免費(fèi)版的截圖工具就可以幫助我們截取網(wǎng)頁(yè)的實(shí)際大小圖像
網(wǎng)頁(yè)截圖工具簡(jiǎn)介
當(dāng)設(shè)計(jì)完網(wǎng)站后,往往因?yàn)闉g覽器兼容等問題,導(dǎo)致某些元素的寬度和高度與我們編寫的css樣式的值不同。但是只靠肉眼是無法識(shí)別的。那么這款免費(fèi)版的截圖工具就可以幫助我們截取網(wǎng)頁(yè)的實(shí)際大小圖像。然后我們可以將所截圖片導(dǎo)入到photoshop中,用標(biāo)尺測(cè)量截圖中各個(gè)元素的高度寬度,用以判斷我們編寫的樣式是否正確,通過調(diào)試css樣式的兼容性,使網(wǎng)頁(yè)的元素的達(dá)到正確的大小。當(dāng)然也可以發(fā)揮我們的想象力,使其應(yīng)用更加廣泛。
網(wǎng)頁(yè)截圖工具使用方法
第一步:首先輸入網(wǎng)址,便于程序訪問網(wǎng)頁(yè)并截圖。輸入網(wǎng)址時(shí),請(qǐng)注意,前面帶有http://,例如輸入網(wǎng)址http://www.56sjw.com ,如果未加http://的情況下,軟件會(huì)在網(wǎng)址開頭位置自動(dòng)添加http://。
第二步:點(diǎn)擊“訪問”按鈕,軟件會(huì)根據(jù)所輸入的網(wǎng)址自動(dòng)下載網(wǎng)頁(yè),并對(duì)網(wǎng)頁(yè)進(jìn)行截圖。當(dāng)遇到網(wǎng)頁(yè)內(nèi)容較多時(shí),截圖時(shí)間會(huì)略長(zhǎng),請(qǐng)耐心等待。
第三步:截圖完成后,軟件界面中間位置,會(huì)顯示所截網(wǎng)頁(yè)的縮略圖。點(diǎn)擊“另存為圖片”按鈕,選擇相應(yīng)的圖片格式,例如常見的jpg、gif、png、bmp等格式進(jìn)行保存。選擇合適的目錄后,保存完成后。我們可以在所保存目錄中找到所截圖片,然后導(dǎo)入到photoshop使用。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版