1 下载 RegexBuddy 并安装
安装后的界面如下:
![](http://upload-images.jianshu.io/upload_images/3386108-8e91879705570021.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/996/format/webp)
2 切换布局
点击右上角的彩色格子图标,选择 Side by Side Layout:
![](http://upload-images.jianshu.io/upload_images/3386108-b6b521b9409b5372.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/278/format/webp)
这种布局的好处是,Create 面板与 Test 面板同时被展示,方便比对:
![](http://upload-images.jianshu.io/upload_images/3386108-9d745fddbe4508c7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/990/format/webp)
3 界面说明
![](http://upload-images.jianshu.io/upload_images/3386108-bff919ee759469c7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp)
4 选择编程语言
左上角的下拉框可以指定需要的编程语言:
![](http://upload-images.jianshu.io/upload_images/3386108-4c979e842844a23d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/294/format/webp)
5 解析(Create 面板)
这里用树状模型来展示对这个正则表达式的解析过程,其中的每一个节点对应着表达式中的一个元素块。每当点击其中的一个节点,就会在对应的正则表达式的部分着重显示。
![](http://upload-images.jianshu.io/upload_images/3386108-dc02c4e32b2cda7e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/860/format/webp)
这个功能在分析某些复杂的正则表达式时很有用哦O(∩_∩)O哈哈~
6 测试(Test 面板)
6.1 指定测试范围
在 Test 面板的第一个下拉框可以选择测试的范围:
![](http://upload-images.jianshu.io/upload_images/3386108-ddcba0eb2588862d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/486/format/webp)
测试范围 | 说明 |
---|---|
Whole File | 整个文档 |
Page by page | 按页区分 |
Line by line | 按行区分 |
如果需要测试的内容超过一行,那么请选择 Whole File 或 Page by page 模式。
6.2 高亮显示
如果当前的正则表达式为 <html>(.*)</html>
,那么在 Test 面板中就会高亮显示匹配的内容(如果匹配的内容在相邻的行,则使用不同的颜色高亮显示):