首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2024年必备:每个前端开发者都应掌握的Chrome开发工具调试技巧

例如,当你需要快速获取DOM检视器中选中的元素,你可以使用这些快捷工具,而不是进行繁琐的鼠标点击或长代码输入。...这在默认情况下控制台以HTML代码形式打印元素,打印DOM元素属性非常有用: 类似地,使用 table 函数可以调用 console.table 方法,对数据进行表格化显示,这对于查看数组或对象集合特别有用...inspect 函数可以帮助你导航到特定函数,并在控制台上打印该函数的源代码: inspect(genArr) 同样地,你也可以使用 inspect 函数来检查DOM元素。...对于初学者来说,掌握如何在控制台中处理事件将是提升他们Web开发技能的关键步骤。 $_ 变量 Chrome控制台中的快捷变量和函数是调试网页应用时的强大工具。...这在调试非常方便,尤其是当你需要快速访问或修改DOM元素的属性

35210

Node.js 项目调试指南

--enable-source-maps:在使用 TypeScript 等转译器启用 SourceMap --throw-deprecation: 使用不推荐使用的功能抛出错误 --inspect...watch ('x') 查看变量值 使用 setBreakpoint()/sb() 命令设置断点(或者你也可以插入 debugger; 语句) 重新启动脚本 .exit 退出调试器 这听起来确实有点笨拙...--inspect=0.0.0.0:9229 index.js 您可以使用 --inspect-brk 替代 --inspect停止第一个语句的处理,这样你就可以逐行执行。...如果你正在运行一个 Web 应用,可以在浏览器中打开它,VS Code 会在遇到断点或 debugger 语句停止执行: VS Code 调试类似于带有 Variables、Watch、Call stack...Loaded Scripts 面板显示应用程序加载的脚本,可能也包括 Node.js 内部的脚本。

50520
您找到你想要的搜索结果了吗?
是的
没有找到

springboot第59集:面试官万字挑战,一文让你走出微服务迷雾架构周刊

并发修改异常: 当一个线程正在对 ArrayList 进行修改操作(添加、删除元素,另一个线程也同时对 ArrayList 进行修改操作,可能会导致并发修改异常(ConcurrentModificationException...        System.out.println("ConcurrentHashMap: " + concurrentHashMap);     } } 当需要在多线程环境中操作,可以使用线程安全的...firewalld.service 关闭开机自启动 systemctl disable firewalld.service 查看已开放端口 firewalld-cmd --list-ports 开放端口(永久有效)(需要重新加载防火墙...public --add-port=端口/tcp --permanent => firewalld-cmd --zone=public --add-port=8080/tcp --permanent 重新加载防火墙...查看容器内部细节 docker inspect 容器id 查看所有卷情况 docker volume ls 查看某个卷 docker volume inspect 卷名 => docker volume

9010

【趣学程序】Docker之Docker的常用命令

因此,当新建一个容器,docker不需要和虚拟机一样重新加载一个操作系统内核。...然而避免引寻、加载操作系统内核返个比较费时费资源的过程,当新建一个虚拟机时,虚拟机软件需要加载Guest OS,返个新建过程是分钟级别的。...; -t:为容器重新分配一个伪输入终端,通常与 -i 同时使用; -P: 随机端口映射; -p: 指定端口映射,有以下四种格式...docker restart 容器ID或者容器名 停止容器 docker stop 容器ID或者容器名 强制停止容器 docker kill 容器ID或者容器名 删除已停止的容器...version information # 查看 docker 版本号 wait Block until a container stops, then print its exit code # 截取容器停止的退出状态值

43720

Docker的各种有用命令

昨天我们知道了如何在服务器上部署自己的微服务的项目,但是对于很多命令,有小伙伴们就开始疑惑了,命令那么多,我到底应该怎么知道哪些是自己可能会用到的,而且也想了解一下这个命令都是用来做什么的,今天了不起就来给大家伙说说这个...docker inspect [container_id] :显示一个容器的详细信息。...不错,我们先通过ps看到了我们的test 容器,这时候,我们需要去停止这个容器,这时候就是执行了stop的命令,直接停止了,然后再次查看的时候,已经只有 mysql 的存在了。...这两个命令也是我们在部署的时候会经常用到的,因为我们在在做了新的需求之后,就肯定需要部署新的服务包,这个时候,就需要重新打包镜像了,删除容器和删除镜像都需要使用到了。...docker load < [file.tar] :从tar文件中加载镜像。 docker tag [image_name] [new_image_name] :创建一个新的镜像标签。

16130

调试移动端的三种方法

我们在开发手机版网页的时候,常常会出现下面的情景: * 开发,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log… *上线后,某用户表示页面失灵,但我们自己又重现不出来...2 System面板:“系统”面板,vConsole会自动将一些基础信息(系统版本)打印出来,方便开发者定位问题。...tool:指定要初始化哪些面板,默认加载所有。...Resources面板:查看并清除localStorage、sessionStorage及cookie;查看页面加载脚本及样式文件;查看页面加载图片。 ?...第二步:用USB数据线连接设备,驱动装好连接成功后,你可能会在设备上看到一个弹框请求允许使用这台计算机通过usb调试 第三步:直接在浏览器地址栏输入chrome://inspect 或者about:inspect

2.2K30

react 基础操作-语法、特性 、路由配置

当状态变量的值发生改变,组件将会重新渲染并展示最新的值。...当点击按钮,handleClick 函数会通过调用 setCount 函数来更新 count 的值,从而触发组件的重新渲染。...如果你想要完全阻止事件的默认行为和冒泡,可以使用 event.preventDefault() 方法,它会取消事件的默认行为并停止事件在整个 DOM 树中的传播。...副作用函数在组件加载后执行,并且可以执行异步操作、数据获取等。上面的示例中,我们使用 useEffect 来获取数据,并将数据保存在状态变量 data 中。...具体使用哪些组件,取决于你的需求和项目的路由配置。 需要注意的是,React Router v6 的 API 和用法与之前的版本( v5)有很大的变化。

21220

gstramer(二) 重要工具

一.gst-inspect查看插件或者元素 1) 查看所有元素     gst-inspect 2 )....查看并过滤相关元素 gst-inspect |finstr xxxx (Windows)   gst-inspect |grep xxxx  (Linux) gst-inspect |findstr...264 可以查到264相关元素264编码器和解码器元素,264的RTP封装和解封元素 3).查看某一个元素 gst-inspect openh264dec 由以上信息可知: openh264dec...,可以自定义元素名字. 4) 查看黑名单元素gst-inspect-1.0.exe  -b 通常某些插件的依赖库不存在,gstreamer会将它列入黑名单,不可使用,通过该命可以追踪某些异常的插件 二...它们就像printf一样可以接受一些参数并且它们是使用默认种类的 4)日志另存为文件,配置环境变量GST_DEBUG_FILE=文件路径 :Set GST_DEBUG_FILE = C:\\test.log

