首先你必須確定你的 Chrome 版本是不是 59 以後,進到右上角的 … 選項後,打開說明裡的關於 Google Chrome:

畫面就會顯示你目前的 Chrome 版本,如果有新版本,右側也會推薦重新啟動來更新:

緊接著進入到你要截圖的網頁頁面後,進到上方的檢視 -> 開發人員選項,打開 “開發人員工具”,或是使用快捷鍵 Command+Option+I 來快速開啟(Windows 快捷鍵為 F12),底部就會跳出一堆程式碼工具視窗:

然後再按下 Command+Shit+P 來開啟指令搜尋功能(Windows 快捷鍵為 Ctrl+Shift+P),中間就會出現命令欄位,輸入 “Capture” 關鍵字,會找到 3 個前面顯示 Mobile 的指令,第一個 “Capture full size screenshot“ 就是擷取網頁的所有畫面:

點選之後,Chrome 就會開始渲染畫面,接著自動下載完整截圖至你的下載目的地(如:下載資料夾),從檔案詳細資訊可以看到,解析度非常大:

即便放大某區塊依舊非常清楚,品質非常不錯,未來就不用再安裝任何外掛來來長截圖了:

另外 Capture screenshot 是僅擷取你目前瀏覽的畫面,例如剛進到電腦王阿達的網頁時,會停留在上方,而 Chrome 就會把目前顯示的畫面擷取下來:

至於 Capture node screenshot 是擷取網頁中你指定的物件,需搭配 Command+Shift+C 快捷鍵工具來完成(Windows 為 Ctrl+Shift+C),這我是覺得沒什麼用,讀者們可自行試試看:

網頁設計.RWD響應式網站.企業形象網站 / 服務類
網站技術:PHP
國立台北大學與漸凍人協會合作的專案。一起為漸凍人找回聲音的溫度,專門為漸凍人患者錄製語音,以方便與親友、看護溝通順利。即使是短短簡單的回答,對於漸凍病友來說是多麼困難的一件事,有此功能就可以幫助病友們重拾遺失的溫度。
精選專案.網頁設計.RWD響應式網站.行動版網站.企業形象網站 / 醫療衛生類
網站技術:PHP . Javascript
提供專業輔具工具來幫助行動不便的民眾,協助他們提高自主生活同時減輕照護者負擔。 針對經常會搬運工作的用戶也有推出搬運使用的輔助裝,減少搬運人員腰部的負擔。 有需要的民眾可以在網站上申請體驗喔!!
網頁設計.RWD響應式網站.活動網站 / 電子科技類
網站技術:PHP . Javascript/MySql
響應式(RWD)網頁設計,設計UI/UX使用者體驗,可於各種裝置進行網頁瀏覽(PC、平板、手機)。
一式多用的網頁,可隨著網頁內容需求的不同,動態調整網頁呈現的資料,包含影片、表單、輪播效果等,企業自行發佈新活動。
傑立資訊事業有限公司電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策