独家供稿：移动Labs

HTML5应用采用的仍然是Javascript（JS）、HTML、CSS 等Web语言，因而其代码保护就是这些Web代码的保护，而HTML5应用主要功能一般采用JS实现，因此JS代码就成了保护重点。
然而，似乎Web语言的设计者们根本没考虑过保护代码，或许因为他们认为互联网的核心价值不是代码，而是业务数据、是流量，这样更有利于互联网Web服务的发展。
    但开发者似乎不这么认为。我和开发者交流BAE/Widget/HTML5等话题时，必不可少的问题就是如何保护代码。代码保护是许多Web开发者的一块心病。
Web语言是解析执行，即代码需要明文下载到客户端（如浏览器），同时可以很容易的进行调试，因而代码保护比较困难。
    当然，也有一些解决方案是将Web代码编译成二进制文件（如下图），但由于这方面没有业界规范，因而需要客户端支持该文件的解析，其通用性成问题。
 
    目前PhoneGap之类的混搭应用模式（native+html5）大行其道，给了这种代码保护方法很好的生存环境。即：可以将负责解析经过加密或编译的Web代码与解析模块一起打包成Native应用。
    当然，最流行、折中的HTML5代码保护办法仍代码混淆，而由于应用的主要功能一般通过JS实现，因而这里主要介绍JS代码的混淆。
    代码混淆简单地说是对代码进行重新组织和处理，使得处理后的代码与处理前代码完成相同的功能，但难以阅读。一般代码混淆器会将代码中的所有变量、函数、类的名称变为简短的英文字母代号，删去代码注释。
    JS代码混淆器主要是主要分在线和离线两大类。一般开发者比较倾向离线代码混淆器（因为使用在线混淆器需要将代码提交到网站上），这里介绍几个比较不错的，供参考：
 
1.Jasob
网址：http://www.jasob.com/
功能强，能对Javascript、HTML、CSS文件进行混淆，可以选择变量的混淆程度等各种功能。当然也具有非常强的代码压缩能力。
但是，但是，是收费的共享软件，没用几天就过期了。。。
各位如果有免费使用的各种方法，别忘了和我分享。
 
2.Javascript Obfuscator
网址：http://www.javascript-source.com/javascript-obfuscator.html
支持JS混淆和代码压缩，简单好用。各种编码字符替换，混淆的代码更加晦涩。
但是、但是，也是收费的共享软件，而且不支持中文字符集，不知是否因为是试用版本。
3． YUI Compressor
网址：http://yuilibrary.com/projects/yuicompressor/
Yahoo出品的混淆压缩工具，据说jQuery就是用它混淆压缩的。免费、免费！
但是、但是，质量一般，还是用命令行的。 也有兄弟基于它做了可视化版本：
http://cloud.github.com/downloads/tinyms/jscompressor/JsCompressor.exe
    不过无论是代码混淆还是编译，都是防君子不防小人。因为，即使JAVA、C#等编译型语言，都可以反编译出非常易读的代码。
 

