Javascript 如何在不公开代码的情况下显示动画?

Javascript 如何在不公开代码的情况下显示动画?,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,JSFIDLE中的jQuery中有一个动画。到目前为止,我还没有一个网站可以“植入”它并共享URL 我也不能给JSFIDLE。那么,我如何在不显示代码的情况下向观众分享我的动画呢?github或任何其他工具是否允许在没有网站的情况下锁定代码并显示最终产品,但我可以获得一个URL供观众查看 在这种情况下,我对新手的问题感到遗憾,因为我对网络还是个新手 编辑: JSFIDLE显示了3个代码窗口以及结果:html、css、js。我的要求是只向观众显示结果窗口,并通过URL隐藏代码和线索 理想的解决方

JSFIDLE中的jQuery中有一个动画。到目前为止,我还没有一个网站可以“植入”它并共享URL

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

在这种情况下,我对新手的问题感到遗憾,因为我对网络还是个新手


编辑: JSFIDLE显示了3个代码窗口以及结果:html、css、js。我的要求是只向观众显示结果窗口,并通过URL隐藏代码和线索


理想的解决方案要求显示结果和加密的URL(最多)。

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

更多深入信息可在此处找到:


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

如果不希望用户在html代码中看到您的代码,请执行以下操作:

<body oncontextmenu="return false;">

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

  • 将JSFIDLE文本复制到单个index.html文件中(js使用脚本标记,css使用样式标记)
  • 在开发计算机上安装node.js
  • 安装一个工具来混淆文件(例如,
    npm安装-g munch
  • 混淆文件(请参阅说明)
  • 将您的文件托管在某个地方(可以是一个github项目页面,其中存储库只包含模糊化的文件—尽管这并不是github的真正目的)
  • 向观众发送url
  • 有人仍然可以对你的动画进行反向工程,但这需要很多努力,而且可能更容易从头开始编写


    不过,也许你最好做一次屏幕直播并分享一个youtube链接。

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


    单击JSFIDLE工具栏中的“共享”按钮(保存小提琴后),仅获取指向结果的链接。

    Yes;它叫jsFiddle。为什么不能使用JSFIDLE?您知道Javascript代码总是发送到客户端吗?您可能会压缩js代码并对其进行符号模糊处理,因此在客户端源代码中js无法读取,也无法解释为完全人类可读words@SLaks是的,我发现Javascript被发送到客户端——这就是为什么需要在浏览器中启用Javascript。在我的问题中,我已经说明了JSFIDLE以及我不想使用它的原因。理想的情况是-有一个存储库,我可以给动画窗口提供URL。你可以创建动画的视频剪辑并在页面中播放,除非你的代码被公开create
    .gif
    ?看这个问题我编辑了这个问题。我当前的代码在JSFIDLE中。你的代码有助于实现我的需求吗?获得一个免费的网络主机,将你的代码和我写的代码放在你的html上,你有一个网站,你可以发送给你的朋友,但他们无法观看源jQuery代码禁用上下文菜单不会阻止用户点击其他浏览器菜单。Ctrl-U来查看源代码仍然有效。@garrytowel我们不是跳过了显而易见的“获得一个免费的网络主机,把你的代码放进去…”吗?我担心youtube链接的质量吗?我希望有一种方法可以分享JSFIDLE、codeacademy或github的工作,只需显示输出并将骨架保持为骨架(在墙后面)。哇,难怪你试图让我明白“要点”:D就是这么简单。然而,有一个棘手的部分。用户只要简单地使用URL,就可以非常聪明地进入代码视图。所以我试图创建一个
    tinyurl
    ,但运气不太好。那么有没有办法加密结果的URL呢?@bonCodigo:这样做没有意义;用户可以随时查看源代码。我创建了带有必需组件的SVG文件,并添加了jQuery动画代码来调用这些组件。我想我几乎实现了我想要的。此外,我还必须创建自己的网页来添加这些内容。我尝试了一些人,发现他们实际上无法下载我的SVG文件。这就足够了我本来会接受你的回答,但我想支持@chriskelly展示另一种方法。你可以从开发工具下载SVG。@bonCodigo:如果不让客户端看到代码,根本不可能让客户端运行代码。