CSS文件加密保护

15 篇文章 0 订阅
15 篇文章 0 订阅

原文链接:http://www.feeldesignstudio.com/2013/08/cssencryption

这是一个二次转载的文章,最初的文章已经没了,挂上面纪念下

很多Web设计师都想保护自己辛苦写成的CSS文件,但是基于众所周知的原因,我们的CSS是无法加密的。这篇文章主要是给出一个障眼的方法,让菜鸟知难而退即可。

思路其实非常的简单,就是将部分字符转为Unicode编码,比如下面的css文件:

CSS

@import "style.min.css";

经过转换变为:

CSS

@\0069\006d\0070\006f\0072\0074"\0073\0074\0079\006c\0065.\006d\0069\006e.\0063\0073\0073";

  

当然也可以随便的去掉一个或两个0:

CSS

@\0069\6d\070\6f\0072\074"\073\74\79\6c\0065.\06d\69\006e.\063\73\0073";

  

这样的话,一般人也懒得去看你的CSS代码了。下面是一段CSS代码:

CSS

body {

  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;

  font-size:14px;

  line-height:1.6;

  color:#333333;

  background-color:#ffffff;

}

  

“加密”后的代码:

CSS

\0062\006f\0064\0079  {

    \0066\006f\006e\0074-\0066\0061\006d\0069\006c\0079:"\0048\0065\006c\0076\0065\0074\0069\0063\0061 \004e\0065\0075\0065"\002c\0048\0065\006c\0076\0065\0074\0069\0063\0061\002c\0041\0072\0069\0061\006c\002c\0073\0061\006e\0073-\0073\0065\0072\0069\0066;

    \0066\006f\006e\0074-\0073\0069\007a\0065:\0031\0034\0070\0078;

    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074:1.6;

    \0063\006f\006c\006f\0072:#\0033\0033\0033\0033\0033\0033;

    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072:#\0066\0066\0066\0066\0066\0066;

}

  

在开发工具中看到的是:

 挺唬人的,不过不到万不得已,不要这样做,开发人员的心应该是开源的。

注意:在网上有一些文章提到在CSS文件中插入”\0″,”\00″,”\000″的方法,这个现在已经不再适用。

附一个转码的Javascript方法:

JavaScript

functionstring_as_unicode_escape(input){

    functionpad_four(input){

        varl=input.length;

        if(l==0)return'0000';

        if(l==1)return'000'+input;

        if(l==2)return'00'+input;

        if(l==3)return'0'+input;

        returninput;

    }

    varoutput='';

    for(vari=0,l=input.length;i<l;i++)

        output+='\\'+pad_four(input.charCodeAt(i).toString(16));

    returnoutput;

}

  

不过在转换的时候需要注意忽略一些特殊字符和关键字,比如#@:;.{}-之类的,还有hover、before、after等关键字,这个就不一一例举了。

以下是我自己写的


加密JS代码的网站(在线版,有免费和付费功能,都可以加密,安全性不同)

我个人来说,还是建议开源,我们应持有“部分开源的精神”。

因为网络是一个循环,只需要有1%的程序员进行加密,那么在庞大的基数下,总会轮到你,在你很需要一个很酷的JS代码的时候,却遇到了加密JS,心情是****的,虽然可以反编译解密,但是也很麻烦

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,下面是一个简单的示例: 首先,我们需要一个 HTML 文件来创建页面的基本结构: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网络支付安全页面</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>网络支付安全</h1> <nav> <ul> <li><a href="#">主页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <form action=""> <label for="card_number">信用卡号:</label> <input type="text" id="card_number" name="card_number" required> <br> <label for="expiration_date">到期日期:</label> <input type="text" id="expiration_date" name="expiration_date" required> <br> <label for="cvv">CVV:</label> <input type="password" id="cvv" name="cvv" required> <br> <input type="submit" value="支付"> </form> </main> <footer> <p>©2021 网络支付安全页面</p> </footer> </body> </html> ``` 在这个 HTML 文件中,我们定义了一个标题、导航栏、表单和页脚。我们还链接了一个名为 `style.css` 的样式表。 接下来,我们需要创建 `style.css` 文件来定义页面的样式: ```css body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 1em; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { display: inline-block; margin-right: 1em; } nav a { color: #fff; text-decoration: none; } main { margin: 2em auto; max-width: 600px; } form { display: flex; flex-direction: column; align-items: center; } label { margin-bottom: 0.5em; } input[type="text"], input[type="password"] { padding: 0.5em; border-radius: 0.25em; border: 1px solid #ccc; } input[type="submit"] { padding: 0.5em; background-color: #333; color: #fff; border: none; border-radius: 0.25em; cursor: pointer; transition: background-color 0.2s ease-in-out; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: #444; } ``` 在这个样式表中,我们为页面的不同部分定义了样式。我们使用了 Flexbox 布局来对齐导航栏和表单,并使用了 CSS 属性来定义字体、颜色和间距等。 以上就是一个简单的网络支付安全页面的 HTML 和 CSS 代码示例。当然,这只是一个基本的示例,你可以根据自己的需求进行更改和扩展。同时,为了保证真正的安全性,我们还需要在后台使用安全加密算法来对用户的支付信息进行加密保护

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值