如何自訂iPhone、iPad的Safari「加入主畫面」的圖示(icon)?

iPhone、iPad的Safari「加入主畫面」圖示(icon)

這幾天有人問我了這個問題,就是在iPad裡,將網站放到桌面上時的圖示,有沒有辦法改?

老實說,我從來沒將網址放在桌面上的習慣,可能是因為我都是用Google Chrome的關係,很少在用iPhone裡的Safari瀏覽器,所以也沒什麼機會去用「加入主畫面」這個功能。

iphone_safari_icon-01.jpg

實際去把我的「電癮院」網站加入主畫面中,可以看到預設是以網站的截圖為其圖示(icon),如下圖:

iphone_safari_icon-02.jpg

所以這問題,我就被問倒了,因此就把這個需求,當成家庭作業,好好來研究一下。

修改圖示的解決辦法

經過研究,原則上,除非你有JB,要不然這圖示是沒有辦法修改的,而AppStore裡雖然有像「LINE DECO」這類可以改APP圖示的軟體,但也只限於「APP」,對於我們加上去主畫面的「網站」圖示,還是沒辦法修改。

後來找到這兩篇文章,如下:

看過這兩篇文章之後,我才發現加入主畫面的icon,是可以由網站擁有人來自訂的,並非只能用「網站截圖」而已。

所以我先開了一個新的Blogger部落格,然後依樣畫葫蘆,把製作好的圖片,上傳到Blogger上面,製作在head裡,放入指定的html程式碼,結果,好像沒什麼用…

後來試到有點累,就放棄再嘗試了。

休息完的隔天,我又想要再來試看看了,不過這次我改搜尋國外的網站,後來找到「stackoverflow」的這個問題,裡面有解答如下:

I guess apple devices make those requests if the device owner adds the site to it. This is the equivalent of the favicon. To resolve, add 2 100×100 png files, save it as apple-touch-icon-precomposed.png and apple-touch-icon.png and upload it to the root directory of the server. After that, the error should be gone.

因此,我就照著要求,製作了兩張相同尺寸100×100的圖示,分別命名為「apple-touch-icon-precomposed.png」及「apple-touch-icon.png」,並且上傳到網站的「根目錄」之下。

沒想到,居然有作用了…

iphone_safari_icon-03.jpg

原來根本也不用修改HTML,只要擺兩張圖片到根目錄就好了,此外,我在猜,之前在Blogger弄不成功,說不定是圖片沒放在「根目錄」的關係,如果有朋友有試過的話,可以把結果留言一下,非常感謝,因為我目前也沒有打算要試了…

Internet Explorer無法顯示網頁,請檢查SSL、TLS設定?

IE無法顯示Yahoo網頁(https)

前幾天幫人還原一台Sony的舊筆電時,在還原的過程中都很順利,而且還原之後的使用,也都沒什麼問題,唯一的問題,就是在還原之後,使用IE要開啟Yahoo網頁時,居然沒辦法開啟,但是卻可以開啟sony放在ie上的預設網站。

原本想說是IE8太舊的問題,就暫時先不以為意,想說更新一下IE到IE10,問題應該就能解決了,沒想到更新完之後,情況還是依舊。

5599-01

後來我比較了不能上網站「Yahoo奇摩」和可以上的網站之間的差異性,才發現到這兩者差在一個是加密的「HTTPS」網站,一個是未加密的「HTTP」網站。

解決IE無法連上HTTPS網站的問題

如果該HTTPS網站沒有特別的SSL或TLS設定方式的話,其實解決方法很簡單,就只要把IE重設就可以,操作如下:

Step 1. 打開IE後,點擊「工具」小圖示,並點選「網際網路選項」,如下圖:

5599-02

Step 2. 切換到「進階」頁籤,接著點擊〔重設〕,如下圖:

5599-03

Step 3. 看到「您確定要重設所有Internet Explorer設定?」的對話盒之後,再點擊〔重設〕,如下圖:

5599-04

最後等待這個動作結束之後,點擊〔關閉〕即可。

5599-05

為何每天Windows 7關機時,都要安裝更新?

安裝更新,然後關閉您的電腦

這一、二個月以來,我每天電腦關機時,Windows都要更新完才會關機。

這狀況剛開始時,我以為每天真的都有更新,所以不以為意,但一陣子之後,發現到每天都有一個更新需要更新時,我就知道這是Windows Update在更新時,因為更新失敗,所以每天都在重新嘗試要更新。

這個等待的動作,前幾次會覺得不耐煩,甚至有點抓狂,但在更多次之後,就會習慣了…

一直到幾天前,老婆說,為何電腦關機時一直在更新?(就卡住,要不然哩)

5589-01

Windows Update更新時卡住要如何解決?

其實解決方法很簡單,我一直沒做,就只是懶而已。

Step 1. 從開始功能表中,打開Windows Update程式,如下圖:

5589-02

Step 2. 接著,我建議可以先打開「檢視更新紀錄」,來看看每次更新的狀態,如下圖:

5589-03

為何要看這個記錄呢?因為我們在做任何動作之前,要先確認一下,是不是每次的更新,是真的失敗了,由下圖可以看到,我的電腦每次在更新「x64系統Windows 7的Internet Explorer11」時,都是「失敗」的。

5589-04

因此,我就可以知道,我的目標,就是「x64系統Windows 7的Internet Explorer11」這個。

Step 3. 回到上一頁的「Windows Update」畫面,這時我們點擊「n個重要更新可以使用」這個連結,如下圖:

5589-05

Step 4. 接著我在這個IE11的更新上方,按下滑鼠右鍵,並從跳出式選單中點選「隱藏更新」,最後再點擊〔確定〕,如下圖:

5589-06

經過這樣的步驟,我們就可以清除掉會卡住的更新檔,所以在電腦關機時,就不會一直瘋狂的更新了。

5589-07

以經常會遇到的問題及「初學者」的角度,來看待「電腦教學」這回事。