HTML5漫谈（7）——如何保护HTML5应用代码的更多相关文章

  1. 关于html5与jsp页面同样的html代码展示的页面效果不一样的问题

    原文:关于html5与jsp页面同样的html代码展示的页面效果不一样的问题 html5默认的声明为 <!DOCTYPE html> jsp默认的声明头部为 <%@ page con ...

  2. HTML5 Maker – 在线轻松制作 HTML5 动画效果

    HTML5 Maker 是一个在线动画制作工具,帮助你使用 HTML,CSS 和 JavaScript 创建动态,互动的内容.它非常容易使用,同时可以帮你实现非常好的效果.它可以制作跨浏览器的动画内容 ...

  3. 5个常用Java代码混淆器 助你保护你的代码

    [IT168 技术文档] 从事Java编程的人都知道,可以通过逆向工程反编译得到Java程序的源代码,这种反编译工具之一就是JAD.因此,为保护我们的劳动成果,尽可能给反编译人员制造障碍,我们可以使用 ...

  4. 10款很酷的HTML5动画和实用的HTML5应用

    1.HTML5的画布花朵生成器可生成多种样式的花朵 HTML5非常流行,利用HTML5制作动画也非常方便,今天要分享一款利用HTML5 Canvas制作的花朵生成器,我们只需要在Canvas画布上点击 ...

  5. [Mugeda HTML5技术教程之1] HTML5: 生存还是毁灭

    [Mugeda HTML5技术教程] 开篇: HTML5 - 生存,还是毁灭 摘要:HTML5并不试图解决所有问题.但是在很多适合的场合,HTML5是不二选择. To be, or not to be ...

  6. 浅谈Android保护技术__代码混淆

    浅谈Android保护技术__代码混淆   代码混淆 代码混淆(Obfuscated code)亦称花指令,是将计算机程序的代码,转换成一种功能上等价,但是难于阅读和理解的形式的行为.将代码中的各种元 ...

  7. IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生

    十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义之美.人性之美.简单之美.实用之美……如同一场革命,它的主要应用场景是浏览器,不 ...

  8. html5手机端遮罩弹出菜单代码

    效果体验:http://hovertree.com/texiao/html5/17/ 效果图: 代码如下: <!doctype html> <html lang="zh&q ...

  9. 《HTML5经典坦克大战》游戏（代码）

    前几天粗略地学了HTML5,然后就用它写了一个<经典坦克大战>游戏. 现在想分享一下我写的代码,写得不好请大家多多指教. 给大家推荐一个网站,这个网站是为大学生而做,为方便学习编程的同学而 ...

随机推荐

  1. 【转】Java HashMap的死循环

    问题的症状 从前我们的Java代码因为一些原因使用了HashMap这个东西,但是当时的程序是单线程的,一切都没有问题.后来,我们的程序性能有问题,所以需要变成多线程的,于是,变成多线程后到了线上,发现 ...

  2. vue 不常见操作

     对 v-html 的扩展操作, 问题产生背景, 在vue 项目中,用v-html渲染 html字符串,这里面包括a 标签等内容,因为某种需求,a 的默认跳转不符合要求,要经过自己定义的方法跳转. 原 ...

  3. thymeleaf：日常使用总结

    1.th:href 获得当前的根路径 th:href="@{/}" 2.select输出并自动选中 <select class="form-control sele ...

  4. 正版phpstorm，webstorm，goland（Jetbrains系列都可以）免费激活步骤（图文详解）(亲测有效)

    1 前言 Jetbrains系列都可以,包括webstrom,phpstorm,goland等. 附加其它方案如下: webstrom(注册机) goland(破解补丁) 2 步骤 1. 可以先试用, ...

  5. 数据库入门-基本sql语句及数据类型

    一.基本sql语句 SQL语言主要用于存取数据.查询数据.更新数据和管理关系数据库系统,SQL语言由IBM开发.SQL语言分为3种类型: #.DDL语句 数据库定义语言: 数据库.表.视图.索引.存储 ...

  6. Android应用开发中三种常见的图片压缩方法

    Android应用开发中三种常见的图片压缩方法,分别是:质量压缩法.比例压缩法(根据路径获取图片并压缩)和比例压缩法(根据Bitmap图片压缩). 一.质量压缩法 private Bitmap com ...

  7. 洛谷P5072 [Ynoi2015]盼君勿忘 [莫队]

    传送门 辣鸡卡常题目浪费我一下午-- 思路 显然是一道莫队. 假设区间长度为\(len\),\(x\)的出现次数为\(k\),那么\(x\)的贡献就是\(x(2^{len-k}(2^k-1))\),即 ...

  8. JUnit-三角形判断测试

    添加工具 1.添加JUnit测试工具: 使用eclipse自带的JUnit或者下载相关包.使用方式如下: 新建一个项目后,点击next出现以下界面: 选择添加JUnit 选择完成出现以下目录文件: p ...

  9. Windows Service 2012 R2 下如何建立ftp服务器

    1.首先在本地机器上创建一个用户!这些用户是用来登录到FTP的!我的电脑右键->管理->本地用户和组->用户->“右键”新建用户->输入用户名和密码再点创建就行了! 2. ...

  10. Confluence 6 识别系统属性

    Confluence 支持一些可以从 Java 系统属性中配置的配置参数和调试(debugging )设置.系统属性通常是使用 -D 为参数选项,这个选项是 Confluence 在运行后设置到 JV ...