网页制作:用零框架技术加密网页

来源:www.pchome.net 责任编辑:栏目编辑 发表时间:2013-07-02 04:41 点击:

对广大网页编写者来说,对源代码的保护是最为关注的,但往往却没有任何办法。辛辛苦苦编写的网页在浏览者面前毫无遮掩,只要被别人轻轻点击鼠标右键,选择(查看源代码)一项后,即可获得网页完全代码,甚至稍加修改后就成为他人的网页。本篇将通过采用JavaScript技术,对页面源代码的修改,使浏览者无法获得源码,达到保护代码的目的。

首先,应屏蔽Internet Explorer工具栏中-查看-源代码一项的功能,即将页面采用框架结构的方式。若你的页面并未使用框架结构,且不需使用框架结构,可使用"零框架"技术(即将页面分为左右两帧,左帧的宽度为1,右帧为原页面)。该方法的代码如下:

<html>
<head>
<title>欢迎光临</TITLE>
</HEAD>
<FRAMESET COLS="1,*" frameborder=0 framespacing=0>
<FRAME SRC="PS.HTM" NAME="count" noresize scrolling=no>
<FRAME SRC="search.HTM" NAME="search" noresize>
</frameset>
</html>

将该文件存为主文件index.htm,建立一空文件ps.htm,原页面文件现另存为index.html(与主文件名仅在扩展名上略有不同)。采用零框架技术有以下优点:
1、浏览者在用工具栏中的源代码项无法直接得到页面代码,仅能得到框架主文件的代码(即上述代码)。

2、可利用左帧文件ps.htm加载一些网页的高级应用,如背景音乐,网页计数器,cookie应用等。

其次,应屏蔽鼠标右键的显示源文件功能,即在所需保护的页面文件(上例中为index.html文件)中加入以下代码:

<script Language="JavaScript">
function click() {
if (event.button==2  event.button==3) {alert('"用右键要干嘛?"^_^') }} //引号中提示可自定义
document.onmousedown=click
</script>

最后,为防止一些了解网页编写语言的人通过框架主文件中的连接手工找出被保护页面后获得源代码,还应在被保护页面中加入以下代码:

<script language="javascript">
if(top==self)top.location="index.html"
</script>

这段代码将提供跳回功能,使浏览器无法直接看到该页,而是自动跳回框架主文件index.html,起到保护该页面的作用。

在完成以上三个步骤,对你的主页按照框架结构进行了修改后,你的主页源代码将不能被浏览者在网上获得,可以小小庆贺一下了。

另外,若你确实不想用框架页面,那么可用特殊的方法打开浏览器新窗口,再结合屏蔽鼠标的功能代码后亦可收到同样的效果,打开方法如下:

<a href=javascript:window.open("key.html","被保护页面的标题", "height=170,width=290,left=0,top=0,toolbar=0,location=0,
directories=0,status=0,menubar=0,scrollbars=0,resizable=0,
copyhistory=0") target=_blank>打开被保护页面的连接</a>

代码中,key.html为被保护页面的文件名。新窗口的高度height与宽度width的值可由用户自定义,单位为像素。

注意:嵌入式的JavaScript代码应加在原文件的元素区内。

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1