b前墙开发)》实验教学指导/实验九:使用CS进行网页布局6 MBStr class="TextContent">'+S(xmlData) find("Contents").find(MicroBlog").eq(). find("MBCo ABStr class="TextAuthor'>'+S(xmlData) find(Contents").find("MicroBlog").eq().find(MBTim e"). text(+'&nbsp; +S(xmlData)find("Contents"). find("MicroBlog"). find(MBAuthor)eq(i &nbsp; +S(xmlData) find ("Contents"). find("MicroBlog"). eq(O). find(MBSource"). text+< MBStr +='</div> S#microblog,).html(MBStr) 4、Web兼容性测试 (1)请通过多种浏览器进行web兼容性测试 (2)请撰写web兼容性测试报告,并填写兼容性测试表,具体如表9-1所示。 表91web兼容性测试结果 浏览器 网页总体HML5cs3 航菜单成员说成员展示 Firefox 21 Firefox 20 Maxthon 4.0 Maxthon 3.X Opera 12.10 Opera 12.00 Safari 6.0 Safina 5.1 Chrome 27 Chrome 26 360 baidu QQ Browser 要求: 请完整实现该案例,并将web的结构设计的分析结果填写到实验报告册中 河南中医学院互联网应用技术研究所 本讲共计7页|当前第6页《Web 前端开发》实验教学指导 / 实验九：使用 CSS 进行网页布局 河南中医学院互联网应用技术研究所 本讲共计 7 页 | 当前第 6 页 MBStr +='<div class="TextContent">'+$(xmlData).find("Contents").find("MicroBlog").eq(i).find("MBCo ntent").text()+'</div>'; MBStr +='<div class="TextAuthor">'+$(xmlData).find("Contents").find("MicroBlog").eq(i).find("MBTim e").text()+'&nbsp;'+$(xmlData).find("Contents").find("MicroBlog").find("MBAuthor").eq(i ).text()+' &nbsp;'+$(xmlData).find("Contents").find("MicroBlog").eq(i).find("MBSource").text()+'< /div>' MBStr +='</div>'; } $('#microblog').html(MBStr) }); }); </script> 4、Web 兼容性测试 （1）请通过多种浏览器进行 Web 兼容性测试。 （2）请撰写 Web 兼容性测试报告，并填写兼容性测试表，具体如表 9-1 所示。 表 9-1 Web 兼容性测试结果 浏览器 网页总体 HTML 5 CSS 3 jQuery 导航菜单 成员说 成员展示 IE 7 IE 8 IE 9 IE 10 Firefox 21 Firefox 20 Maxthon 4.0 Maxthon 3.X Opera 12.10 Opera 12.00 Safari 6.0 Safira 5.1 Chrome 27 Chrome 26 360 baidu QQ Browser 要求： 请完整实现该案例，并将 Web 的结构设计的分析结果填写到实验报告册中