如何调试JS查看异常信息
如果页面上有错误,html页面的控制台会报错,可以查看报错信息,找到对应的行,找到出错的位置。
也可以通过editplus运行调试,editplus会以弹框的形式出现提示,哪行的什么位置什么错误,需要记住这个提示信息,然后返回去找对应的代码。
这两种都需要根据提示去找行列,浏览器本身还有更加直观的方法:可直接通过浏览器异常处断点,直接直观的找到出错的位置和出错的信息。
例如:如图,qq浏览器和火狐浏览器为例。
1.打开浏览器的开发者模式
在需要调试的页面按F12,如果是没小键盘的那种笔记本的,则需要按Fn+F12,打开浏览器的开发者模式。
2.找到异常处断点,并打开这个设置
qq浏览器:Sources(右侧)——图标里有个实心圆里有两个竖条的 图标,点击这个图标(鼠标移动到该图标上,会有提示Pause on exceptions),可打开异常处断点。如果想取消,还是点这个图标,这时候(鼠标移动到上面,会在原来的提示前有Don't,表示再次点击就是取消异常处断点的意思)
火狐浏览器:调试器里(右侧)——断点下面——异常处暂停,捕捉到异常时暂停,复选框前面打勾。
如图:
如果LODOP没安装,或当前浏览器需要使用的是c-lodop,c-lodop虽然安装了但是没启动,一般会提示LODOP未定义之类的,例如 TypeError:LODOP is undefined,并且调用打印的方法也报错,比如打印时最先使用的初始化,说LODOP.PRINT_INIT("")初始化,LODOP没定义。
进行调试,会发现进到lodopFuncs.js里,LODOP=getCLodop();,
提示的是ReferenceError:getCLodop is not defined。
这是因为,LodopFuncs.js里判断当前需要使用clodop后,会调用http://localhost:8000/CLodopfuncs.js,http://localhost:18000/CLodopfuncs.js,getCLodop方法就在这个clodopFuncs.js的JS里,想要访问到这个JS,就必须c-lodop安装且已经启动,如果没启动,也是访问不到的,所以就报错了。
此外,浏览器中断点后,可以步进,步出,断点中断后,还可以往下执行,会以绿色的形式,直到再次跳到红色错误里去,然后达到最后的结果,如上,没安装或没启动,最后会根据lodopFuncs.js走页面提示。
如何调试JS查看异常信息的更多相关文章
- paip.调试js 查看元素事件以及事件断点
paip.调试js 查看元素事件以及事件断点 ff 26 +firebug 查看不出来.. 360 ,虽然也是chrome 基础,但是开发工具烂阿,也是显示不出来.. 作者Attilax 艾龙, ...
- golang(go语言)调试和查看gc信息,以及gc信息解析
这里记录一下调试golang gc的方法 启用gc打印: # GODEBUG=gctrace=1 go run ./main.go 程序启动后gc将打印如下信息: gc 65 @16.996s 0%: ...
- linux命令:使用less从后向前查看日志信息
线上出问题的时候,我们常用tail-n 或者tail-f或者grep或者vicat等各种命令去查看异常信息,但是日志是在不停地刷屏,tail是动态的在变的,我们往往期望从日志最后一行往前一页一页的翻页 ...
- 介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)
1.打开开发者工具:右键-->检查 (快捷键 f12) 2.开发者工具介绍: (1): 选择页面的dom进行查看 (2):设备适配 (3)元素: ① 可以查找到界面对应的dom: ② 通过计算样 ...
- SharePoint 2013异常信息的查看
刚刚学习SharePoint开发的时候,经常遇到一些异常,却不能直接看到详细信息,很郁闷.这里做下简单的整理,方便查找: 1.代码未处理异常出现黄页——”‘/’应用程序中的服务器错误.运行时错误“. ...
- 查看abp框架异常信息
abp框架中经常出现{"message":"An error has occurred."}的异常,并且也进入不到方法中,如果想查看详细信息,可以采用下面方法 ...
- 用Entity Framework往数据库插数据时,出现异常,怎么查看异常的详细信息呢?
做项目时,在用Entity Framework往数据库插数据时,程序报异常,但是通过报的异常死活没法查看异常的详细信息.这让人很是烦恼.本着自己动手丰衣足食的原则,通过查看资料终于找到了显示异常详细信 ...
- js调试模式控制台输出信息
js调试模式控制台输出信息.console.log
- 如何去除Eclipse下的JS引入报错(类似Syntax error on token...的异常信息)
在Eclipse下引入外部JS文件,比如Jquery.js,经常会出现如下异常信息: 去除该异常方法: 1. 去掉Eclipse的JS验证 Windws---->Preferences----& ...
随机推荐
- 图像处理---视频<->图片
图像处理---视频<->图片 // 该程序实现视频和图片的相互转换. // Image_to_video()函数将一组图片合成AVI视频文件. // Video_to_image()函数将 ...
- zend studio 13.6.1中文乱码的解决办法
进入窗口--->首选项--->常规--->工作空间 window=>preference=>General=>workspace 照图设置后重启软件即可
- jQuery匿名函数和自定义插件
https://www.cnblogs.com/joey0210/p/3408349.html (function($){ //do something; })(jQuery);
- k8s 命令自动补全
yum install -y bash-completion source /usr/share/bash-completion/bash_completion source <(kubectl ...
- Codeforces Round #585 (Div. 2) B. The Number of Products(DP)
链接: https://codeforces.com/contest/1215/problem/B 题意: You are given a sequence a1,a2,-,an consisting ...
- DisplayModeProvider完成移动开发自动视图解析
MVC中新建视图命名:XXX.cshtml.XXX.mobile.cshtml:用手机访问会自动到xxx.mobile.cshtml 一.原理 MVC中是通过DisplayModeProvider实现 ...
- 【luoguSP3267】--莫队,不同数字个数
题意翻译 给出一个长度为n 的数列,a1 a2 ,...an ,有q 个询问,每个询问给出数对(i,j),需要你给出ai ai+1 ,...,aj 这一段中有多少不同的数字 题目 ...
- Web开发入门教程:Pycharm轻松创建Flask项目
Web开发入门教程:Pycharm轻松创建Flask项目 打开Pycharm的file,选择创建新的项目,然后弹出对话框,我们可以看到里面有很多的案例,Flask.Django等等,我们选择生成Fla ...
- 安装openssh-server
以前在服务器上装过openssh-server,今天突然想把台式机也打开ssh服务,结果忘了咋弄,稍微百度了一下就弄好了,备忘一下,以后就不用各种百度了. 第一步,安装openssh-server( ...
- 【转载】Maven安装配置+ GIt&SVN + Jenkins详细配置 软件项目管理 持续集成实验
原文地址: https://www.cnblogs.com/clownice/p/5395933.html 以下是学习笔记: Jenkins是一款开源持续集成的软件,实现集成的自动化 自动构建工具:M ...