查看源代码

发布时间:2015-05-25 来源: iphone safari源代码

第一篇:查看源代码

如何彻底禁止查看网页源代码 网页制作者经常遇到精心制作的Javascript特效被别人抄袭,而自己对此却无可奈何的情况。面对这一困扰,有没有方法可以解决呢?使用ASP、JSP等服务器端编程技术可以实现对网页源代码的保护,但目前国内网站所提供的免费个人主页空间一般都不提供对服务器端编程的支持,所以对于这些用户,要禁止访问者查看网页源代码就只能在客户端编程上下工夫了。 查看源代码的方式 要禁止访问者查看网页源代码,我们首先要了解一下查看源代码的方式(以IE 5.0为例)。一是右键菜单方式; 二是窗口菜单栏查看方式,即选择"查看"*"源文件"方式。要彻底禁止访问者查看网页源代码,就必须屏蔽这2种查看源代码的方式。 屏蔽右键菜单查看方式 现在,很多网页采用如下代码屏蔽右键菜单: < Script. Language=javascript> function Click(){ if(event.button==2){alert ('版权所有(C)2001 XXX工作室'); }} document.onmousedown=Click; < /Script> 实际上"button"有8个属性值(即0~7),"button==2"只是表示按下鼠标右键,所以上述代码实际上只能限制点击鼠标右键的情况,至于其他5种方式,如同时按左右键、中间键、左和中间键、右和中间键和按所有键的情况就不能限制了。所以在弹出版权信息提示窗口后(如图3所示),按"确定"按钮仍然会出现快捷菜单。针对这种情况,其实只要将"event.button==2"改为"event.button!=1"就可以做到无论用何种鼠标点击方式,均不出现右键菜单了。 不过即使进行上述修改后,也并不能彻底禁止右键菜单的出现。用户只要在页面上按下右键,出现版权信息提示窗口后,不松开右键(即继续保持按下状态),再将鼠标指针移动到版权信息提示窗口的"确定"按钮上,同时按下左键,然后再松开鼠标左键,提示窗口即消失。此时再松开鼠标右键,右键菜单弹出,这样就又可以查看网页源文件了。 那么有没有办法彻底禁止右键快捷菜单的出现呢?其实只要将上述代码做如下修改即可。 < Script. Language=javascript> function Click(){ alert('版权所有(C)2001 XXX工作室'); window.event.returnValue=false; } document.oncontextmenu=Click; < /Script> 这样无论采取什么方式点击鼠标,都不会再出现快捷菜单了。不过值得注意的是,如果访问者直接在浏览器地址栏中键入"javascript.:alert(document.oncontextmenu='')",就可以解除对右键菜单的屏蔽。对这类访问者怎样防范呢?其实,把地址栏隐藏掉就可以了,具体方法见本文介绍的"屏蔽窗口菜单栏查看方式"。 屏蔽窗口菜单栏查看方式 制作过网页的朋友都知道,对新打开窗口的各种属性可以进行控制,具体包括控制菜单栏、滚动条及地址栏是否可见等。如果把父窗口关闭,并将新打开窗口的菜单栏和地址栏隐藏,不就可以屏蔽窗口菜单栏查看方式了吗?实现代码如下: < Head> < Object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> < Param name="Command" value="Close"> < /Object> < /Head> < Body> < Script. Language=javascript> closes.Click() window.open("XXX.htm","","menubar=no,location=no, scrollbars=yes,resizable=yes") < /Script> < /Body> 这种方法的原理就是首先将自己网站的首页制作成index.htm形式,把首页设计成一个过渡页。然后将自己的真正主页制作成default.htm形式(具体实现过程见本文所附源代码)。这样访问者无论如何也无法查看网页源代码了。这不仅仅保护了您的版权,也为进一步开发提供了保障。通过此方法,您可以结合Cookie技术,真正做到限制用户浏览网页,从而避免主页资料被非法访问者访问。 附:源代码清单 index.htm < Head> < Object id=closes type="application/x-oleobject" classid="clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11"> < Param name="Command" value="Close"> < /Object> < /Head> < Body> < Script. Language=javascript> closes.Click() window.open("defalut.htm","","menubar=no,location=no, scrollbars=yes,resizable=yes") < /Script> < /Body> default.htm < Html> < Head> < Script. Language=javascript> function Click(){ alert('版权所有(C)2001 XXX工作室'); window.event.returnValue=false; } document.oncontextmenu=Click; < /Script> < /Head> < Body> ... ... < /Body> < /Html> 注

