在浏览器中测试HTML5游戏？

-2

嘿，大家我是网络开发新手，正在编写一个包含三个文件（index.html，style.css和game.js）的简单HTML5游戏，我不确定是否有方法在浏览器吗？在浏览器中测试HTML5游戏？

我试图在浏览器中打开html文件，但它没有任何功能或与.js文件的视觉差异。林想知道我是否可以做一个localhost或类似的东西，所以我可以看到进展。

2015-04-23 JLuse

你的js文件链接到HTML文件？除非游戏在服务器上运行，否则您不需要在主机上启动游戏。只要他们在同一个文件夹中并且它们是LINKED。它应该工作 – sinanspd

确保JavaScript已加载。检查控制台是否有错误。使用像Chrome Developer工具（按f-12）或firebuf for firefox的工具来确保所有资源都已加载：使用工具的网络功能进行检查。同时确保在更改后刷新缓存，因为静态文件（如html，javasript和css）由浏览器缓存。 –

@Jon P缓存的刷新工作现在它的功能，哇谢谢我没有线索，甚至可能是这样的事情的问题。 – JLuse

确保所有文件都在同一个文件夹中，您链接它们的方式：

<link href="style.css" rel="stylesheet" type="text/css"/> 
<script src="game.js"></script>

然后，你可以打开html文件浏览器，只要你不要求服务器来运行你的应用程序，代码将运行良好。

来源

2015-04-23 04:58:16

是的，我实际上已经把所有的东西都放在了正确的位置上，并且你在上面发布的确切代码导致我问这个问题，奇怪吗？ – JLuse

@JLuse你打开它时究竟得到了什么？你打开文件是否正确？你用什么平台和浏览器打开它？ –

当我打开索引文件时，我有一个显示在浏览器中的画布，但是我添加了一些js给它动画并没有显示。我把它从崇高的地方拖到Chrome浏览器中。 – JLuse

验证你的标签，如果你有使用//而非http任何SRC：//（或https：//）脚本不会加载

这是不行的本地

<head> 
    <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> 
</head> 

<body> 
    <h1 id="hello">Hello world!</h1> 
    <script> 
     $('#hello').text('Hello!'); 
    </script> 
</body>

这将

<head> 
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
</head> 

<body> 
    <h1 id="hello">Hello world!</h1> 
    <script> 
     $('#hello').text('Hello!'); 
    </script> 
</body>

希望这样的事情

来源

2015-04-23 05:08:15 lazychino

在浏览器中测试HTML5游戏？

回答

相关问题