標籤: Chrome 頁1

ChatGPT for Google- 讓你在 google 的時候也幫你詢問 ChatGPT 以節省解決問題的時間
網路資源

ChatGPT for Google- 讓你在 google 的時候也幫你詢問 ChatGPT 以節省解決問題的時間

今天要介紹的 Chrome 擴充功能- ChatGPT for Google 就是讓你在 google 的時候,同時也把問題丟給 ChatGPT 並回覆你答案,更加節省你解決問題的時間。

Synthesys X- 用 AI 幫你把任何照片重新產製一份的線上工具
網路資源

Synthesys X- 用 AI 幫你把任何照片重新產製一份的線上工具

Synthesys X 是一個可以幫你把任何圖片轉換成另一張圖片的 AI 工具,舉例來說我們可能會在網路上看到一張圖很喜歡,但礙於版權問題不是很方便使用,就可以利用此工具把該張圖片經過重新運算處理成另一張圖片,就可以拿來使用並沒有版權問題,對於撰寫文章要搭配圖片應該是很方便的。

WhatRuns- 瀏覽器的擴充套件,可以檢查網站用了什麼技術,包含 Chrome 及 firefox 版本
網路資源

WhatRuns- 瀏覽器的擴充套件,可以檢查網站用了什麼技術,包含 Chrome 及 firefox 版本

WhatRuns 是一個瀏覽器的擴充套件,安裝後就可以檢查網站用了什麼技術,在 Chrome 及 firefox 都有對應的套件可以安裝。

[Chrome 擴充功能] Emoji Keyboard- 讓你輕鬆複製 Emoji 的擴充功能
網路資源

[Chrome 擴充功能] Emoji Keyboard- 讓你輕鬆複製 Emoji 的擴充功能

如果想要在留言或對話時使用 Emoji,Emoji Keyboard 這個 Chrome 擴充功能 將會是你的好幫手,安裝後只要點開在複製想要的表情符號就可以使用了。

[Chrome 擴充功能] OneTab- 好用的分頁管理工具,輕鬆節省 95% 記憶體
網路資源

[Chrome 擴充功能] OneTab- 好用的分頁管理工具,輕鬆節省 95% 記憶體

OneTab 是一個好用的 Chrome 頁籤管理工具,你可以使用它把頁籤收合起來,也可以用來做內容的分類,開發者更宣稱可以節省 95% 的記憶體,推薦大家可以使用看看。

[Chrome 擴充功能] PageSpeed Insights- 檢測網頁速度的工具
網路資源

[Chrome 擴充功能] PageSpeed Insights- 檢測網頁速度的工具

PageSpeed Insights 是 google 提供的檢測網站開啟速度的工具,安裝好此 Chrome 擴充功能,只要一鍵就能檢視該網頁的開啟速度。

[Chrome 擴充功能] FireShot- 方便的螢幕截圖工具,可設定可見範圍或整個頁面
網路資源

[Chrome 擴充功能] FireShot- 方便的螢幕截圖工具,可設定可見範圍或整個頁面

FireShot 是一個方便的 Chrome 螢幕截圖工具,可設定可見範圍或整個頁面後擷取。

[Chrome 擴充功能] Page Ruler- 方便量測頁面長寬的工具
網路資源

[Chrome 擴充功能] Page Ruler- 方便量測頁面長寬的工具

Page Ruler 是一個方便量測頁面長寬的 Chrome 擴充功能,安裝後按下工具列的圖示,就可以開始使用。

[Chrome 擴充功能] Speedtest by Ookla- 幫你測試目前上網環境的網路速度
網路資源

[Chrome 擴充功能] Speedtest by Ookla- 幫你測試目前上網環境的網路速度

Speedtest 是一個可以幫你測試當前上網環境的網路速度的 Chrome 擴充功能,給有需要的朋友參考看看。

[Chrome 擴充功能] Awesome Screenshot & Screen Recorder- 方便的螢幕擷取與錄製工具
網路資源

[Chrome 擴充功能] Awesome Screenshot & Screen Recorder- 方便的螢幕擷取與錄製工具

Awesome Screenshot & Screen Recorder 是一個方便的螢幕擷取與錄製工具,安裝後就可以對網頁做螢幕擷取或錄影了。

[Chrome 擴充功能] ColorPick Eyedropper- 方便的網站顏色吸取工具
網路資源

[Chrome 擴充功能] ColorPick Eyedropper- 方便的網站顏色吸取工具

ColorPick Eyedropper 是一個方便的網站顏色吸取工具,安裝後可以透過移動十字中心點去檢查目標顏色。

[Chrome 擴充功能] Checkbot- 一鍵幫你檢查網站的 SEO、速度及安全性
網路資源

[Chrome 擴充功能] Checkbot- 一鍵幫你檢查網站的 SEO、速度及安全性

網站上線後都會需要檢查網站的速度或是 SEO... 等,Checkbot 這個 Chrome 擴充功能就是可以讓你輸入網址後,幫你檢查該網站的 SEO、速度及安全性,之後可以根據報表來調整網站的內容。

[Chrome 擴充功能] JSON Viewer 讓你檢視 API 可以更方便
網路資源

[Chrome 擴充功能] JSON Viewer 讓你檢視 API 可以更方便

我們在網站開發的時候常常會使用到 JSON 格式的檔案,而 JSON Viewer 就是讓開發者可以用比較清楚的方式來檢視內容的擴充功能。

[Chrome 擴充功能] Bitly 一鍵產生縮網址的擴充功能
網路資源

[Chrome 擴充功能] Bitly 一鍵產生縮網址的擴充功能

Bitly 是一個好用的縮網址工具,而其官方也有在 Chrome,安裝好只要一鍵就能把目前瀏覽的頁面建立縮網址連結。

修改 webkit 瀏覽器(Chrome, Safari)自動填入(Autocomplete)輸入資料時的樣式
教學

修改 webkit 瀏覽器(Chrome, Safari)自動填入(Autocomplete)輸入資料時的樣式

透過 :-webkit-autofill 的選擇器移除 webkit 瀏覽器(Chrome, Safari)自動填入(Autocomplete)輸入資料時的樣式。

[Chrome 擴充功能] Wappalyzer- 用來查看網站所使用技術的套件
網路資源

[Chrome 擴充功能] Wappalyzer- 用來查看網站所使用技術的套件

Wappalyzer 是一個可以用來查看網站所使用的環境、內容管理系統、系統平台、網站框架、系統及函式庫的外掛工具,只要安裝後就可以輕鬆地看到每個頁面用了哪些技術。

在 Chrome 使用 Lighthouse  來檢查使用者體驗與 SEO
教學

在 Chrome 使用 Lighthouse 來檢查使用者體驗與 SEO

有在開發網站的人,應該都會關心自己網站的使用者體驗與 SEO,google 的 chrome 就推出了方便的檢查工具 Lighthouse,只要在 chrome 上安裝後,就可以輕鬆的檢查該網站的 SEO 以及使用者體驗囉。