怎样快速查找网页代码中存在的错误?

计算机很机械,代码中存在微小的错误,计算机就得不到正确的运行结果。比如,一个字母的大小写、比如,个别地方丢掉了一个符号、、、如此等等。这就要求程序员和计算机是心灵相通的,不能有任何的"隔阂"。

但是,程序员写代码的过程中,难免有时候会和计算机之间产生这样或那样的"误会"。怎样快速查找网页代码中存在的这些"误会"呢???

我们来看下面的代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title学习使人快乐进步!</title>

<script >

function testDate(){

var date=new Date();

document.write(date.getDate()+"<hr />"+"<br />");

document.write(date.getDay()+"<hr />"+"<br />");

document.write(date.getHours()+"<hr />"+"<br />");

document.write(date.toLocaleString()+"<hr />"+"<br />");

document.write(date.getDate()+"<hr />"+"<br />")

document.write(date.getDay()+"<hr />"+"<br />")

document.write(date.getFullYear()+"<hr />"+"<br />")

document.write(date.getTimezoneOffset()+"<hr />"+"<br />")

document.write(date.toLocaleString()+"<hr />"+"<br />")

document.write(date.toLocaleDateString()+"<hr />"+"<br />")

document.write(date.toDateString()+"<hr />"+"<br />")

document.write(date.toLocaleTimeString()+"<hr />"+"<br />"

document.write(date.toUTCString()+"<hr />"+"<br />")

}

testDate();

</script>

</head>

<body>

</body>

</html>

反复查看上面的代码,都看不出存在的问题。。。。。让人上火!!!

网页代码运行之后,网页上什么东西都不显示。。。。是怎么回事呢???

经过数天反复思考、试验,终于找到了查找存在问题的办法:::

我们在这个没有显示内容的网页上,打开开发工具,可以看到下面的信息

我们把程序展开,也看不到异常情况。但是,在最上边的控制台上,可以看到红色的存在,这时候我们点击控制台,可以看到下面的页面信息:

在这个页面中,可以看到存在的问题:

0528.html:20 Uncaught SyntaxError: missing ) after argument list

上面的意思是说:丢失了一个有括号")"。这就是问题的原因了,那么我们就去代码里面查找看看。

错误的问题查找到了,那么,我们怎样查找到具体位置呢???

既然是丢失了右括号,这个符号一般位于语句的右端,我们仔细查看这几个不多的语句,发现是倒数第二行丢失了一个")"。

把这个符号加上,网页内容瞬间显示出来了。。。哈哈 ~~~~~~!

此时,我们再次打开开发工具,发现,控制台没有任何提示信息:

此时的代码一个是完全正确的了。。。。。。

你Get()到思路了么???

相关推荐
yuanyxh2 小时前
macOS 应用 - 纯对话生成
前端·macos·ai编程
大家的林语冰2 小时前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
唐青枫3 小时前
Java JDBC 实战指南:从 Connection 到事务和连接池
java
光影少年4 小时前
react批量更新、同步/异步更新场景
前端·react.js·掘金·金石计划
假如让我当三天老蒯4 小时前
模块化:ES Module 与 CommonJS 的区别
前端·面试
用户40950115773174 小时前
Private Forge v2.0 发布:12大前端业务场景技能系统
前端
一个做软件开发的牛马5 小时前
MyBatis-Plus 从零实战:完整搭建可运行 Demo,BaseMapper 零 SQL、Wrapper 条件构造、分页插件与代码生成器详解
java·后端
用户3721574261355 小时前
Java 处理 PDF 图片:提取 PDF 中的图片,并压缩 PDF 图片体积
java
weedsfly5 小时前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript
用户059540174465 小时前
AI Agent记忆测试踩坑实录:Mock骗了我一周,Mem0+pytest一招破局
前端·css