今天,我开始将Sublime Text 3与LiveReload结合使用,但是我通常无法使用它进行开发,因为总是在我开始在JavaScript文件中编写代码时,我的JavaScript文件中只有一个-参数会得到空白页。.其他所有内容都忽略了。 。
因此,我制作了youtube视频以展示它的外观。 http://youtu.be/a_CEqNSc82M
那就是我的index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="jquery.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="#">But43 trej gfdf</a></li>
<li><a href="#">in my case i need</a></li>
<li><a href="#">some words different</a></li>
<li><a href="#">length</a></li>
<li><a href="#">some words different</a></li>
<li><a href="#">length</a></li>
</ul>
</div>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</body>
</html>
document.write
奇怪的是,这样使用时会覆盖整个文档,这就是为什么它为空的原因?
另外,在这样的脚本标签内编写脚本标签无效,您应该使用以下方法将脚本标签添加到head部分:
<script type="text/javascript">
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1';
head.appendChild(script);
</script>