網頁開發 網頁設計

[教學]開啟Chrome瀏覽器,將一串亂碼變中文

2018/12/27

梅問題-[教學] 打開瀏覽器,立即將亂碼顯示成中文
  由於最近正在玩HUGO這套靜態網站,發現在佈景的設計更加靈活,同時發布出來網站,全部都是靜態的HTML,雖然少了資料庫的便利性,但在網站的架構與網頁的設計,變得更好擴充,再加上不用受限於任何的架構中,因此梅干就試著將WordPress的資料給匯出,再匯入Hugo中。

但就在匯入並在打包成一頁一頁的靜態網頁時,竟然跳出某些頁面出錯,當梅干一打開看後,卻看到一堆怪怪的亂碼,而這些亂碼其實就是中文,只是被編譯過的而已,因此只要將這亂碼轉回變中文就可以啦!但要如何將這看似亂碼變成中文,其實有個相當簡單的方法,只需透過瀏覽器,立即就可將這看似亂碼的字符變回中文啦!因此有需要的朋友們,現在就一塊來看看吧!


Step1
當看到這樣像亂碼的字符,其實它本身就是UTF-8的格式。
梅問題-[教學] 打開瀏覽器,立即將亂碼顯示成中文
Step2
接著開啟Chrome瀏覽器,並進入「開發人員工具」模式,再點上方的「Console」頁籤。
梅問題-[教學] 打開瀏覽器,立即將亂碼顯示成中文
Step3
當進入「Console」頁籤後,再下方的輸入框中,輸入「decodeURIComponent」。
梅問題-[教學] 打開瀏覽器,立即將亂碼顯示成中文
Step4
接著在括弧內加入單引號,再把剛的亂碼字符貼上,隨即下方就會顯示該字符的中文啦!真的超簡單又方便。
梅問題-[教學] 打開瀏覽器,立即將亂碼顯示成中文