如何截取完整網頁畫面?Chrome快捷鍵讓你輕鬆取得高畫質長截圖
如何截取完整網頁畫面?Chrome快捷鍵讓你輕鬆取得高畫質長截圖

之前試用Firefox Quantum時,我最喜歡的功能之一就是其內建的截圖功能。它不僅可以自動檢測網頁元素邊界,還能輕鬆保存整個網頁,十分方便。

後來由於擴充及習慣等原因,我又換回了Chrome,但還是對該功能念念不忘。儘管商店裡也有許多截圖增強擴充,但在截取一些比較複雜的網頁時,往往會出現元素錯位、重複的現象。經過一番探索,我發現Chrome開發工具中其實自帶了截圖命令,效果也令人滿意,在這裡分享給大家。

要想使用截圖功能,你需要首先確保Chrome已升級至59或更高版本。在想要截圖的網頁中,首先按下⌘Command + ⌥Option + I(Windows為F12)快捷鍵,召喚出調試界面。

請輸入圖片標題

隨後,按下⌘Command + ⇧Shift + P(Windows為Ctrl + Shift + P),輸入命令Capture full size screenshot(只輸前幾個字母就能找到),敲下Enter, Chrome就會自動截取整個網頁內容並保存至本機。由於是渲染引擎直接輸出,其比普通擴充工具速度更快,解析度也更高。

請輸入圖片標題
請輸入圖片標題

除了普通長截圖以外,你還可以利用這一功能截取手機版網頁長圖。只需要按下⌘Command + ⇧Shift + M (Windows為 Ctrl + Shift + M)模擬行動裝置,再按剛才的方法運行命令就可以了。在頂部的工具欄中,你可以選擇要模擬的設備和分辨率等設置。

請輸入圖片標題
請輸入圖片標題

如果你想準確截取網頁的某一部分,可以按下⌘Command + ⇧Shift + C(Windows為 Ctrl + Shift + C)嗅探元素。選中想要的部分後,再運行Capture node screenshot命令,一張完美的選區截圖就誕生了。

請輸入圖片標題
請輸入圖片標題

此外,Capture screenshot命令可以讓你截取當前網頁的可視部分。我也會繼續發掘Chrome開發者工具的其他好玩用法,到時推薦給大家。

本文授權轉載自:少數派

關鍵字: #瀏覽器
往下滑看下一篇文章
小店成團,地方開張!第4屆小店永豐計畫,看微型經濟如何自立利人
小店成團,地方開張!第4屆小店永豐計畫,看微型經濟如何自立利人

一間小店的行動,如何匯聚成改變地方的能量?由永豐金控支持、永豐基金會推動的第4屆「小店永豐故事展」,10月1日於台北華山1914文化創意產業園區中4B館登場,精選展出10家來自全台各地的在地實踐故事。現場由入選團隊高雄「台青蕉」香蕉創意工作坊旗下的台青蕉樂團,以活力充沛的不插電演出點燃氛圍。

「台青蕉樂團帶來充滿在地生命力的演出,熱鬧活潑的演唱,就像小店的鮮活生命力。」永豐基金會董事長陳思寬表示,「當有人看見、有人回應、有人加入,一間小店的行動,就會慢慢成為一群人的力量。」她也邀請民眾週末前往華山,「走走、看看、吃吃、買買,讓我們一起成為改變地方的力量。」

10家獲選小店,橫跨飲食、工藝與循環經濟

「小店永豐計畫」源自永豐金控深耕在地、關注不同群體獨特需求的理念,以經濟為樞紐轉動地方生活。計畫自2022年10月啟動,每年投入上千萬資源,支持兼具自立與利人精神的小店,足跡遍及臺灣本島與離島城鄉,逐漸在社會各角落帶來迴響。

今年成果發表以「成團,開張!」為題,10家獲選小店齊聚華山,把一路累積的方法與故事向更多人打開,呈現10個正在地方發生的行動。本屆小店的經營型態涵蓋飲食、文化、工藝、環境、循環經濟及社會參與,領域各異,共同之處在於讓原本停下來、散開來,或逐漸被遺忘的人事物重新產生關係:地方因此開始說話,文化開始流動,人重新聚在一起。