本文涉及内容在Windows 98/IE 5.0下测试通过。

第一篇:查看源代码

制作网页除了需要自己不断的灵感源泉,更需要借鉴前人们的经验和宝贵资源,平 时多看别人的作品来丰富自己的知识库是十分好的方法, 那我们怎么来借鉴别人的作品 呢?当然是看别人的页面源代码了。

互联网发展如此迅速,靠的就是它开源、共享的几个特性,所以更应该发挥这个特 性。

针对目前流行的几种浏览器, 我们挑重点分别介绍一下几种查看页面源代码的方法。 IE 浏览器查看源代码的方法 IE 浏览器就是微软公司出品的 Internet Explorer,一般内置在各个版本的 Windows 操 作系统中,现在流行的版本有 IE6、IE7,也有少数人开始用 IE8,但它还不完善,建议 还是使用稳定的 IE6 或 IE7。

打开浏览器,输入一个网址,待页面全部打开。找到一块你觉得感兴趣的地方,然 后找到它的源代码,反正是举例,我就随便找个目标,比如首屏的“滚动热点”。

好,目标寻找完毕,在页面的空白处点击鼠标右键,在菜单中可以看到“查看源文 件”的选项,如图一,点击它,然后会弹出一个文本文档,你会看到一大堆代码,这就 是这个页面的源文件了。

不过有些做页面的朋友不厚道,不想让别人看到源文件,于是添加代码禁止在网页 中点击右键,这时候你可以点击浏览器菜单栏里的“查看”,里面有“源文件”选项, 如图二,效果和右键查看源代码相同。

如果这个也给禁止了呢?那我们就把页面另存一下,点击浏览器菜单栏里文件--另 存为,如图三,存好了之后再拿 Dreamweaver 或者记事本之类的软件打开就行了。

如果这个也用不了......那只能再根据具体情况分析了,稍后再谈这个。

那么长的源文件,看了都头晕,怎么找到自己想要的那个部分?搜索呀,寻找有代 表性的关键词搜索,有时候可以搜索文字,有时候可以搜索图片名称。这个例子比较好 找,只要找到“滚动热点”就可以了。在记事本中按 Ctrl+F,或者工具栏中编辑里的查 找,如图四,输入“滚动热点”,一下就搜到了。然后再看一下,原来滚动字幕就在<div id="HomeRollText"></div>里面包含着。OK,目标找到了。

现在绕回去说刚才没有解决的那个问题,有些网页禁止右键、禁止查看源文件怎么 办?有一款对网页开发非常实用的浏览器,还有很多相关插件可以增强其性能,它就是 Firefox。 Firefox 浏览器查看源代码的方法 Firefox 浏览器有助于网页开发制作的功能要远胜于 IE,而且有些禁用页面效果的 Javascript 脚本在 Firefox 里是失效的,再加上 Firefox 的网页开发插件,那就更加如虎添 翼了。

Firefox 浏览器查看网页源代码的方法基本和 IE 相似,也是在页面空白处点击右键 选择 “查看页面源代码” 直接按 Ctrl+U, , 或者点击工具栏上的查看 “查看页面源代码” , 如图五。

如果还是不能查看源代码,我们可以借助一下插件,Firefox 有一个专业的网页开发 插件叫 Web Developer,可以在 Firefox 的官方网站下载到

https://addons.mozilla.org/zh-CN/firefox/addon/60,如图六,点作文击“安装到 Firefox”按钮,在 弹出的窗口中点击“安装”,等到下载完毕就会直接安装到浏览器中了,重启 Firefox 浏览器,如果你能看到一个新的工具条,这表示它可以正常使用了。