1.5K20

Docker-命令与镜像(二)

; #-t:为容器重新分配一个伪输入终端,通常与 -i 同时使用; #-P: 随机端口映射; #-p: 指定端口映射,有以下四种格式 # ip:hostPort:containerPort #...停止容器 docker stop 容器ID或者容器名 强制停止容器 docker kill 容器ID或者容器名 删除已停止容器 # 删除单个容器 docker rm 容器ID #一次删除多个容器 docker...# 查看 docker 版本号 wait Block until a container stops, then print its exit code # 截取容器停止的退出状态值...这一层与我们典型的Linux/Unix系统是一样的,包含boot加载器和内核。当boot加载完成之后整个内核就都在内存中了,此时内存的使用权已由bootfs转交给内核,此时系统也会卸载bootfs。...特点 Docker镜像都是只读的 当容器启动,一个新的可写层被加载到镜像的顶部。 这一层通常被称作“容器层”,“容器层”之下的都叫“镜像层”。

47720

Docker 常用命令,五大部分,收藏!

创建一个 centos 容器后自动进入容器,当退出容器,容器自动关闭 docker run -it --name=c2 centos:8 # :创建一个后台守护模式的 centos 容器 docker...通常与 -t 同时使用。 -t:为容器重新分配一个伪输入终端,通常与 -i 同时使用。 -d:以守护(后台)模式运行容器。...start 容器名称 # :启动一个名为 c3 的容器 docker start c3 停止容器 # 停止容器 docker stop 容器名称 # 停止一个名为 c3 的容器 docker...stop c3 删除容器 # 删除容器 docker rm 容器名称 # :删除一个名为 c3 的容器 docker rm c3 注意:需要停止容器才能删除。...查看容器信息 # 查看容器信息 docker inspect 容器名称 # :查看一个名为 c3 的容器信息 docker inspect c3 复制容器的文件到主机 docker cp 容器id或容器名称

38400

Chrome Devtools 高级调试指南(新)

、页面加载性能分析、自动化测试 其他:安装扩展插件,AdBlock、Gliffy、Axure等 2....类似的,使用DevTools的工作区设置持久化,将本地的文件夹映射到网络,在chrome开发者功能里面对css 样式的修改,都会直接改动本地文件,页面重新加载使用的资源也是本地资源,达到持久化的效果。...还可以触发事件,暂停播放: ? 此函数还支持第二个参数startNode,该参数指定从中搜索元素的“元素”或Node。此参数的默认值为document 2....给console 编组:console.group() 当你需要将详细信息分组或嵌套在一起以便能够轻松阅读日志,可以使用此功能。...在Chrome地址栏输入:Chrome://inspect ? 正常的话在App中打开WebView,chrome中会监听到并显示你的页面。

