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

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

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

我们来看下面的代码:

<!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()到思路了么???

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/659045.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

LeetCode516:最长回文子序列

题目描述 给你一个字符串 s &#xff0c;找出其中最长的回文子序列&#xff0c;并返回该序列的长度。 子序列定义为&#xff1a;不改变剩余字符顺序的情况下&#xff0c;删除某些字符或者不删除任何字符形成的一个序列。 代码 /*dp[i][j]&#xff1a;[i,j]的回文子序列长度为d…

Kingbase常用语句

查询数据库名 SELECT * FROM SYS_DATABASE;查询模式名 SELECT * FROM SYS_DATABASE;查询表空间 SELECT * FROM SYS_DATABASE;查询包含特定字段名的所有表 SELECT table_name FROM information_schema.columns WHERE column_name your_column_name --替换为查询的字段名 A…

【随笔】Git 实战篇 -- Git Rebase出错?手把手教你如何优雅地解决常见问题 (四十二)

&#x1f48c; 所属专栏&#xff1a;【Git】 &#x1f600; 作  者&#xff1a;我是夜阑的狗&#x1f436; &#x1f680; 个人简介&#xff1a;一个正在努力学技术的CV工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎咨询&#xff01; &#x1f496; 欢迎大…

React-useState

useState基础使用 useState是一个React Hook&#xff08;函数&#xff09;&#xff0c;它允许我们向组件添加一个状态变量&#xff0c;从而控制影响组件的渲染结果 本质&#xff1a;和普通JS变量不同的是&#xff0c;状态变量一旦发生变化组件的视图UI也会跟着变化&#xff0…

QByteArray数据移位注意事项

我们的目的是要将一个QByteArray数组中的四个字节合并成一个32位的无符号整数&#xff08;quint32&#xff09;或有符号整数&#xff08;qint32&#xff09;。假设将arr中的四个字节分别设置为0xF1, 0xF2, 0xF3,和 0xF4&#xff0c;我们要拼出一个无符号数0xF1F2F3F4。 代码1 …

ADOP带你了解:800G 收发器的类型和应用

随着对快速数据传输的需求不断增加&#xff0c;800G收发器因其高带宽、快速传输速率、出色的性能、紧凑的设计和面向未来的兼容性等特性而引起了人们的极大兴趣。在本文中&#xff0c;我们旨在概述各种 800G 光模块&#xff0c;并深入研究它们的应用&#xff0c;以帮助您在选择…

Window下VS2019编译WebRTC通关版

这段时间需要实现这样一个功能&#xff0c;使用WebRTC实现语音通话功能&#xff0c;第一步要做的事情就是编译WebRTC源码&#xff0c;也是很多码友会遇到的问题。 经过我很多天的踩坑终于踩出来一条通往胜利的大路&#xff0c;下面就为大家详细介绍&#xff0c;编译步骤以及踩…

智能合约革命:Web3引领智能化商业的未来

随着区块链技术的日益成熟和普及&#xff0c;智能合约作为其重要应用之一&#xff0c;正在逐渐改变着商业世界的面貌。Web3作为下一代互联网的代表&#xff0c;以其去中心化、加密安全的特性&#xff0c;为智能合约的发展提供了无限可能&#xff0c;将智能合约应用于商业领域的…

工业工程师日子越来越受不了?IE们都在做什么?

有一位工业工程师&#xff08;IE&#xff09;毕业在一家工厂工作&#xff0c;入职一年了&#xff0c;本科读的是工业工程&#xff0c;他说理想很美好现实很骨感&#xff0c;以为做和本科一样的职业就能够大展宏图&#xff0c;结果上司天天让他盯生产线&#xff0c;在厂房一站就…

2024HW|常见红队使用工具

目录 什么是HW&#xff1f; 什么是网络安全红蓝对抗&#xff1f; 红队 常见工具 信息收集工具 Nmap 简介 漏洞扫描工具 Nessus简介 AWVS 简介 抓包工具 Wireshark简介 TangGo 简介 web 应用安全工具 Burpsuite 简介 SQLMap webshell 管理工具 蚁剑 冰蝎 后…

定个小目标之每天刷LeetCode热题(3)

