JavaScript调试工具
JavaScript调试工具
JavaScript由浏览器解释执行,所以浏览器都可以作为JavaScript调试工具。
现在,市场占有率最大的浏览器是Google公司的Chrome浏览器,在菜单中选择“更多工具”下的“开发者工具”,即可打开浏览器的调试工具。如图所示。
打开Chrome浏览器的JavaScript调试工具
调试工具中比较常用的调试窗口有两个,一个是Console,一个是Network。
Console的所用主要有两点,一是打印所有Javascript实用console.log输出的调试信息,另外一个就是用红字显示错误异常。
Network可以显示访问了的网址和参数信息,包括get和post方式提交的参数,这个功能非常有用。这本书后面几章都会用到查看参数的功能。
除了Google浏览器,微软的IE,Edge浏览器的调试工具也非常实用,因为前端开发,通常要测试代码的浏览器兼容性,所以即使用Chrome调试完毕,也需要用其他浏览器再次测试调试一遍,直到所有浏览器都能兼容为止。
从笔者的开发经验来看,有时候Chrome浏览器不能准确定位的错误,IE和Edge浏览器也可以准确定位。微软的这两款浏览器,按F12即可打开控制台,其不足之处是,与Chrome不同的是,一旦关闭控制台,IE和Edge浏览器会自动清空所有调试记录。所以,平时调试用Chrome浏览器就足够了,当Chrome不能定位错误时,可以换用IE或者Edge辅助查找。
《低代码JS UI构件程序设计》课程是信息管理专业、电子商务专业、计算机应用技术、软件技术等专业的实践实训课程,是理论与实践一体化,教、学、做一体化的专业课程。本课程的先修课程是HTML、JavaScript、CSS语言和关系型数据库,后续课程是JSP或者PHP程序设计,以及软件测试等课程。
《低代码JS UI构件程序设计》课程的教学目的是,学生通过学习本课程了解JavaScript二维数组和枚举的详细用法,掌握下划线、美元和多语言构件的调用方法,掌握低弹窗布局组件:层、按钮、工具条和标签组件;计算前置显示组件:网格、列表和幻灯片组件;低跳转组件:输入、选择器、网格编辑以及ajax组件的语法,参数以及实例用法。并能够搭建起具有完整物品流、信息流和财务流的信息管理系统。
本课程着眼于学生对信息系统的需求分析、页面概要设计、数据库逻辑设计,功能详细设计,以及测试发布的完整流程。重点培养学生通过使用低代码编程语言,能够快速实现软件模型的能力。
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
课程大纲
- 第一章 JavaScript 与 HTML 基础
- 1-1试看 JavaScript调试工具
- 第二章 JavaScript与前端低代码UI
- 2-1试看 周服低代码框架调试环境
- 第三章 低弹窗JavaScript布局组件
- 3-1试看 JavaScript调用层(layer)组件实现前端快速布局08:14
- 3-2试看 JS调用按钮(button)组件实现多按钮多行多列布局08:38
- 3-3试看 JavaScript调用工具条(toolbar)组件08:59
- 3-4试看 JavaScript调用标签(tab)组件11:04
- 第四章 计算前置的JavaScript显示组件
- 4-1试看 JavaScript调用网格(grid)组件11:38
- 4-2试看 JavaScript调用列表(list)组件09:30
- 4-3试看 JavaScript调用幻灯片(pps)组件03:56
- 第五章 低跳转JavaScript输入组件
- 5-1试看 JavaScript调用输入(input)组件18:29