WebStorm debug JS示例

最新推荐文章于 2023-08-19 13:12:00 发布

Quincylk

最新推荐文章于 2023-08-19 13:12:00 发布

阅读量2.2w

点赞数

分类专栏： WebStorm

本文链接：https://blog.csdn.net/quincylk/article/details/8853379

版权

WebStorm 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。具体步骤参见http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e。

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

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

<!DOCTYPE html>
<html>
<body>

<p>
    JavaScript 能够直接写入 HTML 输出流中：
</p>

<script>
    cars=["BMW","Volvo","Saab","Ford"];
    for (var i=0;i<cars.length;i++)
    {
        document.write(cars[i] + "<br>");
    }
</script>

<p>
    您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>

</body>
</html>

4. 设置断点，选择index.html文件，从右键菜单打开debug。调试界面如下图：

5. Chrome运行结果如下图：

Quincylk

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
WebStorm debug JS示例

1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。具体步骤参见http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e。2. 运行WebStrom，创建一个web project。3. 修改index.html文件如下： JavaScript 能够直接写入 HTML 输出
复制链接

扫一扫