独家供稿：移动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的接口和抽象类

    对于面向对象编程来说,抽象是它的一大特征.在Java中,可以通过两种形式来体现OOP的抽象:接口和抽象类.这两者有很多相似的地方,又有很多不同的地方. 一.抽象类 在了解抽象类之前,先来了解一下抽象方 ...

  2. tomcat 嵌入式

    背景 开源世界真是有意思,竟然还有这种玩法.以前一直想bs程序如何像cs程序作为安装包形式,这个就是个解决方案. 知识点 将tomcat嵌入到主程序中进行运行,而不是像以前将一个web项目copy到t ...

  3. less/sass 基础base文件

    less less-base.less文件展示: //清除标签默认样式; .label(){ ;;;_background-image:url(n1othing.txt)} ;;; font-size ...

  4. CANopen--Copley驱动器 ACJ-055-18 过程数据PDO的断电保存方法

    Copley CANopen 系列驱动器中,均保存有默认的 PDO 设置, 如下图所示 实际使用中,往往需要修改默认的 PDO 配置,以映射不同模式或功能下的 PDO 对象,但由于 PDO 配置无法存 ...

  5. HTTP连接池

    <context:property-placeholder location="classpath:conf/framework/httpclient.properties" ...

  6. jq获取页面url后边带的参数

    //获取url后边的参数 $.getUrlParam = function (name) {                  var reg = new RegExp("(^|&) ...

  7. robot启动

    可以这句写入到bat文件里 pythonw.exe -c "from robotide import main; main()"

  8. Confluence 6 管理协同编辑 - 审计的考虑

    我们知道一些客户对审计是主要考虑的方面.我们不能保证在协同编辑的时候具有审计,审查功能.所有页面的修改当前附加到用户发布页面的属性中而不是用户的特定修改. 如果这个对你来说是一个问题的话,我们建议你在 ...

  9. vue.js----之router详解(一)

    在vue1.0版本的超链接标签还是原来的a标签,链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签,但最终在页面还是会被渲染成a标签的 至于为什 ...

  10. 各数据库连接maven配置

    Derbydb driver maven dependency<dependency> <groupId>org.apache.derby</groupId> &l ...