1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 86

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

一、两个核心

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

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

二、常见错误及解决流程

1、无法访问此网站

解决：

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

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

2、 404错误

解决：

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

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

3、 页面繁忙

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

解决：

a、在控制台查看tomcat日志

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

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

4、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，标签是否存在。很大的可能就是选择器里的标签不存在！

转载于:https://juejin.im/post/5af98d7e6fb9a07acf5647e4

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/101665.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • EVE模拟器的使用-带图超详细(学网络用）「建议收藏」

    EVE模拟器的使用-带图超详细(学网络用）「建议收藏」

    EVE模拟器的使用-带图超详细(学网络用）「建议收藏」文章目录EVE模拟器的安装EVE模拟器的使用登陆添加一个实验退出一个实验实验分类创建任务(添加路由交换机)选择型号和种类说明修改已创建种类参数界面放大和缩小方式一方式二种类(设备)之间连线和删除连线连线删线添加注释信息(描述）设备开机开启单个设备开启所有设备设备功能配置软件抓包EVE模拟器的安装EVE模拟器的下载及安装见：EVE模拟器的使用登陆根据上面安装步骤进入到这个界面以后：用户名：admin密码：unl（小写L）登陆方式：Nativeconsole登陆成功以后就是这个界面：添

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月27日
    482
  • C#构造函数的作用_以下程序段的作用是inta

    C#构造函数的作用_以下程序段的作用是inta

    C#构造函数的作用_以下程序段的作用是inta构造函数是一种特殊的成员函数,它主要用于为对象分配存储空间,对数据成员进行初始化(1)构造函数的名字必须与类同名;(2)构造函数没有返回类型,它可以带参数,也可以不带参数;(3)构造函数的主要作用是完成对类的初始化工作;(4)在创建一个类的新对象（使用new关键字）时，系统会自动调用给类的构造函数初始化新对象;C#的类有两种构造函数：实例构造函数和静态构造函数实例构造函数：

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月8日
    1
  • Ubuntu18.04安装GCC8.3.0

    Ubuntu18.04安装GCC8.3.0

    Ubuntu18.04安装GCC8.3.0转自：https://blog.csdn.net/bjzhaoxiao/article/details/102525241Ubuntu系统是自带GCC安装指令的aptinstallgcc，当前apt源中gcc版本为5.4.0，版本太低，推荐手动安装gcc8.3.0手动安装gcc8.3.0之前需要先确保安装gcc环境依赖GMP4.2+、MPFR2.3.1+、MPC0.8.0+，否则会报出以下错误configure:error:BuildingGCCrequiresGMP4.

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月24日
    3
  • C++ fstream详解[通俗易懂]

    C++ fstream详解[通俗易懂]

    C++ fstream详解[通俗易懂]C语言里面对文件的操作是通过文件指针，以及一些相关的函数，那么C++中是如何对文件进行操作的呢？没错，就是通过fstream这个文件流来实现的。当我们使用#include时，我们就可以使用其中的ifstream,ofstream以及fstream这三个类了(ofstream是从内存到硬盘，ifstream是从硬盘到内存)，也就可以用这三个类来定义相应的对象了，这三个类分别代表一个输入文件…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月19日
    0
  • flask表单处理_html表单的提交方法

    flask表单处理_html表单的提交方法

    flask表单处理_html表单的提交方法这里介绍一下Flask表单提交相关的方法，还是以代码实例为主。首先，Flask模板中表单提交代码与我们一般写的H5表单无异，当然，Flask也提供了表单类，Flask-WTF扩展。这里只介绍常规的表单提交方法。首先是模板类：&lt;!DOCTYPEhtml&gt;&lt;htmllang="en"&gt;&lt;head&gt;&lt;metacharset="UTF-8"&g…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月1日
    1
  • Zuul网关调优「建议收藏」

    Zuul网关调优「建议收藏」

    Zuul网关调优「建议收藏」网关的大部分工作是请求转发，属于IO密集型的应用，我们要在有限的资源的情况下结合公司实际请求场景做调优。一，容器选择在容器方面，undertow的呼声很高，一个是他很轻量级的，其次他属于java开发，性能也很好，笔者根据实际情况对tomcat和undertow做了一个对比默认配置下，8核cpu，tomcat启动后会初始化10个io线程，而undertow会初始化72个线程，8个IO线程，64个work线程（8*8）性能对比：写一个接口，接口中什么也不做，就睡眠2s请求个数

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月15日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号