前言

在项目研发中，我们使用TAPD来管理软件研发流程，我们一般在项目内部会有个迭代更新日志，参考如下：
版本日志
一般后面跟的就是需求、缺陷的名称。
当然我们这个手动版的日志肯定比不上全自动化的。

每次复制需求、缺陷名称的烦恼

看吧这是TAPD缺陷的标题项，每次复制还是有点麻烦。鼠标点一下标题后面的任务ID又消失了。复制还是不太方便。所以所以就自己弄个浏览器插件

基于Tampermonkey/Chrome插件开发插件

本人比较懒，不想从无到有重新写个Chrome插件，麻烦的很。所以就用Tampermonkey这款插件了。这款插件的主要功能就是可视化的代码注入。让开发者只需要关心，我要拦截哪个网页，我要注入哪些js代码。

插件效果和代码如下

插件脚本管理

在这里插入图片描述

插件代码

// ==UserScript==
// @name         TAPD 辅助插件
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.tapd.cn/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    let bugId = document.getElementsByClassName('bug-title-id')[0].innerHTML
    let bugName = document.getElementsByClassName('editable-value')[0].innerHTML
    let old = document.getElementsByClassName('fr right-operation')[0].innerHTML
    let handleText = '- [F 修复中] '+bugId+' '+bugName
    let finishText = '- [F 修复] '+bugId+' '+bugName
    document.getElementsByClassName('fr right-operation')[0].innerHTML = '<button onClick="alert(\''+handleText+'\')\">处理中</button><button onClick="alert(\''+finishText+'\')\">处理完成</button>'+old
    console.log('Hello')

})();