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

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

PHP json_decode 遇到 Control character error 解法

PHP 使用 json_decode() 遇到下述錯誤訊息:(由 json_last_error_msg() 抓到的訊息)

Control character error, possibly incorrectly encoded

要怎麼解決呢?

閱讀全文〈PHP json_decode 遇到 Control character error 解法〉

AWK 取得欄位的「最後」與「倒數第二個值」的方法

使用 AWK Parse access.log,在某些特定條件會發生抓錯欄位的情況(若使用 空白 切割,沒使用 " 搭配切割,就容易抓錯欄位)

不過經常快速處理,都是使用空白切割即可,那要抓最後的欄位,比較簡單的方式就是一樣「空白切割」或「" 切割」,只是資料抓法是從後面往前抓。

  • AWK 要取得最後一個欄位的值是使用: $NF
  • AWK 要取得倒數第二個欄位的值是使用: $(NF-1)
  • 由後往前取,就繼續 -2、-3... 下去即可
  • 範例:awk '{print $(NF - 2)}' # 從後面數來第二個

所以要抓 access.log 倒數第二欄 和 第二欄,範例如下:

  • cat access.log | awk -F\" '{print $(NF-2),$2}' # 使用 " 切割

想抓超過 500ms 的網址(註:elapsed 並不是預設就有,需要另外加上)

  • cat access.log | awk -F\" '{print $NF,$2}' | awk '{print $1,$3}' | sed 's/elapsed=//' | sed 's/us//' | awk '{if ($1 > 500000) {print $1, $2}}'
  • cat access.log | awk -F\" '{print $(NF-2),$2}' | awk '{print $1,$3}' | sed 's/elapsed=//' | sed 's/us / /' | awk '{if ($1 > 500000) {print $1, $2}}'

網頁於 Chrome 不要出現(關閉) Translate 的訊息

於 Chrome 開啟網頁,常常會下拉是不是需要翻譯(Translate) 的區塊視窗,自己的網頁希望不要跳出這個區塊,要怎麼做呢?

閱讀全文〈網頁於 Chrome 不要出現(關閉) Translate 的訊息〉

Python3 遇到 UnicodeEncodeError: ascii codec 錯誤解法

Python3 遇到下述問題:

UnicodeEncodeError: 'ascii' codec can't encode characters in position 0–9: ordinal not in range(128)

此錯誤訊息,要怎麼解決呢?

一般這個都在 Python2 看到,沒想到在 Python3 也會遇到.. @.@a..

閱讀全文〈Python3 遇到 UnicodeEncodeError: ascii codec 錯誤解法〉

PHP 將 png 透明底圖改成白色

PHP 對一張透明底圖的 png 圖片,想要將透明底圖加上顏色(移除透明底圖),要怎麼做呢?

  • 註:想要將兩張圖片合併在一起,遇到透明底圖的時候,合成起來透明底圖會變黑底

閱讀全文〈PHP 將 png 透明底圖改成白色〉

瀏覽器的 Cookie 容量限制

瀏覽器的 Cookie 是做登入、紀錄、追蹤等等,最常使用的工具。

不過現在 Cookie 要放的東西越來越多,Cookie 到底可以塞的容量是多少呢?

  • 註1:照標準應該是 4096 bytes,不過瀏覽器實作時,都可能會有些落差~
  • 註2:下述取自此篇:RFC-2965 HTTP State Management Mechanism
    • Practical user agent implementations have limits on the number and size of cookies that they can store.
      • at least 300 cookies
      • at least 4096 bytes per cookie (as measured by the characters that comprise the cookie non-terminal in the syntax description of the Set-Cookie2 header, and as received in the Set-Cookie2 header)
      • at least 20 cookies per unique host or domain name

閱讀全文〈瀏覽器的 Cookie 容量限制〉

PHP 陣列 想 保留某些索引值 剩下全部移除

PHP 的陣列裡面,想要保留某些 Key,將其它的全部移除,要怎麼做呢?

  • 註:想要重組 URL 的 Query string 時,很常使用到此功能。

閱讀全文〈PHP 陣列 想 保留某些索引值 剩下全部移除〉