如何在浏览器中本地执行.js文件?

时间:2014-12-02 04:20:37

标签: javascript google-chrome

您好我想知道如何使用我的mac在textmate上键入一个javascript游戏并且只有一个常规的.js文件,但是除了获取.js文件并打开它并让它以chrome运行,如果我说它“你好,世界!”比你好世界!会出现在chrome中。

此视频中我所关注的一个示例:http://vimeo.com/105955605

2 个答案:

答案 0 :(得分:47)

在视频中大约1:51,请注意她如何在其中放置<script>标签?它的工作方式是这样的:

在计算机上的某个位置创建一个html文件(这只是一个带有.html结尾的文本文件)。在放置index.html的同一文件夹中,放置一个javascript文件(这只是一个带有.js结尾的文本文件 - 让我们称之为game.js)。然后,在您的index.html文件中,添加一些包含脚本标记的html game.js,就像Mary在视频中所做的那样。 index.html应该是这样的:

<html>
    <head>
        <script src="game.js"></script>
    </head>
</html>

现在,在Finder中双击该文件,它应该在浏览器中打开。要打开控制台以查看javascript代码的输出,请按Command-alt-j(同时显示这三个按钮)。

祝你旅途中好运,希望它对你来说和迄今为止对我一样有趣:)

答案 1 :(得分:2)

如果您使用的是Google Chrome浏览器,则可以使用Chrome开发者编辑器:https://github.com/dart-lang/chromedeveditor