开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >在谷歌浏览器调试JavaScript

在谷歌浏览器调试JavaScript

作者头像

为为为什么

发布于 2022-08-05 10:18:24

发布于 2022-08-05 10:18:24

1.1K0

举报

文章被收录于专栏：又见苍岚又见苍岚

本文介绍在谷歌浏览器调试JavaScript的方法。

测试代码

新建test.html文件，写入：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <script type="text/javascript">
		
        alert("Hello World!");
	document.write("Hello World")
        var vAlert={};
        vAlert.show=function(msg){
            alert(msg);
        }
var test_var = 'test world'
        vAlert.show("测试");
	console.log('Hello World')
console.log(test_var)
    </script>
</body>
</html>

调试运行

打开谷歌浏览器
运行test.html
F12 ，呼出开发者模式
进入Sources选项卡

在js 代码加入断点，F5刷新，单步运行

期间网页会显示代码执行效果，并且在控制台有相应输出，自己也可以在控制台调试当前环境代码

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020年4月3日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

目录

测试代码

调试运行