IE9 的鎖定網站及跳躍清單(上)

IE9 結合了 Windows 7 的一個新功能,就是能將你喜愛的網頁如同應用程式捷徑一樣「釘選」(pin)在 Windows 工作列上,只要將 IE9 中的網站頁籤拖拉至工作列,便會有提示的畫面告訴你能釘在哪裡。 完成釘選後,工作列上便會多出一個圖示(與網站的 favicon 相同,所以 favicon.ico 最好有 32×32 大小的圖案),日後就可以直接點選這個圖案來開啟頁面。 不過,釘選圖示不是只有這麼簡單的捷徑功能,除了會在你開啟程式時,滑鼠游標移到圖案上時會有畫面縮圖之外,在釘選圖案上按下右鍵還會出現一個「跳躍清單」(jump list),裡面則可以放上更多的「捷徑」或是網站上的「動作」。    而跳躍清單上的「工作」(Tasks)部份其實是網站可以自行提供的,只要在首頁(通常使用者釘選的是首頁)使用 <meta name="msapplication-task" content="…."> 這個標籤來定義,以 Facebook 為例,它定義的工作如下:(請將 content 中的內容連接起來不要空行) <meta name="msapplication-task" content="name=新聞;action-uri=/home.php?sk=nf;icon-uri=/images/icons/app/news.ico"/> <meta name="msapplication-task" content="name=訊息;action-uri=/home.php?sk=inbox;icon-uri=/images/icons/app/messages.ico"/> <meta name="msapplication-task" content="name=活動;action-uri=/home.php?sk=events;icon-uri=/images/icons/app/events.ico"/> <meta name="msapplication-task" content="name=朋友action-uri=/home.php?sk=fr;icon-uri=/images/icons/app/friends.ico"/> 在這個標籤中,網頁開發者可以由 content 屬性指定「name=名稱」、「action-uri=對應的網址(URI)」、「icon-uri=圖案網址(URI)」,也可以指定「window-type=tab|self|window」用來指定這個動作要以新頁籤、原頁籤還是新視窗來開啟。 (待續)   延伸閱讀:MSDN: Adding Tasks to a Jump List


Internet Explorer 9 (IE9) 的相容性檢視

Internet Explorer 9 (以下以 IE9 稱之)終於釋出正式版本了,只要是使用 Windows Vista、Windows 7 及 Windows Server 2008 的用戶皆可以升級這個最新版本的瀏覽器。 IE9 最大的特色就是開始支援部份 HTML5 及 CSS3 的規格標準,對於網頁開發者來說,除了可以藉用 IE9 來嚐試新的網頁標準之外,更可以拿它來作為與前幾代 IE 的相容性檢查的的工具,一般的使用者也可以利用這個功能來試著瀏覽只能在舊版本 IE 瀏覽的網頁。以下分別為這兩個族群的使用者來簡單介紹一下「相容性檢視」這個功能。 一般使用者 如果開始使用 IE9 之後,發現原本看得好好的網頁版面突然亂掉了,在經過幾次重新整理(按 Ctrl + F5)後還是不見改善的話,可以嚐試使用相容性檢視的功能,如果網址列上出現這樣的圖案: 網址列上的相容性檢視按鈕 那就可以試著按下,看看網頁是不是排版就正常許多了呢。如果你不確定自己現在是用哪一個版本的 IE 瀏覽器來檢視網頁的話,也可以按下鍵盤上的 F12 功能鍵,啟動開發人員工具,這時便可以確定目前是用哪一個模式來瀏覽網頁了。 利用開發人員工具切換瀏覽器模式 如此一來應該可以解決許多網頁排版亂掉的問題。而更重要的是,如果已經使用 IE9 了,卻無法瀏覽(或是出現不支援字樣)宣稱利用 HTML5 相關技術的網頁時,也別忘了利用這個工具看看文件模式是否已經切換至「Internet Explorer 9 標準」。   網頁開發者 身為網頁開發者,在知道 IE9 有這樣相容性檢視的功能後,在網頁原始碼中要注意幾個部份,才不會讓使用者使用了錯誤的瀏覽模式來瀏覽網頁。 首先要注意的是,網頁原始碼中,第一行一定要加上正確的 doctype…