Chrome浏览器web调试（js调试、css调试、篡改前置）
目录
1. 打开开发者工具（Dev Tool）
2. 打开命令菜单
截图
3. 面板介绍
4. CSS调试
右键检查快速到达元素处
查找DOM数
利用面板Console查找DOM节点
内置函数查找上一个选择点击的元素
5. 调试JS代码（Javascript调试）
日志调试
选择查看日志等级
眼睛观测变量
实例
设置 debugger;
点击单步调试
打开折叠后折叠掉不想看的无关函数
监视变量
属性暂停
页面事件监听断点，鼠标被点击断点
Vue里监听事件
6. 面板 Network
Preserve log 获取跳转历史
Disable cache 去掉缓存
No throttling 模拟用户网络
修改一些浏览器型号、头灯
导入导出访问时的网络问题
7. 面板 Applocation（存储数据查看）
教程地址
1. 打开开发者工具（Dev Tool）
Windows：F12
Mac：fn + F12
2. 打开命令菜单
Windows：Ctrl + Shift + p
Mac：Command + Shift + p
截图
screenshot
3. 面板介绍
相关文章：
Chrome浏览器web调试（js调试、css调试、篡改前置）
目录 1. 打开开发者工具（Dev Tool） 2. 打开命令菜单 截图 3. 面板介绍 4. CSS调试 右键检查快速到达元素处 查找DOM数 利用面板Console查找DOM节点 内置函数查找上一个选择点击的元素 5. 调试JS代码（Javascript调试） 日志调试 选择查看日志等级 眼睛观测变量 …...
【Java】Logbook优化接口调用日志输出，优雅！
logbook 简介 很多人可能没有接触过 logbook，但它的确是一个很好用的日志框架。引用官网的介绍 Logbook 是一个可扩展的 Java 库，可以为不同的客户端和服务器端技术启用完整的请求和响应日志记录。它通过以下方式满足了特殊需求： 允许 Web 应…...
LabVIEW电压电流实时监测系统
开发了一种基于LabVIEW和研华（Advantech）数据采集卡的电压电流实时监测系统，通过高效的数据采集和处理，为工业和科研用户提供高精度、实时的电压电流监测解决方案。系统采用研华USB-4711A数据采集卡，结合LabVIEW编程环…...
骁龙相机拍照流程分析
和你一起终身学习，这里是程序员Android 经典好文推荐，通过阅读本文，您将收获以下知识点: 1.deliverInputEvent 拍照点击事件处理 2.submitRequestList Camera 提交拍照请求 3.createCaptureRequest 拍照请求帧数 骁龙相机通过binder 数据传输…...
sql-语句
文章目录 SQL语句的学习sql是什么sql的内置命令sql的种类sql mode库，表属性介绍：字符集，存储引擎列的数据类型：数字，字符串，时间列的约束DDL: 数据定义语言库表 Online DDL(ALGORITHM) *DML :数据操纵语言资…...
解决Vue3项目中跨域问题的步骤
决Vue3项目中跨域问题的步骤可以按照以下方式清晰地分点表示和归纳： 1. 使用代理服务器（Proxy） 步骤： 在Vue项目的根目录下找到或创建vue.config.js文件。在vue.config.js中配置devServer的proxy选项。设定需要代理的接口前缀&a…...
macos scroll direction
If there is no Trackpad option, we can change it in the Mouse option. How to Change the Scroll Direction on a Mac: 2 Ways...
Websocket实现方式二——注解方式
添加Websocket依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId> </dependency>根据ServerEndpoint注解注册Websocket Configuration public class AgentWsConfig …...
零基础开始学习鸿蒙开发-页面导航栏布局设计
目录 1.设定初始页(Idex.ets) 2.自定义首页组件 3.自定义发现页面组件 4.自定义设置页面组件 总结:主要是运用 了Tabs组件对导航栏进行布局，然后运用BottomTabBarStyle组件嵌套图标和文字，完成导航栏的制作。 1.设定初始页(Idex.ets) import {find}…...
【Hive中常见的优化手段----数据采集！Join 优化！Hive索引！数据倾斜！mapreduce本地模式！map和reduce数量调整！】
前言： 💞💞大家好，我是书生♡，今天主要和大家分享一下Hive中常见的优化手段----数据采集！常见的Join 优化有哪几种！什么是Hive索引！数据怎么发生倾斜！什么是mapreduce的本…...
【面试系列】软件工程师高频面试题及详细解答
欢迎来到我的博客，很高兴能够在这里和您见面！欢迎订阅相关专栏： ⭐️ 全网最全IT互联网公司面试宝典：收集整理全网各大IT互联网公司技术、项目、HR面试真题. ⭐️ AIGC时代的创新与未来：详细讲解AIGC的概念、核心技术、…...
Qt开发 | Qt界面布局 | 水平布局 | 竖直布局 | 栅格布局 | 分裂器布局 | setLayout使用 | 添加右键菜单 | 布局切换与布局删除重构
文章目录 一、Qt界面布局二、Qt水平布局--QHBoxLayout三、Qt竖直布局四、Qt栅格布局五、分裂器布局代码实现六、setLayout使用说明七、布局切换与布局删除重构1.如何添加右键菜单2.布局切换与布局删除重构 一、Qt界面布局 Qt的界面布局类型可分为如下几种 水平布局（…...
LW-DETR: A Transformer Replacement to YOLO for Real-Time Detection
LW-DETR: A Transformer Replacement to YOLO for Real-Time Detection 论文链接：http://arxiv.org/abs/2406.03459 代码链接：https://github.com/Atten4Vis/LW-DETR 一、摘要 介绍了一种轻量级检测变换器LWDETR，它在实时物体检测方面超越…...
前端技术(二)——javasctipt 介绍
一、javascript基础 1. javascript简介 ⑴ javascript的起源 ⑵ javascript 简史 ⑶ javascript发展的时间线 ⑷ javascript的实现 ⑸ js第一个代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>…...
FireFox 编译指南2024 Windows10篇-环境准备（一）
1. 引言 在开源浏览器项目中，Firefox因其高性能和灵活性而备受开发者青睐。为了在本地环境中编译和定制Firefox，开发者需要做好充分的环境准备工作。这不仅是编译成功的基础，也是后续调试、优化和二次开发的关键步骤。 编译Firefox是一个复…...
Spring Boot中的热部署配置
Spring Boot中的热部署配置 大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天我们将探讨如何在Spring Boot项目中实现热部署配置，提升开发效率和项…...
用ChatGPT快速打造一个专业WordPress网站
作为一个使用HostEase多年的老用户，我想和大家分享一下如何利用HostEase和ChatGPT快速构建一个WordPress网站的经验。这不仅仅是一个简单的操作步骤，更是一次从零到有的实战经历。希望我的分享能给你们带来一些实用的帮助。 获取主机服务和域名 首先&a…...
dsp入门
安装环境 安装 ccs5.5安装 BIOS-MCSDK 多核软件开发包安装 仿真器驱动 工程创建与导入工程 创建工程 创建工程填信息添加.cmd文件，配置内存编译 导入工程 导入 配置工程 选择properties 环境变量 头文件 库文件 仿真器 添加仿真器 先调出仿真器界面创建仿…...
Java并发编程-Atomiclnteger、LongAdder等原子类的使用及案例实战
文章目录 i++和Atomiclnteger之间的差别分析以及使用介绍i++AtomicInteger使用介绍i++ 示例AtomicInteger 示例总结Atomiclnteger中的CAS无锁化原理和思路介绍CAS 原理AtomicInteger 的 CAS 应用无锁化思路Atomiclnteger源码剖析:仅限JDK内部使用的Unsafe类`Unsafe` 类的关键作…...
九浅一深Jemalloc5.3.0 -- ②浅*size class
目前市面上有不少分析Jemalloc老版本的博文，但5.3.0却少之又少。而且5.3.0的架构与之前的版本也有较大不同，本着“与时俱进”、“由浅入深”的宗旨，我将逐步分析Jemalloc5.3.0的实现。 另外，单讲实现代码是极其枯燥的，…...
JavaScript——属性的增删改查
目录 任务描述 相关知识 属性的获取 方式一 方式二 属性的修改与新增 删除属性 编程要求 任务描述 Luma Restaurant 以前的财务人员在统计销售额的时候不小心把数据弄错了，现在的财务人员想通过一个 JavaScript 函数方便的修改数据，并署上自己的…...
51单片机第15步_串口多机通讯使用CRC8校验
本章重点介绍串口多机通讯使用CRC8校验。 数据格式:"$123xxxx*crc8\r\n"; 如:"$1234567890ABCDEF*06\r\n" 如:"$1231234567890*31\r\n" crc8是CRC校验值,为十六进制的ASCII码,不包含$和校验值前面的那个* #include <REG51.h> //包含…...
WPF----进度条ProgressBar（渐变色）
ProgressBar 是一种用于指示进程或任务的进度的控件，通常在图形用户界面（GUI）中使用。它提供了一种视觉反馈，显示任务的完成程度，帮助用户了解任务的进展情况。 基本特性 Minimum 和 Maximum 属性： 这些属…...
Apipost接口测试工具的原理及应用详解（四）
本系列文章简介： 随着软件行业的快速发展，API（应用程序编程接口）作为不同软件组件之间通信的桥梁，其重要性日益凸显。API的质量直接关系到软件系统的稳定性、性能和用户体验。因此，对API进行严格的测试成为…...
【图论】200. 岛屿问题
200. 岛屿问题 难度：中等 力扣地址：https://leetcode.cn/studyplan/top-100-liked/ 问题描述 给你一个由 1（陆地）和 0（水）组成的的二维网格，请你计算网格中岛屿的数量。 岛屿总是被水包围&…...
AI学习指南机器学习篇-随机森林的优缺点
AI学习指南机器学习篇-随机森林的优缺点 引言 机器学习是人工智能领域的重要分支，其中随机森林(Random Forest)算法以其高性能和广泛应用而备受瞩目。然而，就像任何其他算法一样，随机森林也有其优缺点。本文将深入探讨随机森林算法的优势和…...
基于boost::beast的http服务器（上）
文章目录 1.beast网落库介绍2.相关类及api3.异步读写的处理3.1异步写案例3.2异步读案例 1.beast网落库介绍 Beast网络库是一个基于Boost库的C网络库，特别用于开发高性能的网络应用程序。它提供了一组易于使用的API，主要用于处理HTTP和WebSocket协议&…...
深度学习之近端策略优化（Proximal Policy Optimization，PPO）
PPO（Proximal Policy Optimization，近端策略优化）是深度强化学习中的一种算法，属于策略梯度方法中的一种。PPO通过优化策略来最大化累积奖励，具有稳定性好、易于调参等优点，是目前广泛应用的一种深度强化学习算法。下面介绍PPO的基本原理和流程。 PPO基本原理 PPO算法的…...
用pycharm进行python爬虫的步骤
使用 pycharm 进行 python 爬虫的步骤：下载并安装 pycharm。创建一个新项目。安装 requests 和 beautifulsoup 库。编写爬虫脚本，包括获取页面内容、解析 html 和提取数据的代码。运行爬虫脚本。保存和处理提取到的数据。 用 PyCharm 进行 Python 爬虫的…...
重写功能 rewrite
Nginx服务器利用 ngx_http_rewrite_module 模块解析和处理rewrite请求，此功能依靠 PCRE(perl compatible regular expression)，因此编译之前要安装PCRE库，rewrite是nginx服务器的重要功能之 一，用于实现URL的重写，URL的…...
ISO19110操作要求类中/req/operation/operation-attributes的详细解释
/req/operation/operation-attributes 要求: 只有要素属性（feature attributes）可以通过‘observesValueOf’、‘triggeredByValuesOf’或‘affectsValuesOf’关联角色与要素操作（feature operations）关联。 具体解释 定义 要…...
访客(UV)、点击量(PV)、IP、访问量(VV)概念
1、https://www.cnblogs.com/QingPingZm/articles/13855808.htmlhttps://www.cnblogs.com/QingPingZm/articles/13855808.html...
C++系统编程篇——Linux第一个小程序--进度条
（1）先引入一个概念：行缓冲区 \r和\n \r表示回车 \n表示回车并换行 ①代码一 #include<stdio.h> #include<unistd.h> int main()…...
一个中文和越南语双语版本的助贷平台开源源码
一个中文和越南语双语版本的助贷平台开源源码。后台试nodejs。 后台 代理 前端均为vue源码，前端有中文和越南语。 前端ui黄色大气，逻辑操作简单，注册可对接国际短信，可不对接。 用户注册进去填写资料，后台审批&…...
【游戏引擎之路】登神长阶（五）
5月20日-6月4日：攻克2D物理引擎。 6月4日-6月13日：攻克《3D数学基础》。 6月13日-6月20日：攻克《3D图形教程》。 6月21日-6月22日：攻克《Raycasting游戏教程》。 6月23日-6月30日：攻克《Windows游戏编程大师技巧》。 …...
FireAct：使用智能体（agent）微调大语言模型
1.概述 近年来，针对语言模型（LMs）的研究致力于探索其与外部工具或环境互动的能力，以推进新型语言代理的发展。此类代理具备从环境反馈中汲取新知识、通过语言推理进行连续决策，以及借助自我反思提升任务解决能力的能力。工业界的进展，如ChatGPT插件，凸显了语言代理在实际…...
20240626让飞凌的OK3588-C开发板在相机使用1080p60分辨率下预览
20240626让飞凌的OK3588-C开发板在相机使用1080p60分辨率下预览 2024/6/26 15:15 4.2.1 全编译测试 在源码路径内，提供了编译脚本 build.sh，运行该脚本对整个源码进行编译，需要在终端切换到解压 出来的源码路径，找到 build.sh 文件…...
python数据分析——数据分类汇总与统计
数据分类汇总与统计 前言一、Groupby分类统计语法按列分组示例一示例二示例三 遍历各分组示例 使用字典和Series分组示例 使用函数分组示例 二、数据聚合groupby的聚合函数示例一示例二 逐列及多函数应用示例一示例二 返回不含行索引的聚合数据示例 三、一般性的“拆分-应用-合…...
iOS17系统适配
iOS17 新功能 文章目录 iOS17 新功能iOS17支持哪几款机型Xcode15新特性iOS17-开发适配指南 横屏待机 在iOS 17中，还带来了横屏待机功能，苹果将这个新功能命名为“Standby”模式，为 iPhone 带来了全新的玩法。iPhone启用之后，默认情…...
树洞陪聊陪玩交友程序系统源码,解锁交友新体验
在繁忙的都市生活中，你是否渴望找到一片属于自己的秘密花园，倾诉心声、分享快乐？今天，就让我带你走进这片名为“树洞”的神秘之地，感受陪聊陪玩交友的全新魅力！ 🌳树洞陪聊陪玩交友程序系统 你…...
区间动态规划——最长回文子序列长度（C++）
把夜熬成粥，然后喝了它。 ——2024年7月1日 书接上回：区间动态规划——最长回文子串（C）-CSDN博客，大家有想到解决办法吗？ 题目描述 给定一个字符串s（s仅由数字和英文大小写字母组成࿰…...
无人机远程控制：北斗短报文技术详解
无人机（UAV）技术的快速发展和应用，使得远程控制成为了一项关键技术。无人机远程控制涉及无线通信、数据处理等多个方面，其中北斗短报文技术以其独特的优势，在无人机远程控制领域发挥着重要作用。本文将详细解析无人机远…...
240627_关于CNN中图像维度变化问题
240627_关于CNN中图像维度变化问题 在学习一些经典模型时，其中得维度变化关系总搞不太明白，集中学习了以下，在此作以梳理总结： 一般来说涉及到的维度变换都是四个维度，当batch size4，图像尺寸为640*640&a…...
食品行业怎么用JSON群发短信
食品作为日常生活不可缺少的元素，市场需求是很稳定的，但是份额就那么多，商家都要来抢占的话，就需要运营推广各凭本事，市场运营中选择合适的推广方式，可以增加店铺销售额，很多实体店或商城都会建…...
MySQL高级-MVCC-隐藏字段
文章目录 1、介绍2、测试2.1、进入服务器中的 /var/lib/mysql/atguigu/2.2、查看有主键的表 stu2.3、查看没有主键的表 employee2.3.1、创建表 employee2.3.2、查看表结构及其其中的字段信息 1、介绍 ---------------- | id | age | name | ---------------- | 1 | 1 | Js…...
探索PcapPlusPlus开源库：网络数据包处理与性能优化
文章目录 0. 本文概要1. PcapPlusPlus介绍1.1 概述1.2主要特性和功能1.3 PcapPlusPlus 主要模块关系和依赖1.4 网络协议层处理过程 2. 实例2.1 基于 PcapPlusPlus 的应用程序设计和封装流程：2.2 多线程示例代码2.3 代码说明： 3. 程序性能进一步优化3.1 避…...
深入理解SSH：网络安全的守护者
在当今数字化时代，网络安全已成为全球关注的焦点。随着网络攻击手段的不断升级，保护数据传输的安全性变得尤为重要。SSH（Secure Shell）作为一种安全的网络协议，为远程登录和网络服务提供了强大的安全保障，成…...
DDD学习笔记四
领域模型的构建 基础领域模型的基本组成有名称、属性、关联、职责、事件和异常 发掘领域概念3种策略： 1）学习已有系统，重用已有模型 2）使用分类标签。分类标签来源于领域，需要我们研究一些资料并做一些提炼。从采用5W…...
Head First设计模式中的典型设计模式解析与案例分析
Head First设计模式中的典型设计模式解析与案例分析 大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！ 《Head First设计模式》是一本广受欢迎的书籍，…...
iptables 防火墙（一）
iptables 防火墙（一） 一、Linux 防火墙基础防火墙分类 二、iptables 的表、链结构规则表规则链数据包过滤的匹配流程 三、编写防火墙规则iptables 的安装iptables的基本语法规则的匹配条件通用匹配隐含匹配显式匹配 四、总结 在网络安全的世界里…...
老年生活照护实训室：让养老护理变得更简单
在人口老龄化日益严重的今天，养老问题成为了社会关注的焦点。如何让老年人过上幸福、安康的晚年生活，成为了摆在我们面前的一道难题。老年生活照护实训室的应运而生，为养老服务行业提供了一个学习、交流和实践的平台，让养老护理变…...
VScode Python debug：hydra.run.dir 写入launch.json
记录一个debug时的经验： VS code extension名称版本Pythonv2024.8.1Python Debuggerv2024.6.0 我配置的project运行 train.py 时需要在 terminal 输入参数 hydra.run.dirxxx 我想用 vscode debug 查看内部代码，按以往的经验需要将args写入launch.json&…...
随想录总结 Day 77
随想录总结 Day 77 回忆75天的做题时间，差点没坚持下来的有两个时间点，一个是在前20天，很多时候二叉树这种基础题，前中后序列遍历之类的。基础，但真正写一遍，每道题又有多种写法。花了很长时间但是也就是一…...
Python学习打卡：day16
day16 笔记来源于：黑马程序员python教程，8天python从入门到精通，学python看这套就够了 目录 day16116、SQL 基础和 DDLSQL的概述SQL语言的分类SQL的语法特征DDL — 库管理DDL — 表管理 117、SQL — DMLDML概述数据插入 INSERT数据删除 DEL…...
前后端防重复提交
数据重复提交是一个大忌，会带来无效数据，应该在前端和后端都建议检测防范。 前端一般是按钮按下触发数据提交，如果用户鼠标操作习惯不好，或者鼠标或系统设置问题会导致鼠标连击，如果前端不做相关处理，可能会…...
WebDriver API
WebDriver API 是一组允许程序控制和自动化Web浏览器的接口，它是Selenium框架的一部分。Selenium 是一个广泛使用的开源自动化测试工具，用于Web应用程序的自动化测试。WebDriver API 提供了与浏览器进行交互的能力，支持多种浏览器，…...
五菱高管发文“明年更卷”，消费者：车市越卷，我越幸福
日前，上汽通用五菱品牌事业部副总经理周钘在社交平台上发文称，“2024年初至今，宝骏停掉了所有的市场费用。企业认为如果产品、市场、渠道三者节奏都不对则是‘白费’”，“虽然今年行业确实卷，明年会更卷，但我们所有准备”。周钘从车企的角度，说出了车市竞争的残酷。不仅…...
性能强硬+配置更新五十铃纯电版D-MAX或将于2025年上市
近日，五十铃在泰国曼谷国际汽车展览会前发布了D-MAX BEV原型车。据悉，五十铃曾计划到2030年在全球推出多款电动车型，涵盖皮卡、SUV、客车等多个细分市场。本次即将登场的D-MAX BEV则是五十铃计划里的首款纯电动皮卡。根据此前公布的信息，D-MAX BEV虽然是一款纯电皮卡，但其…...
嘉兴燃气09908与嘉兴管网公司订立天然气供应框架协议
智通财经APP讯，嘉兴燃气发布公告，于2024年5月23日，该公司(作为供应商)与嘉兴管网公司作为(作为买方)订立天然气供应框架协议。根据天然气供应框架协议，嘉兴管网公司与该公司可不时就该公司于2024年5月23日至2027年3月31日期间向嘉兴管网公司供应天然气订立最终协议，惟须遵…...
【Go】Swagger v2 转 OpenApi v3 CLI - swag2op
写这个工具的原因，也是受万俊峰老师的启发，他把工作中重复的事情，整合到一个工具，然后开源，这件事很赞。 swag2op 在 【Go】Go Swagger 生成和转 openapi 3.0.3 这篇文档，主要是对 swagger 如何生成&#…...
docker mqqt 安装
安装 cd /data/mqqt/ 目录准备 mkdir /data/mqqt/mosquitto/config/ #vim Dockerfile # 使用官方Eclipse Mosquitto镜像作为基础镜像 FROM eclipse-mosquitto:latest # 复制配置文件到容器内 COPY mosquitto.conf /data/mqqt/mosquitto/config/mosquitto.conf# 暴露默认的M…...
04_前端三大件JS
文章目录 JavaScript1.JS的组成部分2.JS引入2.1 直接在head中通过一对script标签定义脚本代码2.2创建JS函数池文件，所有html文件共享调用 3.JS的数据类型和运算符4.分支结构5.循环结构6.JS函数的声明7.JS中自定义对象8.JS_JSON在客户端使用8.1JSON串格式8.2JSON在前…...