web应用开发常见问题解决总结

1、两个核心

F12浏览器调试工具、IDE-Debug调试
这两个东西必定必须会灵活使用，它们是web应用开发问题解决技巧的核心。

学习网址：
debug：segmentfault.com/a/119000000…
chrome开发者工具文档：www.css88.com/doc/chrome-…
前端chrome浏览器调试总结：www.jianshu.com/p/b25c5b88b…

2、常见错误及解决流程

一、没法访问此网站

解决：

a、检查tomcat是否启动、启动是否正常

b、检查url里IP端口的值是否正确

二、 404错误

解决：

a、检查url是否正确。包括应用名、页面名称及其路径。

b、检查tomcat。查看webapps目录下的应用名称，而后进入应用目录下，检查页面文件是否在 本地目录中。

三、 页面繁忙

此状况大多数jsp页面的java部分有错误，查看tomcat日志，找到错误位置便可

解决：

a、在控制台查看tomcat日志

b、分析异常日志，查看报错缘由，寻找代码中报错的具体行数，如图所示

根据以上分析可见，此类错误，分析日志的步骤很重要！！

四、Uncaught SyntaxError

此类错误一般是js代码有误致使，在浏览器调试工具的console里会显示错误发生位置。

常见的错误有：

1）Uncaught SyntaxError: Unexpected identifier： 语法错误，如json少逗号

2）Uncaught SyntaxError: Unexpected token ' in JSON at position 1：json转换异常

3）Uncaught SyntaxError: Invalid or unexpected token： 含有不合法的字符,如中文符号

4）Uncaught SyntaxError: Unexpected token < ：js文件执行过程当中出错致使的

这个异常是比较诡异的，由于浏览器控制台没法锁定这个错误，不会帮你找到实际的错误位置。那么怎么解决？

a. 检查全部引用的js文件路径是否正确
b. 路径没问题，那么将业务文件去掉，刷新页面看看是否还会发生这个错误
c. 业务文件没问题，再分别去掉其余js文件，一个个的判断出错误发生在哪一个文件中
d. 肯定报错文件，检查代码里是否有eval，判断eval内的参数格式是否正确。以下图，eval内要传一个json字符串，可能因为后台报错，致使传过来异常页面的html代码，致使执行“eval”函数是出错；
复制代码

e. 在浏览器调试工具查看NetWork里是否有报错的请求或者返回参数是否正确。
复制代码

5）Uncaught TypeError: Cannot read property 'length' of undefined：

图片示例这是一个下拉框jQuery控件调用报错。若是你调用时传参没有问题，那么，检查下你的jQuery对象是否正确，在页面查找jQuery对象长度是否为1，标签是否存在。很大的可能就是选择器里的标签不存在！