油猴脚本尝试

现在是这样的我这边有个运维系统里面有个日志我们经常要复制然后我们复制的时候需要打开内容然后去选中复制。

类似于这种我觉得这个时候去选中复制就很麻烦右边这里不是有了吗。
那我就想能不能点击左上角就复制内容。

然后我现在的思路就是用油猴
因为日志内容是我们接口查询后动态插入的那我们就动态监听dom如果有元素新增就查询新出来的元素给他加上点击事件点击复制内容到粘贴版。

这种日常的脚本小工具我觉得应该还是可以用的。

那我们现在就是要先学会使用油猴学会监听元素新增。将内容复制进粘贴板。

// ==UserScript==
// @name         运维系统复制脚本
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://192.168.88.167:8084/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=88.167
// @grant        GM.setClipboard
// ==/UserScript==

(function() {
    'use strict';

  window.onload=function(){


          var mutation= new MutationObserver(function(mutations,observer) {
    mutations.forEach(function(mutation) {
           if (mutation.type == 'childList') {
                var datas=document.querySelectorAll(".ivu-table-cell .ivu-poptip .ivu-poptip-rel");
                   if(datas.length>0){
                        datas.forEach(function e(each) {

                                 each.onclick=function e(event){
                                  GM.setClipboard(event.target.innerText)
                               }

                   })

                   }
           }
    });
});
var targetNode = document.getElementsByClassName("ivu-table-tip")[0];

mutation.observe(targetNode, {
    childList: true,
    subtree: true
});
      }
    // 监听页面变化
    // 监听页面变化


    // Your code here...
})();

关键点@match 对那个页面进行匹配执行脚本
页面加载完成后 window.onload 等页面加载完成后监听表格元素
如果有事件查看下新出来的元素有的话加上点击事件。
然后复制内容进粘贴版本。
其实这里有两种思路一种是定时任务一直查看元素有没有新增一种就是我这种监听父元素有新元素就加时间或者包装事件。

https://www.cnblogs.com/wgb1234/p/16499981.html

https://blog.csdn.net/qq_35385241/article/details/121989261

https://maoshu.fun/posts/cc7c94cd.html

https://blog.csdn.net/weixin_30536513/article/details/98380630