【油猴】在浏览器右侧加一行文本，要怎么写？

吾爱咖啡 · 发表于 2021-4-21 15:13

本帖最后由吾爱咖啡于 2021-4-21 18:33 编辑

JS我只会一点点，就是在auto.js上用的，油猴不会。
今天我想写个油猴脚本，想实现这样的功能：在浏览器右侧居中的位置，加一个框，白色背景（因为网页背景是近似黑色的），里面有一行文本“提醒：XXXXXX”。
找了教程，找了别人写的脚本，但还是无从下手，于是来论坛求助。

另外，请问哪里有油猴脚本的详细教程？我搜了一圈没找到，多是油猴的使用教程。

冥界3大法王 · 发表于 2021-4-21 15:54

@涛之雨啊
这可是真大侠啊
偶尔看看，你就打通任督二脉了。

liqiang9 · 发表于 2021-4-21 16:00

看一下这个网站https://jixunmoe.github.io/gmDevBook/#/doc/tutorial/meta对你是否有用

子时落尽 · 发表于 2021-4-21 16:11

[HTML] 纯文本查看 复制代码

(function () {
		var r_box =`<div style='position:fixed;right:25%;top:50%;background-color: #fff;color: #000;'>提醒：XXXXXX</div>`
		document.body.insertAdjacentHTML("beforeend",r_box);
	})()

涛之雨 · 发表于 2021-4-21 16:24

本帖最后由涛之雨于 2021-4-21 16:25 编辑

油猴的话就官方api说明文档吧，主要就那几个api，其他基本上就是纯粹的js+css+html（也就是h5）

官方教材：
https://www.tampermonkey.net/doc ... =dhdg&show=dhdg
如果看不懂翻译一下就行

andy_wang425 · 发表于 2021-4-21 17:00

本帖最后由 andy_wang425 于 2021-4-21 17:02 编辑

可以试试用框架比如 layer.layui.com 来创建弹窗。这个框架上手很简单，重点学习一下官方给出的文档中的弹出层部分即可。

dushe · 发表于 2021-4-21 18:10

子时落尽发表于 2021-4-21 16:11
[mw_shl_code=html,true](function () {
var r_box =`提醒：XXXXXX`
document.body.insertAdjacentHT ...

我对 innerHTML与innerText方法还算熟悉, insertAdjacentHTML 方法没用过, 可否通用...

吾爱咖啡 · 发表于 2021-4-21 18:44

liqiang9 发表于 2021-4-21 16:00
看一下这个网站https://jixunmoe.github.io/gmDevBook/#/doc/tutorial/meta对你是否有用

有用，谢谢！

吾爱咖啡 · 发表于 2021-4-21 18:47

子时落尽发表于 2021-4-21 16:11
[mw_shl_code=html,true](function () {
var r_box =`提醒：XXXXXX`
document.body.insertAdjacentHT ...

非常感谢！你这个我几乎能直接用了！

吾爱咖啡 · 发表于 2021-4-21 18:53

涛之雨发表于 2021-4-21 16:24
油猴的话就官方api说明文档吧，主要就那几个api，其他基本上就是纯粹的js+css+html（也就是h5）

官方教 ...

谢谢，不过，我对JS的应用仅限于auto.js上做各种点击脚本，其它的……呃哈哈哈，说是一点都不会也不为过啊

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] 【油猴】在浏览器右侧加一行文本，要怎么写？

个人中心