Javascript代码调试方法

最新推荐文章于 2021-04-26 23:02:49 发布
最新推荐文章于 2021-04-26 23:02:49 发布
阅读量1.2k 收藏
点赞数
文章标签： javascript 浏览器 firefox firebug 语言 web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iamoyjj/article/details/5863824
版权

javascript作为一门动态语言,它的语法太灵活了.因此也就很难找到合适的调试工具.

对于Web开发来说,面对的对象就是各种的浏览器,最主要的就是IE和Firefox

 

对于javascript,微软提供了基于IE的调试方法.对于IE8，已经集成了开发人员调试工具.

要想调试javascript,需要对浏览器进行配置

将Internet选项->高级中的两项禁用Javascript脚本调试的项目的对勾去掉.

在想要调试的javacript中想要断下的位置加上

....

debugger;//调试断点

....

或者是本身有错误的javascript文件.都会提示是否调试,进入调试工具,即可看到当前的DOM对象和javacript运行时各变量的值.

对于IE6来说,可以安装一个Visual Stuidio的空壳,同样可以进行调试.

 

对于Firefox浏览器,可以下载Firebug插件.注意其脚本调试功能默认是禁用的.启用后方可使用.

 

学习一门语言,有有效的调试手段是很有必要的.尤其是想Javascript这样的动态语言.其语法特性复杂,只有真正调试过,才能完全理解其运行机制.比如变量的生存周期.不同浏览器的支持等.

 

 

欧阳嘉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【基础篇】JavaScript的4种代码调试输出方式
风中追风
06-01 3089
本文介绍了JavaScript 的四种调试输出方式，这里最推荐的一种方式是实用console.log ,通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”,里面调试的方式。
JavaScript代码调试方法实例小结
10-17
主要介绍了JavaScript代码调试方法,结合实例形式总结分析了JavaScript错误信息的处理与代码调试相关操作技巧,需要的朋友可以参考下
js调试的常用五种方式
软件，软件设计，程序设计，系统构架，php，C，C#，数据，mysql，sql
04-13 2734
1. 直接在js代码中加入断点调试 直接在你的js代码中加入断点进行调试 2. 设置在DOM node发生变化时触发断点 有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。 谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，叫做“Break on…”，你在DOM节点上右键，就能看到这个菜单项。 断点
一探前端开发中的JS调试技巧
叶叶茵的博客
04-07 3958
js调试技巧
如何调试JavaScript代码
qq_41024101的博客
04-26 2148
1.通过alert() 来查看程序中的变量，由此也可以推断出程序跑到哪里就报错。 用法: alert("1"); //弹出窗口显示1 var a = "2"; alert("a="+a); //弹出窗口显示a=2 2.添加debugger来调试javaScript (比较推荐这个，实用方便，alert()添加起来比较繁杂，有时候添加多几个，后面还得删除多几个) 用法：只需要在你想要调试的js代码上面添加一个debugger;即可 ... debugger; .. j...
JS 代码调试经验总结（菜鸟必读）
zTree Blog
06-12 367
    前言：不知不觉写了很多，希望你能耐心看完这篇文章   任何一个编程者都少不了要去调试代码，不管你是高手还是菜鸟，调试程序都是一项必不可少的工作。一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的，往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度。不少初学者在寻找错误原因时，总是不得要领，花费了大量时间却无法解决一些最终证明是相当简单的Bug。   ...
如何通过vscode运行调试javascript代码
10-15
本篇文章将详细介绍如何在VSCode中运行和调试JavaScript代码，分为两种方法：直接在JS文件中编写代码以及在HTML文件中嵌入JavaScript代码。 **方法一：在JS文件中编写JavaScript代码** 1. **环境配置**： - 首先...
基于VSCode调试网页JavaScript代码过程详解
10-15
在现代Web开发中，调试JavaScript代码是至关重要的环节，Visual Studio Code (VSCode) 提供了强大的工具来帮助开发者高效地进行这一工作。本篇文章将详细介绍如何基于VSCode调试网页中的JavaScript代码，无论你是...
在vs2010中调试javascript代码方法
10-28
只在IE浏览器中测试成功了，在谷歌浏览中没有测试成功，其他浏览器没有测试。
js调试学习总结
bcbobo21cn的专栏
07-25 2601
五个你必须知道的javascript和web 调试技术 http://blog.jobbole.com/51872/ 在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很复杂的，所以就有了we
JavaScript中常用的调试方法
weixin_43873578的博客
04-19 206
如果要中断代码的运行，监视变量的值，则使用alert()方法，在代码中放置警告框alert进行调试，如下: function saveAdd Patient(){ var val1 = gen Val1(); alert(val1); var val2 = genVal2(0); alert(val2); var val3 = compute(val1, val2); alert(val3); return val3; } 注意： 调..
JavaScript常见调试方法
04-17 244
编辑导语：javascript调试方法，常见使用alert和console来定位出错和输出的结果是否是想要的，在chrome中，还可以使用断点来看运行的情况等，本文介绍了比较全面的调试方法，你知道console.table,console.log('%c前端开发博客','font-size:40px');一起看看。 前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调...
前端js代码调试
我本可以
06-05 1190
前端代码调试：多种方式调试JS 只做一个简单的Js调试案例，工具准备：1.WebStorm（等任意编辑器都可以） 2.Google Chrome 第一步：创建一个HTML，写入js脚本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS DEBUG</title> </head> <body> &lt
前端代码调试：Webstorm调试js
EricaKang 的专栏
11-30 2万+
【前言】 目前前端开发JavaScript的debug一般都是用chrome和firefox的开发者工具进行调试，浏览器工具使用不方便，webstorm支持了在代码上打断点，在编辑器里debug js代码。类似Java后台 Eclipse debug效果。接下来就给大家介绍如何安装webstorm和对webstorm进行配置调试代码。 【Webstorm下载与安装】 1.官网
常见的js代码调试
David的专栏
12-23 4419
　　 这里主要探讨使用浏览器来调试javascript方法，并且仅对于IE。对于Opera7,Mozilla FireFox，Netscape Navigator等浏览器偶在开发过程中用的很少，没有太多经验。在此就不予探讨。工具的安装：　　 在安装office2003工具集中有个脚本调试工具叫MSE7，对于office2000及以前的office安装版本有没有这个MSE7就没有考查。如果你计算机上
js调试技巧（通过debugger调试）
热门推荐
iilegend的博客
11-29 10万+
通常我们在网站开发的过程中会用到很多JavaScript代码，js代码智能提示和检错机制又很差，这时候就需要我们自己来进行调试，调试方法有很多，以前用的是火狐浏览器的调试工具，但是后来版本等等的原因不能用了，现在就用debugger在谷歌浏览器中进行调试。 如下一段js代码： //查询方法实现 function search(){ debugger； var
js代码报错—调试方法（1）
qq_38918953的博客
04-30 501
在这里插入代码片 <input type="button" value="查看消息" onclick="message()" /> **//JavaScript 语句 try 和 catch 是成对出现的。** <script> var txt=""; function message(){ try { //将发生异常的js代码放入try 语句中。 add...
vscode如何调试JavaScript代码
最新发布
09-24
对于JavaScript代码，您可以选择“Node.js”调试器或“Chrome”调试器，具体取决于您的需求。例如，如果您想在浏览器中调试代码，可以选择“Chrome”调试器。 5. 启动调试会话：完成调试配置后，您可以点击调试视图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值