標籤: browser

TikTok 抖音內建瀏覽器 可監控用戶輸入的內容 - 2023

這個研究結果對 TikTok(抖音)還蠻傷的，當可以將程式碼(JavaScript)做嵌入外部網站，那影響範圍就大囉~~

閱讀全文〈TikTok 抖音內建瀏覽器 可監控用戶輸入的內容 - 2023〉

如何寫出 跨瀏覽器 且有相容性的 JavaScript 應用程式

瀏覽器的功能越來越多，JavaScript 撰寫就會需要知道是否有支援這些功能，要確認瀏覽器的 JavaScript 有支援此功能要怎麼寫呢？

閱讀全文〈如何寫出 跨瀏覽器 且有相容性的 JavaScript 應用程式〉

將 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