『原创』记一次“偷盗”别人的CSS和Js

今天下午,公司网站要求改版,需要做一个和51Job类似的职位选择和行业类别选择JS特效,偏偏这个任务落到了我这个最不懂Js的人的手上!苍天、大地……

别提我自己写了,先是上网一搜,哎,很多例子嘛,而且有源码,HIA HIA HIA……最终,确定了用下面这个网站提供的例子:http://app.soche8.com/show/51job/

当然,人家页面代码中就有Js和Css了,而且还有详细使用说明,真的要感谢这位兄弟!

在这里说说,怎么“拿”人家的Js和Css吧。

首先,右键单击这个页面,查看源文件,记事本打开源代码后,我们看到如下一段:

<link rel="stylesheet" type="text/css" href="css.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="drag.js"></script>
<script type="text/javascript" src="city_arr.js"></script>
<script type="text/javascript" src="nationality_arr.js"></script>
<script type="text/javascript" src="funtype_arr.js"></script>
<script type="text/javascript" src="industry_arr.js"></script>
<script type="text/javascript" src="major_arr.js"></script>

然后,通过网址和SRC属性,确定了js文件和css文件的路径地址后,在浏览器中(小弟用的是360),输入这个文件的完整路径,比如最后一个Js文件的路径应该是:http://app.soche8.com/show/51job/marjor_arr.js

这样,浏览器会自动打开下载窗口

啊哈~这样,把这些文件下载吧………………

有了这些Js文件,自己建个页面,照葫芦画瓢也能搞出个123来了,等等,怎么样式不对呢?按钮没有背景图片,弹出的Div层没有样式了……但是我已经下载到了人家的Css了啊?!

别急,不知道用了什么技术,有些css不会在页面代码中显示,那么,是不是我们就没辙了呢?不是,请耐心听我分析。经验告诉我,只要是打开过的网页,都应该留下痕迹,我们选择工具——》IE选项——>然后点击浏览历史记录的设置按钮

然后再“查看文件”

打开一个资源管理器,啊哈,看到啥了?!

还有一个漏网之鱼啊!!!

Ok,到此,也就“拿”的差不多了,再用之前的方法,把这个文件拿下,看看里面,还有些按钮背景图片,再把这些图片按图索骥!Ok,拿完收工了!

在这里,小弟特别不明白,为什么有些Css、Js文件不会显示在源代码中呢?期望能够找到答案!后来,把那些代码拿下来,居然编码不是utf-8的,全乱码了,先是拿记事本一个一个另存为,不过被我发现一个很好用的批量编码转换程序,在这里也分享给大家,反正很好用!强烈推荐!

点击下载

希望大家能够分享一些“拿”和“防拿”的经验吧!

作者:Jack Fan初学博闻 of .NET CF/.Net
出处:http://longqi293.cnblogs.com
本博文欢迎大家浏览和转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,在『参考』的文章中,我会表明参考的文章来源,尊重他人版权。若您发现我侵犯了您的版权,请及时与我联系。
更多文章请看 [置顶]索引贴——移动开发(不断更新中)

知识共享许可协议
本篇博文 by Jack Fan is licensed under a Creative Commons 署名-非商业性使用-相同方式共享 2.5 中国大陆 License.
posted @ 2010-08-04 15:30 鸭梨山大同志 阅读(2840) 评论(39) 编辑 收藏

 回复 引用 查看   
#1楼 2010-08-04 15:33 IT鸟      
很会偷,哈哈
 回复 引用 查看   
#2楼 2010-08-04 15:39 Jacky Song      
css和js不可能拿不到的
 回复 引用 查看   
#3楼[楼主] 2010-08-04 15:39 Jack Fan      
@IT鸟
主要是“被逼无奈”,呵呵

 回复 引用 查看   
#4楼[楼主] 2010-08-04 15:39 Jack Fan      
@Jacky Song
那么怎么会有一个css在源代码里不显示?求真相……嘿嘿

 回复 引用 查看   
#5楼 2010-08-04 15:40 IT鸟      
直接网页另存为,又快又好
 回复 引用 查看   
#6楼 2010-08-04 15:40 kiler      
你这不是一般的麻烦,IE打开页面,另存为 页面 全部(js图片以及falsh等资源会存到一个单独的目录里面) 页面 仅仅html,存两次就全部有了。
 回复 引用 查看   
#7楼 2010-08-04 15:40 坤坤      
@Jack Fan
是否源文件被压缩了呢

 回复 引用 查看   
#8楼[楼主] 2010-08-04 15:44 Jack Fan      
@IT鸟
@kiler
引用IT鸟:直接网页另存为,又快又好

引用kiler:你这不是一般的麻烦,IE打开页面,另存为 页面 全部(js图片以及falsh等资源会存到一个单独的目录里面) 页面 仅仅html,存两次就全部有了。

的确!又一次的,让大家蛋疼乳酸了……哎,如此可见我的常识之差!希望能够警醒后人!呵呵

 回复 引用 查看   
#9楼 2010-08-04 15:44 小易V      
直接保存网页 不就可以了 自动下载JS CSS 以及图片
CSS文件里面图片路径是不会下载的 可以手动下一下 如果多 可以用工具的 貌似是迅雷 还是FLASHGET 可以下载CSS里面的图片资源

 回复 引用 查看   