作為微型經濟主體,小店靈活發展出多元型態的交流體驗,從量到質,再走向有意識的串連協作,成為社區鄉里的韌性據點。從一間店到一個街區,再從街區擴展至鄉里,大企業觸及不到的人間煙火,就由小店帶來改變。

addLEss把舊衣送回市場、杉恆壹樹讓玫瑰進企業供應鏈

同樣從地方需求出發,兩家獲選小店各自找到不同的熱情領域。

身為母親,也愛買衣服,「addLEss循環時尚」創辦人黃瑾茹不捨衣物因孩子長大或喜新厭舊而閒置,以「讓舊衣重返市場、平價流通」為初衷創辦平台,投入後才發現營運遠比預期複雜。

在addLEss,二手衣須歷經「初篩、細篩、送洗、定價、上架、拍照、入庫」7道工序,並依品質細分為5級。目前平台每月處理的衣物,上架率僅約4成;其餘6成無法上架的衣物,則依特性捐贈社福機構,或轉製為再生衣架等環保商品。

「單純的二手衣買賣,我認為還不足以解決衣物浪費的問題,我想做的是盡可能讓所有衣服都進到循環。」黃瑾茹指出,二手衣產業的流程高度仰賴人工、產能有限,是營運最大的瓶頸,也是她參與「小店永豐計畫」的契機。

#2 永豐基金會
圖/ 永豐基金會

在永豐支持下,addLEss導入AI智慧倉儲、將超商物流納入衣循環生態系,預計處理量可提升至3倍。在參與計劃過程中,她印象深刻的是永豐評審曾說:「我覺得你是想要做一個生態系」,這句話說中她心中所想、令她倍感欣慰。隨著數位後台逐步完備,黃瑾茹期盼串連更多品牌與消費者投入減碳經濟,朝著「讓每件衣服都有去處」的目標邁進。

在高雄杉林,青農王宥勝則把家中原本打算收掉的休閒農場,轉型為有機食用玫瑰產地。

擁有20年餐飲資歷的他,起初將玫瑰製成花醬赴歐洲參賽,沒想到獲得不錯的成果,就此帶著家裡轉種玫瑰,將食用玫瑰嫁接於台灣原生薔薇,種植有機樹玫瑰。「我不想只是當一個年輕的勞動力,而是希望我的投入能為地方帶來新氣象。」王宥勝表示,盼藉由玫瑰提升地方認同感,因此他將大愛商業中心建置作為地方創生基地,讓在地人有地方可匯集、也讓外地人藉此認識杉林。

#1 永豐基金會
圖/ 永豐基金會

隨著產量暴增,玫瑰也成為連結社區長輩的紐帶。周邊客家、閩南與原住民社區的長輩會協助分選、撥花,動動手指、也聊聊天;再結合在地小農契作,產量從年產270公斤躍升至月產1,800公斤,所種植的玫瑰原料更進入知名企業供應鏈,玫瑰果醬與花茶亦獲iTQi星級肯定。

王宥勝坦言,第2屆曾報名未入選,本屆獲選後認為,除了有資金挹注,最大的支持是曝光。在永豐支持下,他將持續優化新設的青農共創基地;短期讓大家知道國產玫瑰可媲美進口玫瑰,長期則期待台灣成為玫瑰輸出國,「希望大家想到台灣有機玫瑰的時候,可以想到高雄杉林!」

小店持續發光,第5屆小店永豐計畫啟動徵選

除了成果發表,本屆「小店永豐故事展」同步於華山1914文化創意產業園區中4B館展出。作為永豐基金會每年匯集地方第一線觀察與土地故事的平台,今年透過10家獲選小店的實踐行動,向大眾展現地方正在萌芽的轉變。

10月3日至4日週末登場的「小店永豐市集」,更集結眾多小店設攤,讓民眾在走逛、品嚐與選購之間,近距離感受扎根在地的鮮活風土。

隨著第4屆圓滿落幕,第5屆「小店永豐計畫」也已正式展開徵選,持續尋找兼具自立與利他精神的在地經營者。永豐基金會將持續提供實質資金、陪伴資源與推廣舞台,支持更多以一間店回應地方需求的夥伴;當更多小店加入,原本散落各地的人事物得以重新連結,地方的未來,也有了繼續發生的可能。

第5屆小店永豐計劃徵選資訊請見官網 https://www.sinopacfoundation.org.tw/sinopac_found/public/event-method.html

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂工業AI
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