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

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

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101665.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • js获取request中的值_set协议工作原理

    js获取request中的值_set协议工作原理设置http请求头HttpURLConnection.setRequestProperty(Stringkey,Stringvalue); 这个我居然都忘记了,哎~真是岁数大了,心好累。。。 例如:下面就是一个完整的原始网络请求方式HttpURLConnectionconn=null;try{…

  • springboot websocket 跨域_前端websocket框架

    springboot websocket 跨域_前端websocket框架WebSocket是HTML5开始提供的⼀种在单个TCP连接上进⾏全双⼯通讯的协议,可以实现跨域访问。websocket安装命令npmiws-S服务器端:letWebServerSocket=require(“ws”).Server;letwss=newWebServerSocket({port:8200});constmysql=require(“…

  • Vue3不支持Filters过滤器

    Vue3不支持Filters过滤器filters过滤器已从Vue3.0中删除,不再支持。2.x语法在2.x中,开发人员可以使用过滤器来处理常见的文本格式。<template><h1>BankAccountBalance</h1><p>{{accountBalance|currencyUSD}}</p></template><script>exportdefault{props:{a.

  • Corners检测「建议收藏」

    Corners检测「建议收藏」HarrisCorners角点检测使用harriscorners检测器:使用OpenCV函数voidcornerHarris(InputArraysrc,OutputArraydst,intblockSize,                intksize,doublek,

    2022年10月22日
  • 【STM32】HAL库 STM32CubeMX教程十二—IIC(读取AT24C02 )

    【STM32】HAL库 STM32CubeMX教程十二—IIC(读取AT24C02 )IIC简介IIC(Inter-IntegratedCircuit)总线是一种由NXP(原PHILIPS)公司开发的两线式串行总线,用于连接微控制器及其外围设备。多用于主控制器和从器件间的主从通信,在小数据量场合使用,传输距离短,任意时刻只能有一个主机等特性。在CPU与被控IC之间、IC与IC之间进行双向传送,高速IIC总线一般可达400kbps以上。PS:这里要注…

  • java中的递归算法_java递归算法详解

    java中的递归算法_java递归算法详解Java中的递归算法虽然简单,但想要精通也是有着一定的难度的,本篇文章我们就来详细了解下递归算法。什么是递归?一般的说,递归算法是一种直接或间接地调用自身的算法。在程序中,递归算法能够使算法的描述简洁而且易于理解。递归分几类?递归通常分为两类,直接递归和间接递归:1、直接递归称为方法自身调用自己。2、间接递归可以A方法调用B方法,B方法调用C方法,C方法调用A方法。递归怎么实现实现?例://递归…

发表回复

您的电子邮箱地址不会被公开。

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