標籤: 瀏覽器 頁1

教學

透過 javascript 檢查是否是在 Line 或 facebook 內的瀏覽器,與強制跳出 Line 到手機預設瀏覽器的方法

有時候在一些 app 裡面像是 line, facebook 如果我們點了連結,其會開啟在 app 內的瀏覽器,有些時候就會遇到一些功能有狀況,如果想排除這些狀況可以透過 javascript 來判斷是否在這些 app 的內建瀏覽器內,之後就可以做後續的判斷。

教學

除了 console.log() 外,你還可以使用這些 console 的方法

說明一些 console 方法的應用。

網路資源

利用 Google Admin Toolbox 排解 Google Workspace 的相關問題

Google Admin Toolbox 是由 Google 提供的可以用來排除 Google Workspace 相關問題的網站。

網路資源

[VS Code 擴充套件] Live Server- 讓網頁在開發的時候可以即時看到更新狀態

VS Code 擴充套件 推薦,使用 Live Server 讓網頁在開發的時候可以即時看到更新狀態。

網路資源

Can I use- 線上檢查 web 技術與瀏覽器支援狀況

Can I use 是一個線上檢查 web 技術與瀏覽器支援狀況的服務,主要可以看某個 CSS、HTML5 或 javscript API 在某個版本的瀏覽器之後就開始支援了。

網路資源

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

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

網路資源

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

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

網路資源

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

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

網路資源

web.dev- 網路最新趨勢與相關技術分享的網站

web.dev 是一個網路最新趨勢與相關技術分享的網站,可以常常上來看有沒有什麼更新的資訊。

網路資源

BrowserHacks- 提供了瀏覽器 hack 的方法供使用者查找

BrowserHacks 提供了瀏覽器 hack 的方法供使用者查找,包含了 js 和 css 的部分都有。

教學

避免讀取 CSS 時因為外部檔案而造成讀取阻塞的現象,加速網頁開啟

解決讀取外部 css 檔案時造成堵塞(render-blocking)的狀況。