Web Develpoer 插件在制作网页中最常用到的两个功能是查看 CSS(View Css)和查 看源代码(View Source),只需要点击按钮就可轻松搞定。

依照上面的步骤,打开页面,等待全部加载完毕,然后点击 Web Developer 工具栏 中从右数第二项的 View Source,在下拉菜单中再点击 View Source,立刻会弹出一个页 面,这就是页面的源代码,而它不是用记事本或其它工具打开的,是 Firefox 自带的代 码查看器。在查看器中直接按 Ctrl+F 或者点击工具栏菜单中的编辑 --查找,搜索“滚动 热点”,一下就能找到了,这个插件十分方便,尤其是遇到禁用脚本的时候。

OK,查看源代码的几种方法就介绍到这,不过这些技巧需要随时变通, 活学活用, 希望这些技巧能对你有些帮助。

第一篇:查看源代码

教你轻松查看网页源代码 作者

点击数:134 更新时间:09-11-19 有许多网页制作爱好者都非常想学到一些网页制作高手开发网页的真谛,如果还是使用 老一套的方法,在 IE 浏览器中通过点击"查看→源代码"来查看网页的 HTML 源代码, 这种方法往往会给我们带来很多的不便,一是将这些代码复制后,粘贴到记事本,对于 初学者来说,胡子连着辫子,无法有效地分析出语句的具体含义;二是一堆源代码缺乏 层次结构,无法梳理出开发者的设计思路;三是有些网页还加了密,不允许你使用鼠标 右键,这样一来,你想学到网页技巧就更是难上加难了.不过,有了"BlazingTool Instant Source"帮你查看网页源代码,上述难题就迎刃而解了. BlazingTool Instant Source 软件小档案 软件版本:V 1.44 软件大小

338KB 软件语言:英文 软件类别:国外软件 应用平台:Win9x/NT/2000/XP 下载地址

.cn/down/zhuyeliulang/2009-11-19/zytx09_11_19_03_322.html 用户安装完该软件后,需要重新启动计算机,才能在打开的 IE 浏览器中看到图 1 中画红圈的按钮, 点击该按钮会在 IE 浏览器窗口下方出现一行工具栏和一个源代码显示 窗口. 图1 基本功能 从图 1 的"Display"下拉式菜单中可以选择"Element under cursor"(显示鼠标 指定的网页源代码),"Selected text"(显示网页选中区域的网页源代码),"Entire page(current state)"(显示不包含网页头的网页源代码),"Entire page(original)"(显示包含网页头的整体网页源代码) 和"Color under cursor"(显示鼠标指定处的颜色)等方式查看网页的源代码. 在用上述方式对网页源代码进行实时查看时,用户可以用"Copy"(复制)按钮将选中的 网页源代码复制到剪贴板上; 或用"Save as"(另存为)按钮将选中的网页源代码另存为 Html 文件.此外,它还是一款优秀的网页资源收集软件,点击"Object"(对象)按钮, 在弹出的图 2 对话框中,我们可以看到当前网页中所包含的所有链接,按照 Images(图 像文件链接),Flash movies(Flash 动画文件链接),Scripts(脚本链接)和 Links(网页 链接)进行分类整理,用户可以选择将某一类链接导出到一个文本文件中,也可以点击 "Copy URL"按钮将某一选中链接的 URL 地址复制到剪贴板上. 还可以点击"Find"(查 找)按钮在网页源代码中查找您所需要的关键字,操作就像 word 的查找功能一样,非常 方便. 图2 有了"BlazingTool Instant Source"软件,学习网页制作不再是一件麻烦的事了.

查看源代码》出自:金链花美文网
链接地址:http://www.nongyeqq.com/content/LN3KwS6ZNBtYCDDn.html

网站地图 | 关于我们 | 联系我们 | 广告服务 | 免责声明 | 在线留言 | 友情链接 | RSS 订阅 | 热门搜索
版权所有 金链花美文网 www.nongyeqq.com

查看源代码