firebug中测试正则表达式

在使用firebug测试正则表达式很不错。可以提高程序开发的效率

1.检测正则表达式是否找到匹配

/正则表达式/.test(document.body.innerHTML)

 如果返回true则证明找到。

2.查看匹配到的内容

document.body.innerHTML.match(
/正则表达式/
);

3.上面只会打印出第一个匹配,如果要输出找到匹配的数组则用

document.body.innerHTML.match(
/正则表达式/g
);

4.有些时候需要将找到的内容全部打印出来,比如在正则表达式中用到了括号,想输出括号中的内容,则需要使用下面的方式

var s = document.body.innerHTML;
var r = /<dt\s+class="p">(?:.|\s)+?<a\s+href="(.+?)"\s+title="(.+?)"(?:.|\s)+?<img\s+src="(.+?)"(?:.|\s)+?<span\s+class="info">(.+?)<\/span>/img;
var m = r.exec(s);
while(m){
   console.log(m[1]);
   console.log(m[2]);
   console.log(m[3]);
   console.log(m[4]);
   m = r.exec(s);
}

 其中s代表需要匹配的字符串,r代表正则表达是,其中的img是匹配的模式,而在正则表达式里面(?:.|\s)?:代表该括号内的内容不输出,也就是使用group中不出现(java中)js中就是数组的索引了。.|\s就是包含回车换行的任意字符了,这个一般在匹配多行中才用到,console.log就是打印出信息,这样可以清晰的显示出正则表达式是否按照自己的意愿工作。

 

ps:转载请注明出处。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Firebug 是一种非常流行的 Web 开发工具,用于在浏览器进行调试和测试。以下是使用 Firebug 进行测试的一些步骤: 1. 首先,您需要在 Firefox 浏览器安装 Firebug 插件。在 Firefox ,单击“工具”菜单,然后选择“附加组件”。在搜索框输入“Firebug”,然后单击“安装”。 2. 在安装完 Firebug 后,在 Firefox 打开要测试的网页。右键单击页面的任何元素,然后选择“检查元素(Q)”选项。这将打开 Firebug 窗口。 3. 在 Firebug 窗口,您可以使用不同的选项卡来查看页面的不同方面。例如,如果您想检查页面的 HTML 代码,可以单击“HTML”选项卡。 4. 如果您想查看页面的 CSS 样式,可以单击“CSS”选项卡。您可以单击任何 CSS 样式,然后在右侧的窗格编辑它们。 5. 如果您想检查页面的 JavaScript 代码,可以单击“控制台”选项卡。在控制台,您可以输入 JavaScript 代码,然后单击“运行”按钮来执行它们。 6. 如果您想检查页面的网络请求,可以单击“网络”选项卡。在这里,您可以查看页面的所有请求和响应,并分析它们的性能。 7. 最后,如果您遇到任何问题,可以在 Firebug 窗口单击“控制台”选项卡,并查看控制台的错误消息。 这些是使用 Firebug 进行测试的一些基本步骤。希望这些信息能够帮助您更好地使用 Firebug 进行 Web 开发和测试
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值