How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸

How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸

因為工作需求我時常需要對螢幕進行擷圖,擷取瀏覽器、應用程式視窗畫面,透過 SizeUp 工具可快速調整視窗大小(SizeUp 不是免費軟體,Spectacle 是功能類似的免費替代方案),不過很難得知實際瀏覽器顯示解析度,如果是開發者或設計師想調整頁面,可能需要設定一個確切的顯示範圍進行更精準測試,接下來要介紹的小工具可以滿足類似需求。

MenubarX 在 Mac 選單列加入瀏覽器,固定經常使用的網頁

MenubarX 在 Mac 選單列加入瀏覽器,固定經常使用的網頁

MenubarX 是一個很強大的 Mac 應用程式,主要功能是在右上角選單列加入瀏覽器,讓不同的網頁成為選單列圖示,就像應用程式般固定在選單列,特別是需要經常使用或反覆檢視的網站來說特別有用(如果它們又沒有提供應用程式)。MenubarX 還支援多個分頁標籤、書籤功能,就像是一個可在右上角小範圍運作的瀏覽器,讓使用上更方便、也更有效率。

Google Chrome 瀏覽器內建螢幕截圖,抓取網頁畫面免安裝擴充功能

Google Chrome 瀏覽器內建螢幕截圖,抓取網頁畫面免安裝擴充功能

一般來說我比較習慣使用 Mac 內建的截圖功能,只要熟記快捷鍵就能快速擷取特定範圍、視窗畫面或整個螢幕,之前寫過「變更 Mac 內建拍攝截圖功能格式、儲存路徑和螢幕快照檔名」教學搭配使用就能將螢幕擷圖功能發揮到最大、最完整,跟 Windows 內建截圖功能有異曲同工之妙,不過如果平常偶爾才擷取網頁特定畫面、上傳雲端圖片空間或傳給朋友,其實 Google Chrome 瀏覽器也內建螢幕截圖工具,接下來就教大家怎麼把這項功能打開吧!

Copy Link to Text 在 Microsoft Edge 瀏覽器分享連結時標註醒目文字

Copy Link to Text 在 Microsoft Edge 瀏覽器分享連結時標註醒目文字

前幾個月介紹「Chrome 90 新增複製醒目顯示文字的連結開啟快速跳轉到標示內容段落」新功能,可能很多人沒有用過,不過對於要分享內容來說很有用,簡單來說,將網頁分享給別人可以透過複製超連結,而這項功能多了選取文字,當對方開啟連結時就會將分享者預先選擇的文字段落以醒目文字標註,也就可以快速閱讀並找到特定內容。

在 Chrome 開啟 Google Lens 智慧鏡頭,搜尋網頁裡任何視覺內容

在 Chrome 開啟 Google Lens 智慧鏡頭,搜尋網頁裡任何視覺內容

不知道大家有沒有聽過 Google 智慧鏡頭(Google Lens)應用程式呢?這是 Google 在 2017 年發布的功能,如果有在行動裝置下載 Google 應用程式就能在搜尋框旁邊看到相機圖示,點選透過相機拍攝方式讓 Google 辨識、分析並提供相關搜尋結果,非常強大!像是掃描、翻譯文字內容,辨別商品、動植物或是將印刷或手寫文字轉為可複製的內容(OCR),都能夠透過這個功能做到,讓搜尋資料不再侷限於關鍵字。

Chrome 90 新增「複製醒目顯示文字的連結」開啟快速跳轉到標示內容段落

Chrome 90 新增「複製醒目顯示文字的連結」開啟快速跳轉到標示內容段落

大家都知道將超連結複製、貼上傳給其他人就能分享看到的網頁,但這功能不那麼完美,通常對方會需要手動搜尋你所說的內容段落,也因此有些人會利用螢幕擷取工具、以畫筆標示特定範圍。如果你想要製作出像是上圖的醒目顯示文字效果,在 Chrome 90 以後已經有加入這項功能囉!預設情況下沒有開啟(仍是實驗性功能),想要搶先體驗可手動將它啟用。

Open Bulk URL 批次網址開啟工具,可自訂延遲時間或在新視窗打開連結

Open Bulk URL 批次網址開啟工具,可自訂延遲時間或在新視窗打開連結

如果收到一串網址列表,大多數使用者可能會選擇手動一個一個複製、貼上開啟,或是轉為網頁格式,加入超連結 HTML 語法後透過點擊方式打開,不過這些方法都很浪費時間,若是連結數量多也容易產生問題。其實有更好的解決方案那就是使用批次網址開啟工具,雖然我沒有類似需求,剛好最近發現一個很簡單易用的線上工具,接下來就來介紹使用方法。

開啟 Google Chrome 即時字幕功能,播放影片 Podcast 自動產生字幕

開啟 Google Chrome 即時字幕功能,播放影片 Podcast 自動產生字幕

最近 Google Chrome 瀏覽器更新加入一項很實用的新功能「即時字幕」,可將英文語音內容即時產生為字幕顯示於下方,現階段僅支援英文語系,未來會不會再加入其他語言或許能期待一下。這項功能對於會觀賞英文影片、直播或收聽 Podcast 很有用,尤其是英聽不夠專精、搭配字幕瀏覽會更好理解,如果在不方便開啟聲音的環境看影片,即時字幕也能讓使用者在靜音模式不透過聲音依然可獲取影片內容。

Shar.ec 線上螢幕錄影工具,錄製後產生分享鏈結可下載 Webm 格式

Shar.ec 線上螢幕錄影工具,錄製後產生分享鏈結可下載 Webm 格式

若要錄製一段螢幕畫面,搭配上網路攝影機、麥克風或系統音效,你可能會開始搜尋螢幕錄影軟體,好消息是現在要錄製螢幕畫面、將它轉為影音格式已經變得非常簡單,甚至只需要透過瀏覽器就能做到,不用額外安裝軟體或瀏覽器擴充功能,舉例來說,RecordCast 整合螢幕錄影工具和影片編輯器功能,錄影結束直接線上編輯;Shareit.video 能在錄影後上傳影片、產生分享鏈結,或將它下載保存為 Mp4 格式。

Firefox Focus 注重隱私保護手機瀏覽器,自動封鎖網站和各類追蹤器

Firefox Focus 注重隱私保護手機瀏覽器,自動封鎖網站和各類追蹤器

大家在行動裝置上都使用什麼瀏覽器呢?大多數朋友可能會選擇內建瀏覽器,有些人則會去下載自己熟悉或有特殊功能的瀏覽器,例如桌面端常見的 Google Chrome、Firefox、Opera 或 Edge 也都有對應手機應用程式,不過行動裝置要考慮的因素和電腦不同,除了操作介面設計,還會牽涉到續航力或電力消耗等等問題,我的經驗是在 iPhone 使用內建瀏覽器 Safari 可獲得最佳效果(雖然它不一定是最好用的)。