CSS防修改技术的相关知识
网上啥都有，当然得提防安全问题！尤其是防止那些捣蛋网站的防护技巧，像什么CSS防护技术，真的太重要了！稍后儿，我就来告诉大家咋学这个，学会了就能保护好自己的网站，不让别人随便改。
CSS是什么
哥们儿们，听我说，CSS就像给网页穿上衣服的大咖，把网页外在和里面分得清清楚楚。想怎么改造网页，那可都看你喜欢！再说说CSS改造后的网页，真的是漂亮得不行。跟以前那种硬邦邦的直接内置样式或者表格布局比起来，现在的网页简直就是视觉盛宴！不过，更重要的是，用这个方法可以让代码看起来干净利索得多！
CSS的作用
聊聊 CSS，这货可是网页设计的神器！运用它，我们就能搞出美美的网页，而且换个样子也超容易。相比直接用 HTML 调式，CSS 就厉害得多了，代码简洁，改起来得心应手，最重要的是还能提高网站运行速度所以，做网页设计，怎么能少了这位小伙伴——CSS！
CSS防修改的原理
哈喽，咱们接着唠那个CSS防护的话题。这不就是给网页穿件护甲，别人就不能轻易乱动你的页面了，保障你的网站稳妥哒。说起方法来，那真是五花八门喔！
CSS Sprite挺给力的！没用的小图标都可以搞到大图里边去，再也不用担心网页被人家搞乱~
别担心小偷了，我教你如何用Base64加密图片，轻松上手！先转码为Base 64格式，再扔到CSS文件里头就成。
别想复制粘贴或保存网页内容，这就相当于封杀抄袭！
Javascript可以帮你悄无声息地隐藏CSS代码，让人无法察觉！
如何实现CSS防修改
最后，让我们看看如何实现CSS防修改技术。具体步骤如下：
别怕CSS Sprite！其实就像把好多小图拼成个大图，最后形成你想要的效果。
function stop(){
return false;
}
document.oncontextmenu=stop;
来搞个Base64编码呗：转换成这种格式后，直接塞到HTML的‘背景-图像’属性里面就是了。
-禁止右键：添加禁止右键操作的代码到网页中。
function StrEnc(str, pwd){
if(str==""||pwd=="")return"";
str=escape(str);
pwd=escape(pwd);
if(pwd.length<4){pwd=pwd+"0000".substr(0,4-pwd.length);}
var prand=new Array();
for(var i=0;i<pwd.length;i++){
prand[i]=pwd.charCodeAt(i);
}
var sPos=0;
var str2="";
for(var i=0;i<str.length;i++){
sPos=(sPos==pwd.length)?0:sPos;
var tmp=parseInt(str.charCodeAt(i)^prand[sPos++]);
str2+=String.fromCharCode(tmp);
}
return str2;
}
//加密后的CSS代码
var css=document.getElementsByTagName("link");
for(var i=1;i<css.length;i++){
if(css[i].getAttribute("rel").indexOf("style")!=-1&&css[i].getAttribute("title").indexOf("notEncrypt")==-1){
var objXMLHttpRequest=new XMLHttpRequest();
objXMLHttpRequest.onreadystatechange=function(){
if (objXMLHttpRequest.readyState==4&&objXMLHttpRequest.status==200){
css[i].outerHTML=""+StrEnc(objXMLHttpRequest.responseText.trim(),"key")+"";
}
};
objXMLHttpRequest.open("GET",css[i].getAttribute("href"),false);
objXMLHttpRequest.send(null);
}
}
棒呆了！只需要在CSS代码前加个JavaScript加密，别人就完全看不懂里头啥意思了~
好了，咱们使用CSS来保护网站确实能防别人乱动！比如把所有CSS合在一起，叫个Sprite资源，然后再Base64编码；再来，完全禁用鼠标右键，或对JS进行加密。这样的话，就算有些人想搞破坏，也是束手无策了。不过可得注意，千万别为了保护网站就影响速度和兼容性，那样可就是本末倒置了！
notEncrypt
。
评论0