[Web開發] 在網頁中動態加入RSS feed 元素

瀏覽器通過<link type="application/rss+xml" ... > 來識別網頁中是否存在RSS feed

 

 <link href="rss.xml" type="application/rss+xml" rel="alternate" title="My Website's RSS Feed" />

Web 開發人員常遇到的一個問題是：

有時候需要用Javascript 來動態把這個加入到網頁中（見如下代碼）, 但是發現瀏覽器無法識別到動態加入的這個Feed。

var head = document.getElementsByTagName("head").item(0);<br /> var link = document.createElement('link');</p><p> link.setAttribute('rel', 'alternate');<br /> link.setAttribute('type', 'application/rss+xml');<br /> link.setAttribute('title', feedName);<br /> link.setAttribute('href', feedUrl);</p><p> head.appendChild(link);<br />

 

原因：

瀏覽器只是在最初頁面匯入的時候探測rss feed，即使

 

解決方案：

IE8 中最新的javascript 函數window.external.ContentDiscoveryReset() 可以強制瀏覽器重新探測頁面中的 RSS feed 以及 Web slices, 搜尋引擎 Provider 等。