#10楼[楼主] 2010-08-04 15:45 Jack Fan      
@kiler
当然,可能作为背景出现的图片资源还是保存不了

 回复 引用 查看   
#11楼[楼主] 2010-08-04 15:46 Jack Fan      
@小易V
噢!?我去试试!今天学到的真不少!谢谢!

 回复 引用 查看   
#12楼 2010-08-04 15:46 clound      
haha 应该叫借来用下。
 回复 引用 查看   
#13楼[楼主] 2010-08-04 15:47 Jack Fan      
自己给了自己一个“反对”票,这回人丢大方了!
 回复 引用 查看   
#14楼 2010-08-04 16:17 BearRui(AK-47)      
郭德纲说:你无耻的样子有我当年的风采。

呵呵。

 回复 引用 查看   
#15楼 2010-08-04 16:21 紫玉云天      
这个,就不用发个文章了吧。
另存为肯定拿不到背景图片的。拿脚指头都能想到。
 回复 引用 查看   
#17楼 2010-08-04 16:44 Arthas-Cui      
有的是动态挂上去的css。

比如create一个style标签, 然后appendto到head上去。

这样源代码里就看不到了呗。

 回复 引用 查看   
#18楼 2010-08-04 16:46 Arthas-Cui      
@坤坤
js也可以一样弄的。

我记得我开始要在博客园加js。
我琢磨着用script标签估计要悲剧。

于是就加了个img标签, 然后在onload里面写了一段jQuery代码,
生成一段script标签, 再append到head上去。

结果。。。 结果!!!!
过了一段时间我发现,
博客园居然允许我直接写script标签!
- -!

 回复 引用 查看   
#19楼 2010-08-04 16:47 Arthas-Cui      
我投了支持。

吼吼~~

 回复 引用 查看   
#20楼 2010-08-04 16:48 Fred Chen      
IE8的话,直接用开发人员工具看啦。点哪里看哪里的html或者js、css脚本.
firefox也有firebug,差不多的功能,很好用的。

背景图片也是一样可以保存的,主要就是根据html或者css的图片引用路径分析图片在网站的保存路径。

 回复 引用 查看   
#21楼 2010-08-04 16:49 坤坤      
@Arthas-Cui
哎,能操作的权限大了也不是没什么好事情啊。哈哈

 回复 引用 查看   
#22楼[楼主] 2010-08-04 16:51 Jack Fan      
引用Arthas-Cui:
有的是动态挂上去的css。

比如create一个style标签, 然后appendto到head上去。

这样源代码里就看不到了呗。

很好,很强大!需要更多这样的回复!顶你!嘿嘿

 回复 引用 查看   
#23楼[楼主] 2010-08-04 16:52 Jack Fan      
@Fred Chen
奥,这样啊,希望我以后可以自己写个小程序来做这个,相信又是造个轮子……

 回复 引用 查看   
#24楼[楼主] 2010-08-04 16:53 Jack Fan      
引用BearRui(AK-47):
郭德纲说:你无耻的样子有我当年的风采。

呵呵。

狂汗!真经典!

 回复 引用 查看   
#25楼[楼主] 2010-08-04 16:53 Jack Fan      
@紫玉云天
下次注意!这次真的丢人了……呵呵

 回复 引用 查看   
#26楼 2010-08-04 16:57 鹅毛山人      
引用Jacky Song:css和js不可能拿不到的

严重同意
拿到很简单的

 回复 引用 查看   
#27楼 2010-08-04 17:09 汪洋怡舟      
WebZIP
 回复 引用 查看   
#28楼 2010-08-04 17:11 sundayle      
能在客户端看到的 肯定都能拿到
 回复 引用 查看   
#29楼 2010-08-04 17:12 TomiWong      
用chrome吧。。查看源码里,能直接打开css或js。
 回复 引用 查看   
#30楼 2010-08-04 18:26 StartFromZero      
用火狐也不错!
 回复 引用 查看   
#31楼 2010-08-04 19:18 哈哈大侠      


楼主好可爱……

果然是不懂CSS的新手

http://app.soche8.com/show/51job/css.css

代码第六行,谁说没显示??

 回复 引用 查看   
#32楼 2010-08-04 22:48 乡愁浓浓      
火狐下有个JSView插件,可以直接打开当前也页面使用的js和css文件
 回复 引用 查看   
#33楼 2010-08-04 22:48 小鸡哥      
lz 偷这的技术还得多练练
 回复 引用 查看   
#34楼 2010-08-05 08:49 Rlecir      
国人好强大```

标记下```

 回复 引用 查看   
#35楼 2010-08-05 09:03 chris_thanks      
用FF的firebug的网络功能或Fiddler开启,什么js拼接的css,js,image都是浮云,只要有request就可以记录下来.
 回复 引用 查看   
#36楼 2010-08-05 13:08 吮指原味鸡      
打开浏览器,保存网页,你要的这些就全都有了.

借鉴是可以的,如果自己觉得是"偷"的话最好不要拿来卖弄,中国的风气已经很差,请不要再楼井下石了.

 回复 引用 查看   
#37楼 2010-08-05 18:45 红尘中迷茫      
IE8 F12 更爽
 回复 引用 查看   
#38楼 2010-08-06 09:26 MadGoat      
貌似动态生成的js在查看源代码的时候是看不到的。
 回复 引用 查看   
#39楼 2011-02-10 22:34 一周寂寞七天      
这个不是很容易拿到手么?