MacOS、Linux 讓瀏覽器使用 Socks 跑 Tunnel

MacOS、Linux 瀏覽器透過 Socks5 (Socks) Tunnel 連線到內網的機器,應該怎麼做呢?

閱讀全文〈MacOS、Linux 讓瀏覽器使用 Socks 跑 Tunnel〉

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

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

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

Chrome 安全瀏覽「強化防護」的說明注意事項 - 2021

現在 Chrome 的市佔率非常高,而 Chrome 是 Google 主導開發的專案,關於安全性有個很有趣的說明~

  • 註:於 Mac Chrome 92.0.4515.107 (正式版本) (x86_64) 看到的

閱讀全文〈Chrome 安全瀏覽「強化防護」的說明注意事項 - 2021〉

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〉

瀏覽器的 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

Google 決定於 2022年6月停止 Chrome Apps 支援

Google 於 Chrome 提供 Apps (主要 Chroms OS 主要都是以 Chrome Apps 為主),但是使用量太低,於是被 Google 決定要關閉。

從 2020/3 就停止接受新的 Chrome Apps,2020/6 就對 Windows、Mac、Linux 停止支援 Chrome Apps,2022/6 連 ChromeOS Apps 都關閉。

閱讀全文〈Google 決定於 2022年6月停止 Chrome Apps 支援〉

PHP Cookie SameSite 的設定方式

Chrome 80 之後的版本,預設的 Cookie 設定將會無法跨站存取 Cookie 值,若想要允許 Cookie 跨網站存取的話(SameSite = None),需要使用 HTTPS 才可以。

  • 註:SameSite 用來阻止瀏覽器將 Cookies 跨網站發送 (prevents the browser from sending this cookie along with cross-site requests)

閱讀全文〈PHP Cookie SameSite 的設定方式〉

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

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

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

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

Googlebot 將使用新版 Chromium 引擎來執行 JavaScript

Googlebot 以前都使用 Chrome 41.0 的引擎來 Rendering (解析) JavaScript,預計要更新成 Chromium 最新的版本 (74.0+)。

由 access.log 可以看到下述:

"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.96 Mobile Safari/537.36 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

不過,雖然宣佈了,目前暫時還沒看到新版的 Bot 來的跡象~

閱讀全文〈Googlebot 將使用新版 Chromium 引擎來執行 JavaScript〉

瀏覽器 如何列出網頁 非 https 的內容

現在使用 Firefox、Chrome 等瀏覽器,https 的頁面都會顯示綠色標章,而 https 網頁裡面有包含 http 的內容,就會顯示不安全等等的訊息(註1),要怎麼找出是哪些內容不安全呢?

簡單說,就是如何找出目前 https 的網頁,哪些內容(網址)還是 http 的。(註2)

閱讀全文〈瀏覽器 如何列出網頁 非 https 的內容〉