[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);
 

原因：

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

解决方案：

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