上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

第二天学习脚本打卡!之前问题解决和新疑问!

[复制链接]

2

主题

17

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2021-7-16 17:48:17 | 显示全部楼层 | 阅读模式

隔了一天,今天终于又摸了一会脚本,根据李大大给我的提示,我立马看了他说的那几集视频,感觉是豁然开朗,果然知识是积累出来的,我先模仿哥哥做了几个消除广告的脚本,果然是立竿见影,但我发现我写的没有使用到GM_style 而是直接selectall然后再把他们消掉了,就好像这个样子。

let list=document.querySelectorAll("a[target] img")
for(let index=0;index<list.length;index++){
    let item=list[index]
    console.log(item.innerHTML)

        item.remove()

}

所以不知道为啥要用到沙盒(沙盒到底和普通用起来有啥区别),前面课给忘记了。。。。太对不起了

然后写教务网打勾的,这个很有意思,直接琢磨了好一会,才有解决办法,本菜鸡太菜了,还是得多多努力。我给个范本,大伙也可以做一个类似的(我是把所有的checkbox找出来,然后隔4个打一个沟,这样就可以每个勾上第一个)

// ==UserScript==
// @name         zk教务网一键评分
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://edu-admin.zhku.edu.cn/*
// @icon         https://www.google.com/s2/favicons?domain=zhku.edu.cn
// @grant        none
// @run-at       document-end
// ==/UserScript==

let div=document.createElement("div");
div.innerHTML='<span id="choose">一键满分</span>';
div.style.width='45px'
div.style.height='45px'
div.style.background= "#fff"
div.style.margin='0px'
div.style.border="1px solid #e5e5e5"
div.style.color="#787878"

div.onclick=function(event){
    if(event.target.id=="choose"){
    let list=document.querySelectorAll("td .icon-radio")
    for(let index=0;index<list.length;index+=4){

        let item=list[index]


         console.log(item.innerHTML)

        item.click()

}
    }
    alert("已经全部选上第一个")
};



let share=document.querySelector('.layui-table');
share.parentElement.insertBefore(div,share);

最后还想问问李大大,到底怎样做出好看的插件样式,能够像写css一样,定位在右侧栏悬浮起来。但是我一敲那些css的单词(好像font-size,有个杠就识别不出来了,还有float什么的都没有试过,不知道能不能像写网页一样写)

然后这个编辑器,不知道怎么自动保存,刚刚写的全没了,又打了一次,暴风哭泣555

84

主题

864

帖子

690

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
690

猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章

发表于 2021-7-16 18:05:11 | 显示全部楼层
编辑器。。。。呜呜呜 迟早换掉它
哥哥可以试试本地写好 再复制粘贴 typora 这个编辑器
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

2

主题

17

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2021-7-16 18:10:23 | 显示全部楼层
王一之 发表于 2021-7-16 18:05
编辑器。。。。呜呜呜 迟早换掉它
哥哥可以试试本地写好 再复制粘贴 typora 这个编辑器 ...

好快吖,教程是王大大写的,还是李大大写的,一直没有搞明白
回复

使用道具 举报

163

主题

1157

帖子

638

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
638
发表于 2021-7-16 21:43:07 | 显示全部楼层

你好!哥哥,感谢你的学习以及论坛参与

关于消除广告GMAddStyle问题

之所以采用添加样式而不是获取dom移除

原因在于dom移除的时间相对addstyle更长一点

还容易涉及一个延迟查找插入的dom元素问题,相对来说gmaddstyle更复杂

勾第一个可以考虑判断innerhtml内的文本

css样式问题

我通常是创建一个div 然后在div中内联大量的文本和元素,并且在元素上直接写style

这样个人感觉比较方便

好看的插件样式的话

可以考虑插入的时候沿用网页自身的css样式

或者百度找一些css样式,脚本运行的时候引入都是没有问题的

希望哥哥有一个愉快的油猴学习体验

(教程一般是我跟一之哥哥谁有时间谁写)

混的人。
回复

使用道具 举报

136

主题

418

帖子

448

积分

版主

Rank: 7Rank: 7Rank: 7

积分
448

猫咪币纪念章三好学生活跃会员热心会员突出贡献中秋纪念章国庆纪念章宣传达人推广达人

发表于 2021-7-17 00:43:20 | 显示全部楼层
css这个道哥哥拿手呀 老油条了 复制粘贴网页本身的css风格
bilibili:陈公子的话   公众号:陈公子的话
回复

使用道具 举报

163

主题

1157

帖子

638

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
638
发表于 2021-7-17 02:32:41 | 显示全部楼层
小陈 发表于 2021-7-17 00:43
css这个道哥哥拿手呀 老油条了 复制粘贴网页本身的css风格

跟页面本身风格天然融合!毫无拼接痕迹,嘿嘿,就是网页一更新很蛋疼
混的人。
回复

使用道具 举报

2

主题

17

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2021-7-17 08:38:53 | 显示全部楼层
李恒道 发表于 2021-7-16 21:43
[md]你好!哥哥,感谢你的学习以及论坛参与

关于消除广告GMAddStyle问题

哥哥真棒,回复及时又准确,点个赞
回复

使用道具 举报

2

主题

17

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2021-7-17 08:39:43 | 显示全部楼层
小陈 发表于 2021-7-17 00:43
css这个道哥哥拿手呀 老油条了 复制粘贴网页本身的css风格

不错不错,学习啦
回复

使用道具 举报

发表回复

本版积分规则

快速回复 返回顶部 返回列表