9行代码制作一个简单的油猴插件

相信许多同学都有用过油猴这个谷歌插件吧,还没有了解过的朋友也可以去谷歌应用商店安装试一下,真的是一款非常牛逼的插件,强力推荐!!!
今天我就和大家分享怎么用油猴自己来写一个简单的脚本吧。我要实现的是就是在原有百度搜索的下方增加一个时间展示。效果图如下:


那么我们一起开始制作:
1.第一步:安装好油猴插件,谷歌应用商店搜索Tampermonkey即可找到(已安装的朋友可以忽略)

2.第二步:点击浏览器右上角的油猴小图标打开控制面板

3.第三步:在控制面板中新建脚本
4.第四步:修改基本配置,主要是@match一定要是指定脚本生效的网址

// ==UserScript==
// @name 9行代码制作一个简单的油猴插件
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.baidu.com
// @icon https://www.google.com/s2/favicons?sz=64&domain=jianshu.com
// @grant none
// ==/UserScript==

(function() {
'use strict';
var divs = document.getElementById("head_wrapper");
var newDiv = document.createElement("div");
newDiv.setAttribute("style","height:300px;width:640px;position:relative;left:180px;line-height:300px;");
divs.appendChild(newDiv);
var timeLabel = document.createElement("p")
newDiv.appendChild(timeLabel)
timeLabel.setAttribute("style","color:#1ABC9C;font-size:60px;")
var date = new Date();
timeLabel.innerHTML = date.toLocaleString();
})();

 

 

参考学习文章:

https://www.cnblogs.com/hejiyuan/p/15725339.html

http://www.javashuo.com/article/p-rtknnxyt-gs.html

https://www.cnblogs.com/h2zZhou/p/9340260.html


本期内容就到这里啦~以上内容均可在 方包博客http://fang1688.cn 网站直接搜索名称访问哦。欢迎感兴趣的小伙伴试试,如果本文对您有帮助,也请帮忙点个 赞 + 在看 啦!❤️

欢迎大家加入方包的优派编程学习圈子,和多名小伙伴们一起交流学习,向方包 1 对 1 提问、跟着方包做项目、领取大量编程资源等。Q群891029429欢迎想一起学习进步的小伙伴~

另外方包最近开发了一款工具类的小程序「方包工具箱」,功能包括:抖音、小红书、快手去水印,天气预报,小说在线免费阅读(内含上万部热门小说),历史今天,生成图片二维码,图片识别文字,ai伪原创文章,数字摇号抽奖,文字转语音MP3功能...

送福利!关注下方的公众号:优派编程回复资料,即可获得软件app下载资源和python、java等编程学习资料!

   
点击卡片关注「优派编程」
定期分享 it编程干货

 ⬇️ 点击链接阅读原文直达 方包博客

分享到:
赞(0)

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

免责声明:本站为非盈利性个人博客,博客所发布的一切源码、软件的文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。

本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。访问和下载本站内容,说明您已同意上述条款。本站不贩卖软件,所有内容不作为商业行为。

如果有侵犯版权请发送邮箱至619018020@qq.com,我们会在24小时之内处理。

Copyright © 2019-2021知识学堂