调试javascirpt

简介: 调试javascirpt

我们日常在编程的过程中调试是不可避免的,学会调试也是作为开发需要掌握的必备技能。那如何调试js呢?

在浏览器中打开你需要调试的页面,按下F12,就会打开开发者工具

我这个现在是左右结构的,使用起来不是特别方便,我们可以点击三个点的图标

可以修改一下布局

调试的时候先需要切换到source页签,这样就会显示源代码

左侧的page是列出了目前网页加载的源文件,包括html、css、js、图片等素材,可以选中其中的js

中间部分就显示了js的源代码,可以在代码的行号旁边点击一下鼠标左键,就打了一个断点。

所谓的断点就是程序执行的时候会停在当前的位置,在右边就可以观察变量的值,程序的执行范围

在console中我们可以输入语句用来执行对应的代码

相关文章
|
XML Android开发 数据安全/隐私保护
Android DEX加壳
1. APP加固 1). 原理 图1.png 加密过程的三个对象: 1、需要加密的Apk(源Apk) 2、壳程序Apk(负责解密Apk工作) 3、加密工具(将源Apk进行加密和壳Dex合并成新的Dex) 2). DEX头内容 图2.png 需要关注的字段: checksum 文件校验码 ,使用alder32 算法校验文件除去 maigc ,checksum 外余下的所有文件区域 ,用于检查文件错误 。
2384 0
|
安全 Shell Linux
【Shell 命令集合 系统管理 】Linux 以超级用户(root)的身份执行特权命令 sudo命令 使用指南
【Shell 命令集合 系统管理 】Linux 以超级用户(root)的身份执行特权命令 sudo命令 使用指南
636 1
|
5月前
|
人工智能 自然语言处理 安全
如何让 AI 工具更懂你,更听话?
你是否也曾被AI“气到吐血”?明明说的是A,AI却给了B?别沮丧,2025年的AI也需要“正确沟通”。本文教你五大提示技巧:动态提示、多模态输入、Few-shot示例、任务分解与安全边界,让AI从“人工智障”变身“贴心助手”。学会“说AI的语言”,释放创造力,提升效率,开启智能生活新时代!
1451 0
|
存储
Ceph Reef(18.2.X)的CephFS高可用集群实战案例
这篇文章是关于Ceph Reef(18.2.X)版本中CephFS高可用集群的实战案例,涵盖了CephFS的基础知识、一主一从架构的搭建、多主一从架构的配置、客户端挂载方式以及fuse方式访问CephFS的详细步骤和配置。
415 3
Ceph Reef(18.2.X)的CephFS高可用集群实战案例
|
10月前
|
人工智能 Java 程序员
一文彻底搞定HarmonyOS NEXT中的属性动画
本文介绍了HarmonyOS中的属性动画,通过改变UI属性(如宽度、高度、颜色等)实现平滑过渡效果,提升用户体验。代码示例展示了如何声明状态变量、设置动画属性并触发动画,支持无限循环和加载时自动启动动画。旨在帮助开发者更好地掌握属性动画的应用。
311 5
一文彻底搞定HarmonyOS NEXT中的属性动画
|
监控 关系型数据库 MySQL
如何升级MySQL数据库?
【10月更文挑战第16天】如何升级MySQL数据库?
|
存储 JSON 数据库
使用Flask构建简单的Web应用
使用Flask构建简单的Web应用
274 3
|
Java 数据库连接 数据库
Spring高手之路14——深入浅出:SPI机制在JDK与Spring Boot中的应用
Spring Boot不仅是简化Spring应用开发的工具,它还融合了许多先进的机制。本文深入探讨了Spring Boot中与Java的标准SPI相似的机制,揭示了它的工作原理、应用场景及与标准SPI的异同。文章通过实际代码示例为你展示了如何在Spring Boot中使用这一机制,并以形象的比喻帮助你理解其背后的思想。
832 0
Spring高手之路14——深入浅出:SPI机制在JDK与Spring Boot中的应用
|
运维 程序员 测试技术
Gitlab上手指南(二)|大多数企业为什么会使用Gitlab,Gitlab工作流是什么样的?
GitLab拥有与Github类似的功能,能够浏览源代码,管理缺陷和注释。可以管理团队对仓库的访问,它非常易于浏览提交过的版本并提供一个文件历史库
1000 0

热门文章

最新文章