2.7K20

【调试】939- 5个Chrome调试混合应用的技巧

,然后重新访问“chrome://inspect/#devices”即可。...使用场景: 只需要查看失败或者符合指定 URL 的请求。 使用方式: 在 Network 面板在 Filter 输入框中,输入各种筛选条件,支持的筛选条件包括:文本、正则表达式、过滤器和资源类型。...四、断点修改代码 在 Sources 面板中,我们可以在需要断点的行数右击,选择“Add conditional breakpoint”,然后在输入框中输入表达式(赋值操作等),后面代码将使用该结果...使用场景: 需要在调试,方便手动修改数据来完成后续调试的时候。 使用方式: 在 Sources 面板中,在需要断点的行数右击,选择“Add conditional breakpoint”。 ?...使用场景: 需要在调试,需要增加自定义断点(如需要拦截 DOM 事件、网络请求等)。

2.1K20

五分钟学K8S系列 - 一万五千字成为docker 的容器管理高手

容器终止:当容器内的应用程序结束或被外部命令终止,容器将停止,Docker 负责清理资源。附加配置选项镜像标签:通过指定完整的镜像名( username/repo:tag)来拉取特定版本的镜像。...▌使用"start"启动容器    docker start 命令用于重新启动一个或多个之前已停止的 Docker 容器。这使得我们可以轻松地将容器从停止状态恢复到运行状态,而无需重新创建它们。 ...通过 docker exec,我们可以灵活地访问和操作容器内部,执行各种命令,而无需停止重新启动容器。...▌使用 docker inspect 查看容器详细信息    docker inspect 命令用于返回 Docker 对象的详细信息,容器、镜像、卷或网络。...通过 docker restart 命令,我们可以方便地重启容器,这在需要重新加载配置或重启服务非常有用。

29720

Docker 常用命令汇总

停止的container可以重新启动并保留原来的修改。...run命令启动参数有很多,以下是一些常规使用说明 当利用 docker run 来创建容器,Docker 在后台运行的标准操作包括: 检查本地是否存在指定的镜像,不存在就从公有仓库下载 利用镜像创建并启动一个容器.../重启container(start/stop/restart 容器可以通过run新建一个来运行,也可以重新start已经停止的container,但start不能够再指定容器启动时运行的指令,因为docker...$ sudo docker attach --sig-proxy=false $CONTAINER_ID 查看image或container的底层信息(inspectinspect的对象可以是image...给镜像打上标签(tag) tag的作用主要有两点:一是为镜像起一个容易理解的名字,二是可以通过docker tag来重新指定镜像的仓库,这样在push自动提交到仓库。

42320

CentOS7.9 下 MySQL 之 PXC 集群部署【Docker+多机多节点】

☞ 创建主节点容器 【192.168.80.221】 注意:在这一步之前,要把 MySQL 数据库停止服务 !...☞ 实际案例演示: 我在退出虚拟机时,习惯先关掉 从机 第二天,重启电脑,打开虚拟机 在其他虚拟机机都运行状态 先进 【主节点】 找到数据卷位置:docker inspect [数据卷名]...hub-mirror.c.163.com","https://mirror.ccs.tencentyun.com","https://ung2thfc.mirror.aliyuncs.com"] } 重新加载配置信息及重启...Docker 服务 # 重新加载某个服务的配置文件 systemctl daemon-reload # 重新启动 docker service docker restart b)....节点操作指令 感觉,用的还挺频繁的,比如节点配置错误,想换名字,删除数据卷都会用到!

2.5K21

SpringCloud(十) - Docker

:以交互模式运行容器,通常与-t同时使用 -t:为容器重新分配一个伪输入终端,通常与-i同时使用 -p:指定端口映射 实例: docker run -itd --name mysql01 -p...3306:3306 mysql:5.7.30 此命令会创建容器,但是启动容器失败,命令不完整,下面实战会重新使用 因为我们服务器上本来就安装有mysql所以需要停止mysql服务 service mysqld...4)ADD只有在build镜像的时候运行一次,后面运行container的时候不会再重新加载了。...注意: 设置了后,后续的RUN命令都可以使用,container启动后,可以通过docker inspect查看这个环境变量,也可以通过在docker run --env key=value设置或修改环境变量...如果不想使用这些缓存镜像,可以在构建指定--no-cache参数,:docker build --no-cache 4.2.1.7 CMD (cmd) 语法: CMD ["executable","

82320
领券