如何从网页中批量复制所有符合匹配规则的文本？

功能说明 #

无需安装浏览器扩展、无需导出页面数据，直接通过自定义书签工具实现规则匹配文本的批量提取，匹配结果自动逐行写入剪贴板，可直接粘贴到Trello等工具中使用。

配置步骤 #

• 右键点击浏览器书签栏，选择「添加书签」
• 书签名称自定义为方便识别的内容，例如提取12开头工单编号
• 在书签的「网址/URL」输入框中粘贴下方完整代码，点击保存

javascript:(function(){
    // 可修改下方正则调整匹配规则，当前规则为匹配12开头的连续数字编号
    const matchRule = /\b12\d+\b/g;
    const pageText = document.body.innerText;
    const matchResults = pageText.match(matchRule);
    if(!matchResults){
        alert('未找到符合规则的内容');
        return;
    }
    // 自动去重后逐行拼接
    const uniqueResults = [...new Set(matchResults)];
    const copyContent = uniqueResults.join('\n');
    // 写入剪贴板
    navigator.clipboard.writeText(copyContent).then(()=>{
        alert(`成功复制${uniqueResults.length}条匹配结果到剪贴板`);
    }).catch(err=>{
        alert('剪贴板权限受限，可复制控制台输出的匹配内容手动使用');
        console.log(copyContent);
    })
})()

使用方法 #

• 打开目标工单Dashboard页面，等待页面数据完全加载
• 点击刚才创建的自定义书签即可触发提取
• 提示复制成功后直接到目标工具中粘贴即可

规则修改方法 #

如果需要调整匹配逻辑，只需修改代码中matchRule对应的正则表达式即可：

• 匹配12开头的任意长度数字：/\b12\d+\b/g
• 匹配12开头固定长度为8位的数字：/\b12\d{6}\b/g
• 其他规则可根据正则语法自行调整

内容的提问来源于stack exchange，提问作者Ian O'Loughlin