『原创』记一次“偷盗”别人的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的,全乱码了,先是拿记事本一个一个另存为,不过被我发现一个很好用的批量编码转换程序,在这里也分享给大家,反正很好用!强烈推荐!
希望大家能够分享一些“拿”和“防拿”的经验吧!
出处:http://longqi293.cnblogs.com
本博文欢迎大家浏览和转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,在『参考』的文章中,我会表明参考的文章来源,尊重他人版权。若您发现我侵犯了您的版权,请及时与我联系。
本篇博文 by Jack Fan is licensed under a Creative Commons 署名-非商业性使用-相同方式共享 2.5 中国大陆 License.
这是我的公众号,【代码只是副业】