独家供稿：移动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. LOJ 6277-6280 数列分块入门 1-4

    数列分块是莫队分块的前置技能,练习一下 1.loj6277 给出一个长为n的数列,以及n个操作,操作涉及区间加法,单点查值. 直接分块+tag即可 #include <bits/stdc++.h ...

  2. 【转】Hibernate 配置

    转自:http://www.blogjava.net/19851985lili/articles/108128.html 由于Hibernate是为了能在各种不同环境下工作而设计的, 因此存在着大量的 ...

  3. QT 开发小记

    1.开发socket网络通信时,需要在.pro 文件中添加 network项 QT       +=  network 2. 报错: mutilple definition of  时,查看 .pro ...

  4. Centos、Ubuntu开启命令模式

    由于安装的虚拟机本来就比较卡,开机加载图形界面,会变的更卡,使用下面的命令可将图形界面关闭. centos: 开机以命令模式启动,执行: systemctl set-default multi-use ...

  5. Android之androidmainfest.xml配置文件详解

    写配置文件的时候我们会不知道把那些配置项放在哪里,请看: 配置文件样例: <?xml version="1.0" encoding="utf-8"?> ...

  6. Android 通过Intent调用系统功能和Action动作和服务广播【大全】

    1.从google搜索内容 Intent intent = new Intent(); intent.setAction(Intent.ACTION_WEB_SEARCH);intent.putExt ...

  7. Android中播放音乐的几种方式

    前言 前几天一直在研究RxJava2,也写了记录了几篇博客,但因为工作任务原因,需要研究音频相关的知识,暂时放下Rxjava,本文的demo中,MediaPalyer 部分使用RxJava编写一点逻辑 ...

  8. 自然语言处理之LCS最长公共子子序列

    #!一个序列S任意删除若干个字符得到的新序列T,则T叫做S的子序列 注意,这个和最长公共字串不一样,最长公共子串要求连续. 1.算法公式: def lcs(a,b): lena = len(a) le ...

  9. nodejs和ionic小助手

    nodejs已经安装完成的情况下,安装ionic小助手 win+r打开cmd. 命令: 1.node -v(查看版本信息) 2.npm -v(查看版本信息) 3.npm install -g cnpm ...

  10. Confluence 6 配置字符集编码

    Confluence 和你的数据库必须配置使用相同的字符集.为了避免字符出现问题,请将所有的字符集设置为使用 UTF-8 编码(或者根据你配置的数据库来制定正确的 UTF-8 编码字符集,例如在 Or ...