將 Brave 瀏覽器 的 暫存資料目錄設定到 Ramdisk

Brave 的瀏覽器想要將暫存資料的目錄設定到 Ramdisk,減少 IO 的存取,要怎麼設定呢?

先記錄 Brave 清除 Cache 的路徑

  • 設定 → 額外設定 → 隱私權和安全性:可以於此將 Cache 清除

閱讀全文〈將 Brave 瀏覽器 的 暫存資料目錄設定到 Ramdisk〉

Interop 2022 網路標準 解決瀏覽器相容問題

瀏覽器最著名的就是 IE6,為了相容 IE6 (詳見:瀏覽器兼容性),每個人都有一堆怪招來做 Hack,只為了讓畫面在各個瀏覽器長得都一樣。

現在 2022年了,IE6 已經消失,但是現在還是在解決瀏覽器的相容性問題,各個瀏覽器解讀方式還是不一樣,要怎麼辦呢?(詳見:Compat 2021:消除網路上的五個主要兼容性痛點)

閱讀全文〈Interop 2022 網路標準 解決瀏覽器相容問題〉

Google 輸入工具:瀏覽器的各種語言輸入法

在外面使用電腦,或者在國外使用電腦,想要打中文卻沒有輸入法可以用,該怎麼辦呢?

  • 註:當然可以輸入英文就好... 但是總是會遇到需要輸入中文的時候~

閱讀全文〈Google 輸入工具:瀏覽器的各種語言輸入法〉

Chrome 瀏覽器的 chrome:// 有哪些參數可以使用

Google Chrome 瀏覽器的 chrome:// 有很多參數可以使用,但是每次都是邊查邊猜,或者是打個字猜猜看有沒有類似的參數可以使用,要怎麼列出全部有哪些參數呢?

閱讀全文〈Chrome 瀏覽器的 chrome:// 有哪些參數可以使用〉

Google Meet、Chat 使用 Chrome 來安裝 桌面 App

Google Hangout 拆分成 Meet (視訊、電話) 和 Chat (文字、檔案 傳訊息),但是都在 Gmail 裡面,每次進去使用,視窗都很小,光找人都有點麻煩,就一直在找有沒有應>用程式可以安裝~

在 Google Help 頁面有說明可以透過 Chrome 來安裝 Chat 獨立應用程式,只是會需要下述幾個條件:

  1. Google Chrome 73 以上版本
  2. 必須開啟 Chrome 才能使用 Chat 應用程式
  3. 註:此應用程式是透過 Chrome 安裝 Chat PWA 的獨立應用程式

閱讀全文〈Google Meet、Chat 使用 Chrome 來安裝 桌面 App〉

HTML 有內容 但網頁無法顯示 curl 看到 Failed writing body 的解法

網站出現無法顯示網頁,但是使用 CURL 卻看到回傳的 HTML 都是完整的,不過卻有下述錯誤訊息:

  • curl: (23) Failed writing body (8864 != 16366)

要怎麼解決呢?

閱讀全文〈HTML 有內容 但網頁無法顯示 curl 看到 Failed writing body 的解法〉

瀏覽器的 console log 幾種不同呈現方式

瀏覽器在 Debug 常常使用 console.log(),除了 console.log 外,還有沒有更多的參數可以使用呢?

  • console.log():標準的文字
  • console.error():出現紅字錯誤文字 和 錯誤的 X
  • console.warn():出現黃色警告文字 和 警告的 !
  • console.table():可於 console 出現表格
  • 客製化 console.log:(前景綠字、背景黃色、24px 字體大小)
    (() => {
        console.log('%c%s', 'color: green; background: yellow; font-size: 24px;','Success!')
    })();

詳見此篇:Better console.logs

微軟新版 Edge 會偽裝成其它瀏覽器 - 2019

瀏覽器都會帶 User Agent 來跟 Server 說自己是誰,Server 的程式端才能給正確的資料、格式、畫面。

但是微軟新版的 Edge 會隨著 Domain 不同,會修改自己的 User Agent 來偽裝成其它瀏覽器~

閱讀全文〈微軟新版 Edge 會偽裝成其它瀏覽器 - 2019〉

微軟新版的 Windows 10 將使用 Chromium 取代 Edge 的核心

實做瀏覽器的核心很辛苦,太多瀏覽器的核心又會造成前端工程師的困擾,瀏覽器太多版本實在不是好事,不過太少造成獨占也不太好就是了~

  • 註:不過,瀏覽器少對 前端工程師 與 QA 來說,應該都算是好事~

閱讀全文〈微軟新版的 Windows 10 將使用 Chromium 取代 Edge 的核心〉