小Co鬥阿邦兔XII: 在 Blogger 裡新增 Wigget 小工具後無法正常顯示的問題

2017年10月14日星期六

在 Blogger 裡新增 Wigget 小工具後無法正常顯示的問題

最近忽然心血來潮想搞一下已經發霉的Blogger，常常看到別人的頁面上都有好多新奇古怪的自訂小工具，但自己加了後卻一直無法正常顯示．弄了半天才發現原來是網址上有HTTPS的問題(可以查看正在瀏覽頁面的網址即可得知是否使用HTTPS連線)，一般來說，這些網路上免費提供的小工具都是透過HTTP方式呈現在客戶端，造成瀏覽器的錯亂而導致顯示不正常，詳細可參考這篇文章．

好了，相信各位也不是很在意原理XD，因為Blogger似乎沒有提供關閉使用HTTPS的連線，因此我的解決方式就是讓使用者強制用HTTP連線的方式連到Blogger，只要在任何有可能使用到HTTP連線的頁面上加上一段 Javascript 程式碼如以下

<script type="text/javascript">
    if(window.location.protocol != 'http:') {
        location.href = location.href.replace("https://", "http://");
    }
</script>

一個頁面只要再任意一個地方加一次即可，像我是直接加在其中一個小工具的原始碼裡(如圖示)