Chrome DevTools片段替换面板正则替换失效，求正确使用方法

问题分析 #

你之前用的正则/((m|n))0/只能匹配m0或n0，完全没覆盖btn0，所以无法实现需求。下面是针对你场景的正确操作步骤：

操作步骤 #

1. 打开Chrome DevTools的「代码片段」面板：按F12唤起DevTools，切换到Sources标签，左侧导航栏选择Snippets。
2. 选中目标代码片段，进入编辑模式。
3. 打开替换面板：按下Ctrl+H（Windows/Linux）或Cmd+H（Mac）。
4. 开启正则匹配：点击替换面板右上角的.*图标，勾选正则表达式模式。
5. 设置查找与替换规则：
   • 查找框输入：(btn|m)0
   • 替换框输入：$11
6. 点击「替换全部」（Replace All），完成替换。

规则说明 #

• 正则(btn|m)0：精准匹配btn0或m0，其中(btn|m)是捕获组，会把btn或m单独提取出来。
• 替换内容$11：$1代表捕获组匹配到的内容（btn或m），后面的1是要追加的数字，最终组合成btn1或m1。

替换后代码示例 #

//Get userId,questionId and title 
  let btn1 = document.createElement('input');
  btn1.type = "button";
  btn1.value = 'Read Content';
  btn1.onclick = () => {
  console.clear();
  let b = [["Item","String"]];
  let c = document.querySelectorAll('div#un1')[0].children;
  let a = Array.from(c);
  a.forEach((e , i) => {
    b.push([i + 1,e.innerText]);
  });
  localStorage.setItem("test",JSON.stringify(b));  
  console.log(JSON.stringify(b)); 
  }
  if(m1)m1.prepend(btn1);

内容的提问来源于stack exchange，提问作者Cooper