用零框架技術(shù)加密網(wǎng)頁
對(duì)廣大網(wǎng)頁編寫者來說,對(duì)源代碼的保護(hù)是最為關(guān)注的,但往往卻沒有任何辦法。辛辛苦苦編寫的網(wǎng)頁在瀏覽者面前毫無遮掩,只要被別人輕輕點(diǎn)擊鼠標(biāo)右鍵,選擇(查看源代碼)一項(xiàng)后,即可獲得網(wǎng)頁完全代碼,甚至稍加修改后就成為他人的網(wǎng)頁。本篇將通過采用java script技術(shù),對(duì)頁面源代碼的修改,使瀏覽者無法獲得源碼,達(dá)到保護(hù)代碼的目的。
首先,應(yīng)屏蔽Internet Explorer工具欄中-查看-源代碼一項(xiàng)的功能,即將頁面采用框架結(jié)構(gòu)的方式。若你的頁面并未使用框架結(jié)構(gòu),且不需使用框架結(jié)構(gòu),可使用"零框架"技術(shù)(即將頁面分為左右兩幀,左幀的寬度為1,右?guī)瑸樵撁?。該方法的代碼如下:
<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,原頁面文件現(xiàn)另存為index.html(與主文件名僅在擴(kuò)展名上略有不同)。采用零框架技術(shù)有以下優(yōu)點(diǎn):
1、瀏覽者在用工具欄中的源代碼項(xiàng)無法直接得到頁面代碼,僅能得到框架主文件的代碼(即上述代碼)。
2、可利用左幀文件ps.htm加載一些網(wǎng)頁的高級(jí)應(yīng)用,如背景音樂,網(wǎng)頁計(jì)數(shù)器,cookie應(yīng)用等。
其次,應(yīng)屏蔽鼠標(biāo)右鍵的顯示源文件功能,即在所需保護(hù)的頁面文件(上例中為index.html文件)中加入以下代碼:
<script Language="java script">
function click() {
if (event.button==2 event.button==3) {alert('"用右鍵要干嘛?"^_^') }} //引號(hào)中提示可自定義
document.onmousedown=click
</script>
最后,為防止一些了解網(wǎng)頁編寫語言的人通過框架主文件中的連接手工找出被保護(hù)頁面后獲得源代碼,還應(yīng)在被保護(hù)頁面中加入以下代碼:
<script language="java script">
if(top==self)top.location="index.html"
</script>
這段代碼將提供跳回功能,使瀏覽器無法直接看到該頁,而是自動(dòng)跳回框架主文件index.html,起到保護(hù)該頁面的作用。
在完成以上三個(gè)步驟,對(duì)你的主頁按照框架結(jié)構(gòu)進(jìn)行了修改后,你的主頁源代碼將不能被瀏覽者在網(wǎng)上獲得,可以小小慶賀一下了。
另外,若你確實(shí)不想用框架頁面,那么可用特殊的方法打開瀏覽器新窗口,再結(jié)合屏蔽鼠標(biāo)的功能代碼后亦可收到同樣的效果,打開方法如下:
<a href=java script:window.open("key.html","被保護(hù)頁面的標(biāo)題", "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>打開被保護(hù)頁面的連接</a>
代碼中,key.html為被保護(hù)頁面的文件名。新窗口的高度height與寬度width的值可由用戶自定義,單位為像素。
注意:嵌入式的java script代碼應(yīng)加在原文件的元素區(qū)內(nèi)。
下一條: 偽原創(chuàng)文章一些具體做法
- 微信小程序開發(fā)中需注意的坑
- 小程序開發(fā)選擇saas平臺(tái)的好處是什么?
- 小程序開發(fā)這些問題你不得不關(guān)注!
- 企業(yè)想要開發(fā)微信小程序?這五個(gè)知識(shí)點(diǎn)一定要知道的
- 小程序做電商的六大優(yōu)勢(shì),看了你就知道為什么!
- 為什么小程序越來越受歡迎?
- 微信小程序與H5的區(qū)別
- 微信小程序開發(fā)竟然這么簡(jiǎn)單?!
- 微信小程序優(yōu)化怎么做好?
- 微信小程序的幾個(gè)簡(jiǎn)單營(yíng)銷功能
- 小程序建設(shè)方案:做一個(gè)高質(zhì)量購物小程序!
- 認(rèn)識(shí)企業(yè)小程序:有哪些用處,怎么制作?