创建博客园 博客阅读器（使用 JavaScript 和 HTML 的 Metro 风格应用）源码

首先官方的博客阅读器教程如下：

http://msdn.microsoft.com/zh-cn/library/windows/apps/hh974582.aspx

我重现这个帖子花了半个多小时,我觉得,如果能有一个已经写好的sample code，会节约不少复制粘贴的时间，所以吧这个源码贴在这里以供下载

微软的博客阅读器例子下载(MS code sample here)：

https://skydrive.live.com/?cid=8CF7FD18DB3D53AC&id=8CF7FD18DB3D53AC%21105

 

然后将data.js 里的blogs数组替换成以下即可：

blogs = [
        {
            //http://www.cnblogs.com/he-yuan/
            key:"blog1",
            url: 'http://feed.cnblogs.com/blog/u/106908/rss',//上面的url后加rss就得到了这个代码
            title:'tbd',
            updated:'tbd',
            acquireSyndication:acquireSyndication,
            dataPromise:null}]

 

 

其中整个页面获取的流程是：

1 通过WinJS.xhr 方法获取承诺的内容。

2将内容通过responseXML转换成XML（这里值得注意的是因为获取的是RSS格式规范的内容所以可以直接转换）

3通过querySelector 获取所需的xml内容。