正则表达式测试工具
前言
正则表达式测试工具可供您输入正则表达式和测试文本，立即查看匹配结果.
下面是离线的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…...
【Python】 -- 趣味代码 - 小恐龙游戏
文章目录 文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架 这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...
转转集团旗下首家二手多品类循环仓店“超级转转”开业
6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...
Frozen-Flask ：将 Flask 应用“冻结”为静态文件
Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是：将一个 Flask Web 应用生成成纯静态 HTML 文件，从而可以部署到静态网站托管服务上，如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...
使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装
以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...
linux 下常用变更-8
1、删除普通用户 查询用户初始UID和GIDls -l /home/ ###家目录中查看UID cat /etc/group ###此文件查看GID删除用户1.编辑文件 /etc/passwd 找到对应的行，YW343:x:0:0::/home/YW343:/bin/bash 2.将标红的位置修改为用户对应初始UID和GID： YW3…...
微服务商城-商品微服务
数据表 CREATE TABLE product (id bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT 商品id,cateid smallint(6) UNSIGNED NOT NULL DEFAULT 0 COMMENT 类别Id,name varchar(100) NOT NULL DEFAULT COMMENT 商品名称,subtitle varchar(200) NOT NULL DEFAULT COMMENT 商…...
【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）
1.获取 authorizationCode： 2.利用 authorizationCode 获取 accessToken：文档中心 3.获取手机：文档中心 4.获取昵称头像：文档中心 首先创建 request 若要获取手机号，scope必填 phone，permissions 必填 …...
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南
精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南 在数字化营销时代，邮件列表效度、用户参与度和网站性能等指标往往决定着创业公司的增长成败。今天，我们将深入解析邮件打开率、网站可用性、页面参与时…...
Android第十三次面试总结（四大 组件基础）
Activity生命周期和四大启动模式详解 一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： onCreate() 调用时机：Activity 首次创建时调用。…...
技术栈RabbitMq的介绍和使用
目录 1. 什么是消息队列？2. 消息队列的优点3. RabbitMQ 消息队列概述4. RabbitMQ 安装5. Exchange 四种类型5.1 direct 精准匹配5.2 fanout 广播5.3 topic 正则匹配 6. RabbitMQ 队列模式6.1 简单队列模式6.2 工作队列模式6.3 发布/订阅模式6.4 路由模式6.5 主题模式…...