正则表达式测试工具
前言
正则表达式测试工具可供您输入正则表达式和测试文本，立即查看匹配结果.
下面是离线的HTML文件,同样可以提供相同的服务.
目录
使用说明
HTML代码
正则表达式的编写经验和方法
总结
使用说明
1.先将HTML代码存储成.html为后缀的文件;
2.然后用浏览器打开这个html文件;
3.按照页面显示,分别输入测试的字符串,正则表达式和特定选项;
4.特定选项： 全局搜索(返回多个匹配结果) 忽略大小写
5.点击<测试>按钮,将出现匹配结果.
HTML代码
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><style>body {font-family: Arial, sans-serif;background-color: #f4f4f4;}h2 {color: #333;margin-bottom: 20px;}label {display: block;margin-top: 10px;font-weight: bold;}input[type="text"],textarea {padding: 5px;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;}input[type="checkbox"] {margin-top: 10px;}button {padding: 10px 20px;background-color: #4CAF50;color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;}button:hover {background-color: #45a049;}#regex {width: 1000px;height: 80px;border: 1px solid #ccc;border-radius: 5px;padding: 5px;font-size: 14px;resize: none;}#testString {width: 1000px;height: 180px;white-space: pre-wrap;border: 1px solid #ccc;border-radius: 5px;padding: 5px;font-size: 14px;resize: none;}#matchResult {width: 1000px;height: 180px;white-space: pre-wrap;border: 1px solid #ccc;border-radius: 5px;padding: 5px;font-size: 14px;resize: none;}</style>
</head><body><h2>正则表达式测试工具</h2><label for="testString">测试字符串：</label><br>
<textarea id="testString"></textarea><br><label for="regex">正则表达式：</label><br>
<input type="text" id="regex"><br><input type="checkbox" id="globalSearch"> 全局搜索
<input type="checkbox" id="ignoreCase"> 忽略大小写<button onclick="testRegex()">测试</button><label for="matchResult">匹配结果：</label><br>
<textarea id="matchResult"></textarea><script>function testRegex() {var regex = document.getElementById("regex").value;var testString = document.getElementById("testString").value;var globalSearch = document.getElementById("globalSearch").checked;var ignoreCase = document.getElementById("ignoreCase").checked;try {var regexOptions = '';if (globalSearch) {regexOptions += 'g';}if (ignoreCase) {regexOptions += 'i';}var regexObj = new RegExp(regex, regexOptions);var matches = testString.match(regexObj);if (matches) {var result = "匹配成功：\n" + matches.length + "个匹配结果\n";for (var i = 0; i < matches.length; i++) {result += matches[i] + "\n";}document.getElementById("matchResult").value = result;} else {document.getElementById("matchResult").value = "匹配失败";}} catch (e) {document.getElementById("matchResult").value = "正则表达式错误: " + e.message;}}</script></body></html>正则表达式的编写经验和方法
- 明确需求：在开始编写正则表达式之前，非常清楚地理解您想要匹配或提取的文本模式。
- 从简单开始：先构建一个简单的表达式来匹配基本的模式，然后逐步增加复杂性和条件。
- 测试样本数据：准备一些包含各种可能情况的测试文本，用它们来验证正则表达式的正确性。
- 利用工具：使用在线正则表达式测试工具或您所使用编程语言的调试工具来实时查看匹配结果。
- 学习基本语法：熟悉常见的元字符（如
.、*、+、?、\d、\w等）、字符类（如[abc]、[0-9]等）、分组（使用括号()）和锚点（如^、$）的用法。- 处理特殊字符：如果要匹配正则表达式中的特殊字符本身（如
$、.等），需要进行转义，例如\.$匹配一个点字符。- 考虑边界情况：思考可能的边界情况，如空字符串、最短匹配与最长匹配等。
- 参考示例和文档：查找相关的正则表达式示例和权威文档，借鉴他人的经验和最佳实践。
- 可读性和注释：对于复杂的正则表达式，添加注释来解释各个部分的作用，以提高可读性和可维护性。
- 调试和优化：如果匹配结果不符合预期，逐步分析和调整表达式，找出问题所在。
总结
编写正则表达式,有常见的模式,可以直接参考我发的其它文章,介绍了几种经常用到的正则表达式.除此之外,借助这个测试工具,快速验证正则表达式的正确性.
相关文章：
正则表达式测试工具
前言 正则表达式测试工具可供您输入正则表达式和测试文本，立即查看匹配结果. 下面是离线的HTML文件,同样可以提供相同的服务. 目录 使用说明 HTML代码 正则表达式的编写经验和方法 总结 使用说明 1.先将HTML代码存储成.html为后缀的文件; 2.然后用浏览器打开这个…...
Github 2024-08-02 开源项目日报 Top9
根据Github Trendings的统计，今日(2024-08-02统计)共有9个项目上榜。根据开发语言中项目的数量，汇总情况如下： 开发语言项目数量Python项目4Go项目1C项目1Rust项目1Shell项目1Dockerfile项目1TypeScript项目1Dart项目1Docker-OSX: 在Docker容器中运行Mac OS X 创建周期：152…...
重生之我 学习【数据结构之顺序表（SeqList）】
⭐⭐⭐ 新老博友们，感谢各位的阅读观看 期末考试&假期调整暂时的停更了两个多月 没有写博客为大家分享优质内容 还容各位博友多多的理解 美丽的八月重生之我归来 继续为大家分享内容 你我共同加油 一起努力 ⭐⭐⭐ 数据结构将以顺序表、链表、栈区、队列、二叉树…...
前端day4-表单标签
<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>day4-表单</title> </head> <body&g…...
vue3-print-nb 表格打印分页，第一页有空白的情况出现解决方法（两种：一种原生，一种基于element表格）
第一种：基于element表格分页 <template><!-- element分组打印 --><div class"hello"><button v-print"printContent">打印</button><div id"printDiv"><p>工资统计表</p><p>…...
搜维尔科技：借助 Xsens中的远程人体录制功能，可以在任何位置以无限量同时捕捉无限数量演员的身体动作
借助 Xsens中的远程人体录制功能，可以在任何位置以无限量同时捕捉无限数量演员的身体动作 搜维尔科技：借助 Xsens中的远程人体录制功能，可以在任何位置以无限量同时捕捉无限数量演员的身体动作...
2024/08 近期关于AI的阅读和理解[笔记]
#Cohere 就像商业能力很强的云数仓公司 Snowflake 一样，Cohere 也采用了按需付费模式而不是按月或按年付费，而且它的付费模式很精细。Cohere 按照模型的不同能力，包括文本生成，文本总结，重新排名，文本分类…...
SmartEDA：解锁设计新境界，从工具到灵感的飞跃之旅！
在这个数据驱动的时代，每一次点击、每一次滑动都蕴含着无限的可能与洞察。然而，在众多数据分析工具中，SmartEDA不仅仅是一把解锁数据奥秘的钥匙，它更是一座桥梁，连接着冰冷的数据世界与创意无限的设计灵感之源。今天&a…...
解决Minizip压缩后解压时的头部错误问题
最近，在处理文件压缩的任务时，我遇到了一个有趣的问题。使用Minizip库进行文件压缩后，在解压过程中收到了一个关于"头部错误"的警告。尽管这个警告看似令人担忧，但解压操作最终仍然能够成功完成文件的解压。这引发了我的…...
数据库表水平分割和垂直分割？
0.数据库表的水平分割和垂直分割是两种常见的数据库优化技术，它们分别针对不同的场景和需求进行数据表的拆分。 1. 水平分割（Horizontal Splitting）主要是按照记录进行分割，即不同的记录被分开保存在不同的表中&#x…...
Linux源码阅读笔记18-插入模型及删除模块操作
基础知识 模块是一种向Linux内核添加设备驱动程序、文件系统及其他组件的有效方法，不需要编译新内核 优点 通过使用模块，内核发布者能够预先编译大量驱动程序，而不会致使内核映像的尺寸发生膨胀。内核开发者可以将实验性的代码打包到模块中&a…...
力扣面试经典算法150题：移除元素
移除元素 今日的题目依旧是力扣面试经典算法150题中数组相关的题目：移除元素 题目链接：https://leetcode.cn/problems/remove-element/description/?envTypestudy-plan-v2&envIdtop-interview-150 题目描述 给定一个排序数组 nums 和一个值 val&a…...
java关于前端传布尔值后端接收一直为false问题
前端传值： {"message":"我肚子疼","isChiefComplaint": true }后端接收对象结构体： public class SymptomInquiryDTO {private String message;private boolean isChiefComplaint; }结果后端接收到的值一直是false&…...
工具学习_CVE Binary Tool
1. 工具概述 CVE Binary Tool 是一个免费的开源工具，可帮助您使用国家漏洞数据库（NVD）常见漏洞和暴露（CVE）列表中的数据以及Redhat、开源漏洞数据库（OSV）、Gitlab咨询数据库（GAD&am…...
智观察 | 行业赛道里的AI大模型
“AI改变世界”被炒得热火朝天，结果就换来AI聊天？ 实际上，在日常娱乐之下，AI正在暗暗“憋大招”，深入各行各业，发挥更专业的作用。 自动驾驶 最近“萝卜快跑”霸榜热搜长达一周，让无人驾…...
linux 进程 inode 信息获取
根据端口查找 ss -neltup | grep "$port"根据 pid 查找 ss -neltup | grep "pid$pid"根据 inode 查找 ss -neltup | grep "ino:$inode"根据pid查找进程打开的inode ls -al /proc/$pid/fd查看inode信息 cat /proc/$pid/net/tcp | grep $ino…...
计算机网络-网络层
负责在不同的网络之间转发数据包，基于数据包的 IP地址转发，每个数据包可以按照不同路径传输。网络层不负责丢包重传，以及数据包之间数据顺序的的问题。 网络设备 路由器工作在第三层：网络层，能看到网络层的地址&…...
机器学习:识别AI,GraphRAG,LoRA,线性变换,特征
1.AI识别 1.bitgrit 生成式 AI API 文档 生成式 AI 假图像检测 API 可用于以编程方式检测假图像（即由生成式 AI 创建的图像）。2.X Virality Prediction API 旨在预测推文的潜在病毒式传播力。https://bitgrit.net/api/docs/x_virality_prediction 2.Gr…...
阿里云SMS服务C++ SDK编译及调试关键点记录
一. 阿里云SMS服务开通及准备工作 在阿里云官网上完成这部分的工作 1. 申请资质 个人or企业 我这里是用的企业资质 2. 申请签名 企业资质认证成功后，会自动赠送一个用于测试的短信签名 也可以自己再进行申请，需要等待审核。 3. 申请短信模板 企…...
Flutter 正在迁移到 Swift Package Manager ，未来会弃用 CocoaPods 吗？
什么是 Swift Package Manager ？其实 Swift Package Manager (SwiftPM) 出现已经挺长一段时间了，我记得第一次听说 SwiftPM 的时候，应该还是在 2016 年，那时候 Swift 3 刚发布，不过正式出场应该还是在 2018 年的 Apple…...
C++实现分布式网络通信框架RPC(3)--rpc调用端
目录 一、前言 二、UserServiceRpc_Stub 三、 CallMethod方法的重写 头文件 实现 四、rpc调用端的调用 实现 五、 google::protobuf::RpcController *controller 头文件 实现 六、总结 一、前言 在前边的文章中，我们已经大致实现了rpc服务端的各项功能代…...
【HarmonyOS 5.0】DevEco Testing：鸿蒙应用质量保障的终极武器
——全方位测试解决方案与代码实战 一、工具定位与核心能力 DevEco Testing是HarmonyOS官方推出的一体化测试平台，覆盖应用全生命周期测试需求，主要提供五大核心能力： 测试类型检测目标关键指标功能体验基…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
多模态商品数据接口：融合图像、语音与文字的下一代商品详情体验
一、多模态商品数据接口的技术架构 （一）多模态数据融合引擎 跨模态语义对齐 通过Transformer架构实现图像、语音、文字的语义关联。例如，当用户上传一张“蓝色连衣裙”的图片时，接口可自动提取图像中的颜色（RGB值&…...
基于数字孪生的水厂可视化平台建设：架构与实践
分享大纲： 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年，数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段，基于数字孪生的水厂可视化平台的…...
)
Angular微前端架构：Module Federation + ngx-build-plus (Webpack)
以下是一个完整的 Angular 微前端示例，其中使用的是 Module Federation 和 npx-build-plus 实现了主应用（Shell）与子应用（Remote）的集成。 🛠️ 项目结构 angular-mf/ ├── shell-app/ # 主应用&…...
Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？
在大数据处理领域，Hive 作为 Hadoop 生态中重要的数据仓库工具，其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式，很多开发者常常陷入选择困境。本文将从底…...
CSS设置元素的宽度根据其内容自动调整
width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。 效果对比 默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...
uniapp 字符包含的相关方法
在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。 使用includes()方法 includes()方法用于判断一个字…...
day36-多路IO复用
一、基本概念 （服务器多客户端模型） 定义：单线程或单进程同时监测若干个文件描述符是否可以执行IO操作的能力 作用：应用程序通常需要处理来自多条事件流中的事件，比如我现在用的电脑，需要同时处理键盘鼠标…...