油猴编写-使用Bootstrap

// ==UserScript==
// @name         bootstrapUI
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  实现bootstrap的弹出框
// @author       soledadchao
// @match        https://wenku.baidu.com/*
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js
// @require      https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js
// @resource     customCSS https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css
// @grant        GM_addStyle
// @grant        GM_getResourceText
// ==/UserScript==(function() {'use strict';//加载外部CSS，资源已在上方resource中var newCSS = GM_getResourceText ("customCSS");GM_addStyle (newCSS);//定义文本，并建立点击动作var btn=document.createElement("button");btn.innerHTML = "<a >开始操作</a>"btn.onclick= BtnActiondocument.querySelector('.doc-title').appendChild(btn)//定义需要加入的HTMLvar html = `<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="左侧">Popover on 左侧</button><button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="顶部.">Popover on 顶部</button><button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部">Popover on 底部</button><button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="右侧">Popover on 右侧</button>`//加载Htmlfunction AddHtml(html) {document.body.insertAdjacentHTML('afterBegin', html);}//按下自定义按钮的动作function BtnAction(){AddHtml(html);//需手动初始化$(function () {$("[data-toggle='popover']").popover();});}
})();

油猴编写-使用Bootstrap相关推荐

油猴安装、编写及添加脚本笔记
本文在参考深入浅出 Greasemonkey一文后,结合自己实践总结而成,文中大部分内容来源于网上原文,只在实践部分加入自己内容.原文是在Firefox里调试的,我用chrome,所以有些地方不太一样 ...
【教程、无技术含量】简单的油猴脚本编写教程
不建议阅读者: 前端大神想要深入学习(涉及到分析挖掘调用网站中js算法/自己写算法)油猴脚本的读者[备注:楼主也不会,楼主也很绝望啊...] 阅读以下内容所需知识: javascript/jQuer ...
自己动手编写一个在线保存百度谷歌搜索关键词历史记录的油猴脚本
标题快捷导航如何通过Web技术实现我们的需求需要的技术栈油猴脚本的编写浏览器扩展的编写后台部分小结如何通过Web技术实现我们的需求相信大家只要会一点前端和后端基础的,一看到这个标题就有 ...
Tampermonkey(油猴)脚本编写快速入门
目录油猴脚本概述脚本注释/注解脚本权限 grant 添加新脚本自定义网页倒计时网页浏览离开黑屏保护微博视频下载助手华为云工作项列表突出展示工作项 Greasy Fork 发布脚本油猴脚 ...
【使用jquery编写第一个油猴（tempermonkey）脚本】
使用jquery编写第一个油猴(tempermonkey)脚本 01. 下载安装油猴浏览器插件 0101. 关于浏览器的特别说明 0102. 油猴插件下载地址 02. 获取新脚本 0201. 油猴菜单 ...
从零快速编写一个油猴脚本
Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费的浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口的二次封装油猴脚本可用于更改页面布局样式.完成页面自动化.去广告 ...
编写你的第一个油猴脚本
油猴简介 Tampermonkey(油猴)是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Fir ...
杂谈技术·油猴脚本的功能实现
投稿地址: https://www.bilibili.com/read/cv15714192 原文简介核心原理核心原理其实超级简单,简单说就是通过DOM技术找到网页上面的关键点,然后将网页上的页面 ...
用 GreaseMonkey （油猴）解码 TinyURL
阿甘说,TinyURL 就像一盒巧克力,你永远不知道会得到什么,虽然 TinyURL 很流行,在 Twitter 一类的微博客以及 IM 系统中无处不在,但这种被缩短的 URL 地址显得很不透明,为了 ...

油猴编写-使用Bootstrap

油猴编写-使用Bootstrap相关推荐

最新文章

热门文章