如何进行js调试?

在学习和开发的时候,调试程序是我们解决错误的主要方式,那么对于长期写前端js的童鞋们,怎么调试js呢?下面我根据日常的经验提供几种js调试的方法。

操作方法

  • 01

    首先,我们能够通过 alert 进行打印 alert(id); 对于复杂的数据类型,我们可以通过将其转换成json格式 再进行弹出 alert(JSON.stringify(data));

  • 02

    DOM 信息调试 对于我们需要获取到的信息 可以根据要求打印到dom元素里   document.write(data); //会覆盖整个文档

  • 03

    直接在程序端打印所需信息后退出   var_dump() print_r()

  • 04

    js 其他错误信息处理 /*==================大多数浏览器支持 有少部分不支持=====================*/ window.onerror=handleErr function handleErr(msg,url,l){    txt="There was an error on this page.\n\n"    txt+="Error: " + msg + "\n"    txt+="URL: " + url + "\n"    txt+="Line: " + l + "\n\n"    txt+="Click OK to continue.\n\n"    alert(txt)    return true; }

  • 05

    try catch 调试 /*==================浏览器都支持====================*/    try{      adddlert("Welcome guest!");    }    catch(err){          txt="本页有一个错误。\n\n";          txt+="错误描述:" + err.message + "\n\n";          txt+="点击确定继续。\n\n";          alert(txt);   }

  • 06

    当然我们如果在 PC端浏览器上检查错误可以使用 console.log console.log(data); 这是我最喜欢用的方式。

  • 07

    最后,我们可以用狐火浏览器的firebug进行调试,找到当前运行的js文件。在里面设置断点。刷新网页。和eclipse中调试java一模一样。 希望能够帮助你们。

(0)

相关推荐

  • 使用webstorm进行javascript的Debug调试功能

    一.JavaScript的调试 目前火狐和Chrome都具备调试JavaScript的功能,而且还是相当的强大.如果纯粹是用浏览器来进行js调试的话,我比较喜欢用火狐.火狐可以安装各种插件,真的是非常 ...

  • 火狐浏览器中firebug插件使用图文教程

    firebug插件-如何使用firefox进行网页js调试 什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式 ...

  • 解决AutoCAD2010在VS2010上无法命中断点

    最早遇到的问题是关于AutoCAD 2010在VS 2010上无法调试。奇怪的是这问题只出现在我同事电脑上,我的电脑一切OK,我暗喜^_^,莫非是人品问题。 开发环境:Windows XP SP3+V ...

  • WebStorm 2018全新汉化破解及安装激活教程(附注册码)

    WebStorm2018是一款专业的HTML编辑工具,新版进行了全面优化和改进,包括Extract React组件进行了重构:与Angular CLI的新集成:新的检查工具提示:使用新的代码覆盖功能可 ...

  • 如何使用字符串的split方法进行分割

    在程序开发中,经常会遇到对字符串的操作处理,比如字符串拼接,截取,比较是否相等,转换大小写等等操作,今天介绍下字符串的分割,使用split方法来处理. 操作方法 01 我们先写一个split分割的方法 ...

  • webstorm使用教程

    webstorm是一款前端javascript.html开发编辑的神器.以下,只是我总结的一部分技巧.更多的方法需要以后长时间的摸索和发现. 操作方法 01 Version Control - 版本控 ...

  • firefox浏览器firebug插件调试js(jqueryt)程序(firefox调试js)

    这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率。下面来说说这种方式: 先决条件: 安装firefox+firebug 这里以我的博客为例: 基本的使用如下: OK, ...

  • 谷歌浏览器怎么调试js

    首先我们打开开发者工具,你可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台) ...

  • win7/win8系统调试IE11浏览器JS脚本的方法

    win7/win8系统调试IE11浏览器JS脚本的方法