2011-7-12 16:18 /
安装了vim风格的chrome插件后,翻找网页源代码也变得异常简单……
好吧就以大家喜闻乐见的其实是坑最多的Bangumi站点来分析
以bgm.tv/onair 为例,可以看到程序猿的习惯是把暂时没有实现的或是有bug懒得修理的功能先摆一个框架,然后注释掉
这就简单多了……找注释就行了
首先在head部分:
by sai
然后,160行
这个也比较明显……上文是人物菜单,下文是超展开按钮……于是原来“目录”是集合在置顶菜单里的……那为何要去掉呢?
234行
可以看出本来是把程序的示例图片放在本地服务器上的,不知为何原因移到yupoo图床了…为了减轻服务器负担?或者是和背景图的图床一致?
257
跟随在底部“获取帮助”一栏下,目前该页面已经404了。可能是使用的人太少吧,也有可能是让位给其他的功能,比如bug追踪,天窗站务之类
275
跟随在“更多”一栏下,不过看这个链接就知道他们本来就不想做这个功能
顾名思义,RSS
303
经典的大坑了,伪春菜的对话框风格(baloon)切换功能……伺か…终于知道这个词怎么读了OTL...
最下方有两小段js,似乎和google统计有关…最后一段为什么放在html标签外?没编好?
另外引用了一个js是分享插件,看代码应该还能多分享一个“开心网”,不过那货没加—3—
以上。只分析注释掉的部分。
蛋疼。轻拍,慎fo(咦?
好吧就以大家喜闻乐见的其实是坑最多的Bangumi站点来分析
以bgm.tv/onair 为例,可以看到程序猿的习惯是把暂时没有实现的或是有bug懒得修理的功能先摆一个框架,然后注释掉
这就简单多了……找注释就行了
首先在head部分:
<!--[if lte IE 6]>
<script src="/js/pngfixed.js" type="text/javascript"></script>
<script>
DD_belatedPNG.fix('.png_bg,img,#wrapper');
</script>
<![endif]-->
<!--[if lte IE 6]>是针对小于等于ie6浏览器处理的内容啦 不是注释掉了
其余的就是那么回事了
然后,160行
<!--<li><a href="/index" class="top_lite"><span>目录</span><span class="right"></span></a></li>-->
这个也比较明显……上文是人物菜单,下文是超展开按钮……于是原来“目录”是集合在置顶菜单里的……那为何要去掉呢?
234行
<!--<img src="/img/onair/ui.png" alt="onAir" />-->
可以看出本来是把程序的示例图片放在本地服务器上的,不知为何原因移到yupoo图床了…为了减轻服务器负担?或者是和背景图的图床一致?
257
<!--<dd><a href="/help/faq">常见问题</a></dd>-->
跟随在底部“获取帮助”一栏下,目前该页面已经404了。可能是使用的人太少吧,也有可能是让位给其他的功能,比如bug追踪,天窗站务之类
275
<!--<dd><a href="#;">RSS</a></dd>-->
跟随在“更多”一栏下,不过看这个链接就知道他们本来就不想做这个功能
顾名思义,RSS
303
<!--<div id="robot_balloon" class="ukagaka_balloon_2_1">-->
经典的大坑了,伪春菜的对话框风格(baloon)切换功能……伺か…终于知道这个词怎么读了OTL...
最下方有两小段js,似乎和google统计有关…最后一段为什么放在html标签外?没编好?
另外引用了一个js是分享插件,看代码应该还能多分享一个“开心网”,不过那货没加—3—
以上。只分析注释掉的部分。
蛋疼。轻拍,慎fo(咦?
其余的就是那么回事了
不过没换行人家一点都看不懂
因为是minified的product嘛,所以不会换行,而且一般也都经过加密/变量替换了,好处就是代码体积小了