如何在不暴露代码的情况下显示动画?

时间:2014-08-24 15:20:14

标签: javascript jquery jquery-animate

在jsfiddle中用jQuery完成了一个动画。我现在没有一个网站"植入"它并共享URL。

我也不能给jsfiddle。那么如何在不显示代码的情况下将我的动画分享给观众呢? github或任何其他设施工具是否允许锁定代码并在没有网站的情况下显示最终产品,但是我可以获得一个URL供观众查看吗?

我对这个背景下的菜鸟问题感到遗憾,因为我还是网络新手。


编辑:

jsFiddle在结果中显示3个代码窗口:html,css,js。我的要求是只向观众显示结果窗口,并通过URL隐藏代码和线索到代码。

理想的解决方案需要显示结果和加密的网址(充其量)。

4 个答案:

答案 0 :(得分:1)

你要求的东西根本不可能。 JavaScript是一种客户端脚本语言,由动画查看器的浏览器解释。这意味着,根据语言的性质,查看者需要在他/她的浏览器中加载的代码来查看您的动画。

可以在此处找到更深入的信息:http://computer.howstuffworks.com/javascript.htm

实现目标的唯一方法是通过屏幕捕获动画,但这当然只适用于静态动画。

答案 1 :(得分:1)

如果我理解您的问题,您可以尝试以下方法:

  1. 将您的jsfiddle文本复制到单个index.html文件(使用js的脚本标记和css的样式标记)
  2. 在开发计算机上安装node.js
  3. 安装工具以混淆您的文件(例如npm install -g munch
  4. 模糊您的文件(请参阅说明https://www.npmjs.org/package/munch
  5. 将文件存放在某个地方(可能是一个github项目页面,其中的存储库仅包含模糊文件 - 尽管它不是github的重点)。
  6. 向观众发送网址
  7. 有人仍然可以对你的动画进行逆向工程,但这需要花费很多精力,从头开始编写可能更容易。

    但是,也许您最好不要进行屏幕直播和共享YouTube链接。

答案 2 :(得分:1)

既然你已经澄清了你的问题,我们可以给你一个实际的答案。

单击jsFiddle工具栏中的“共享”按钮(保存小提琴后)以获取仅显示结果的链接。

答案 3 :(得分:0)

如果您不希望用户在您的HTML代码中看到您的代码:

<body oncontextmenu="return false;">