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 的核心〉

蘋果、微軟等 四大瀏覽器業者 將在2020年停止支援 TLS 1.0、1.1

蘋果 (Safari)、微軟 (IE、Edge)、Google (Chrome)、Mozilla (Firefox) 為目前主流瀏覽器的四大業者,他們共同宣佈將於 2020年中止支援 TLS 1.0TLS 1.1,建議採用 TLS 1.2 以後的版本。

閱讀全文〈蘋果、微軟等 四大瀏覽器業者 將在2020年停止支援 TLS 1.0、1.1〉

使用 Polyfill 來解決瀏覽器不支援 HTML 新功能的問題

HTML5 在某些瀏覽器不支援,想要跨瀏覽器支援,可以靠 Polyfill (外部 library) 讓瀏覽器支援,此篇裡面有各種的 Polyfills (SVG、Canvas、Web Storage、Video... )