截取js动态生成的HTML内容

这个话题是因为饭否而想到的.我们知道饭否可以通过js来调用生成html然后显示在网页上.但是在查看源文件的时候无法看到html的内容.喜欢个性的朋友就无法用css对饭否内容进行个性化显示.
用如下办法可以实现查看.以下是我的一个例子.建立个个html文件.写下如下代码,(大家可以替换成自己的试试.)

1
2
3
4
5
6
7
8
9
10

<div id=output>
<script type="text/javascript"><!--
fanfou_name="yinheli";fanfou_count=20;fanfou_timeline="user";
// --></script><br />
<script src="http://static.fanfou.com/badge/timeline.js" type="text/javascript"></script>
</div>
<div id=msg></div>
<script>
msg.innerText=output.innerHTML
</script>

保存,用浏览器打开这个html文件.从而可以看到从饭否API获得的消息,并显示消息的源码.这样我们就可以看到具体的div 和id了.接下来就可以写css个性化你的饭否消息.
关于css样式,大家可以参考NetPuter写的”玩转饭否:让饭否Widget更个性”这篇文章

补充:
如果你用firefox 用firebug将是个很不错的选择.

声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 PhilNa ™