这是一道简单题&#xff0c;我这里就只讲两种解法 第一种是数组加双指针&#xff0c;先遍历链表将值存到数组里&#xff0c;然后分别从数组两端进行一一比较判断是否满足回文&#xff0c;代码实现 class Solution {public boolean isPalindrome(ListNode head) {List<Inte…

88.合并两个有序数组

题目解析&#xff1a; 非递减顺序说明&#xff0c;是递增的数列。m 、n分别表示数列1 和 数列2中元素的个数&#xff0c;但是要注意的是&#xff0c;数列1的长度的是mn&#xff0c;不单纯的只是m&#xff0c;所以这里的m的含义需要特别注意。 这道题意思就是说&#xff0c;把列…

工控一体机10.1寸显示器电容触摸屏(YA07JK)产品规格说明书

如果您对工控一体机有任何疑问或需求&#xff0c;或者对如何集成工控一体机到您的业务感兴趣&#xff0c;可移步控芯捷科技。 一、硬件功能介绍 1.1 YA07JK介绍 YA07JK 是我公司推出的一款新型安卓屏&#xff0c;使用电容触摸屏。4 核 Cortex-A7 架构&#xff0c;主频1.2GHz …

STM32——启动文件选择及启动文件宏定义

文章目录 前提&#xff1a;以STM32F1xx系列芯片为例&#xff08;有方法&#xff0c;其他系列一样&#xff09;启动文件选择对应启动文件的寻找方法对应宏定义#define的寻找方法另外 前提&#xff1a;以STM32F1xx系列芯片为例&#xff08;有方法&#xff0c;其他系列一样&#x…

【YOLOv10的使用】YOLOv10的训练/验证/预测/导出模型/ONNX模型的使用

&#x1f680;&#x1f680;&#x1f680; YOLOv10: 实时端到端的目标检测 性能 YOLOv10比最先进的YOLOv9延迟时间更低&#xff0c;测试结果可以与YOLOv9媲美&#xff0c;可能会成为YOLO系列模型部署的“新选择”。 目录 1 安装 2 训练 3 验证 4 预测 5 导出模型 6 ONNX…

Ubuntu20.04升级到22.04之后出现的问题

项目场景&#xff1a; 之前一致使用的是Ubuntu20.04&#xff0c;虽然丑了点&#xff0c;但是用着没什么问题&#xff0c;最近没能按捺住好奇心&#xff0c;升级到了22.04&#xff0c;升级后颜值有所提高&#xff0c;但是也带来了一些问题。 从20.04升级到22.04&#xff0c;起始…

PG TOAST技术

1.Toast简介&#xff1a; Toast是超长字段在PG的一个存储方式&#xff0c;对于用户来说不用关注这一技术的实现&#xff0c;完全是透明的&#xff0c;它会将大字段值压缩或分散为多个物理行来存储&#xff0c;与Oracle的CLOB&#xff0c;BLOB类似。 2.Toast的存储方式&#xf…

基于STM32实现智能水下机器人控制系统

目录 引言环境准备智能水下机器人控制系统基础代码示例&#xff1a;实现智能水下机器人控制系统 电机控制深度传感器数据读取IMU传感器数据读取用户界面与显示应用场景&#xff1a;水下探测与环境监测问题解决方案与优化收尾与总结 1. 引言 本教程将详细介绍如何在STM32嵌入式…

【教程】利用API接口添加本站同款【每日新闻早早报】-每天自动更新,不占用文章数量

本次分享的是给网站添加一个每日早报的文章&#xff0c;可以看到本站置顶上面还有一个日更的日报&#xff0c;这是利用ALAPI的接口完成的&#xff01;利用接口有利也有弊&#xff0c;因为每次用户访问网站的时候就会增加一次API接口请求&#xff0c;导致文章的请求会因为请求量…

Java基础-注解

注解本质是继承了Annotation接口的一个接口 首先&#xff0c;我们通过键值对的形式可以为注解属性赋值&#xff0c;像这样&#xff1a;Hello&#xff08;value “hello”&#xff09;。 接着&#xff0c;你用注解修饰某个元素&#xff0c;编译器将在编译期扫描每个类或者方…