webstorm怎么运行调试html_随笔

需要先配置一个调试的服务器，如果会需要安装对应的浏览器插件配合使用

1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。

2. 运行WebStrom，创建一个web project。

3. 修改index.html文件如下：

<!DOCTYPE html>

<html>

<body>

<p>

JavaScript 能够直接写入 HTML 输出流中：

</p>

cars=["BMW","Volvo","Saab","Ford"]

for (var i=0i<cars.lengthi++)

{

document.write(cars[i] + "<br>")

}

</script>

<p>

您只能在 HTML 输出流中使用 <strong>document.write</strong>。

如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

</p>

</body>

</html>

4. 设置断点，选择index.html文件，从右键菜单打开debug。

添加图片是通过img标签添加的，跟编辑器关系不大，示例如下:

图片的路径可以是绝对路径，也可以是相对路径，alt的图片描述是在图片加载失败的时候用来显示的，也可以不写。

webstorm在浏览器中预览HTML文件，是通过webstorm的静态服务器来运行的，地址一般为：localhost:xxxx/开头。因此浏览器报错找不到服务器的原因可能为：

localhost （默认127.0.0.1：63342）及其端口被hosts限制——可能性不大（除非手动改过）可以检查下系统hosts文件；

webstorm 的静态服务器损坏（或者没有启动）；进webstorm的设置中看看设置是否正确：debugger

欢迎分享，转载请注明来源：内存溢出

webstorm怎么运行调试html