使 jsfiddle 适应工作网页淘汰赛

Question

我最终想要做的是让 jsfiddle 在我的桌面上工作，而不是在 jsfiddle 浏览器中工作。

我已经...

    <html>
        <head>
            <script src="[urls from the resource frame of the jsfiddle"></script>
        </head>
    <body>

    ***[content from the jsfiddle HTML pane]***

    </body>
        <script>
           ***[content from the Javascript pane]***
        </script>
</html>

然而，当我在 Chrome 中打开该文档时，它包含以简单方式格式化的所有项目的列表，而不是在 jsfiddle 的 groovy 可折叠对象中。

我试过各种浏览器，确保CDN链接不烂。

我也努力刷新网页并在 F12\network 下 - 它似乎第二次加载 *min.js 文件，但作为 0 字节文件。

我错过了什么？

Answer 1

What am I missing?

我怀疑 link 里面的 rel="stylesheet" 属性到 css.

尝试像这样包含脚本 -

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>   
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>

Answer 2

我移动了

    <script>
       ***[content from the Javascript pane]***
    </script>

进入 body 标签并使其正常工作...快乐的日子！

谢谢大家

使 jsfiddle 适应工作网页淘汰赛

Adapt a jsfiddle to a working webpage knockout

html

javascript

jsfiddle

knockout.js