油猴脚本尝试 |
您所在的位置：网站首页 › 暴力猴360浏览器脚本安装 › 油猴脚本尝试 |
油猴脚本尝试
|
现在是这样的，我这边有个运维系统，里面有个日志，我们经常要复制，然后我们复制的时候需要打开内容，然后去选中复制。 类似于这种，我觉得这个时候，去选中复制就很麻烦，右边这里不是有了吗。 那我就想能不能点击左上角就复制内容。 然后我现在的思路就是用油猴， 因为日志内容是我们接口查询后动态插入的，那我们就动态监听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 |
【本文地址】
今日新闻 |
推荐新闻 |