[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);
var link = document.createElement('link');

link.setAttribute('rel', 'alternate');
link.setAttribute('type', 'application/rss+xml');
link.setAttribute('title', feedName);
link.setAttribute('href', feedUrl);

head.appendChild(link);

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

 

原因：

浏览器只是在最初页面导入的时候探测rss feed，即使

解决方案：

IE8 中最新的javascript 函数window.external.ContentDiscoveryReset() 可以强制浏览器重新探测页面中的 RSS feed 以及 Web slices, 搜索引擎 Provider 等。