首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

转换GM_addstyle以添加不带GM的样式

GM_addStyle是Greasemonkey脚本中的一个函数,用于向网页中添加自定义的CSS样式。然而,GM_addStyle函数只能在Greasemonkey脚本中使用,无法在普通的网页中直接调用。

如果要将GM_addStyle转换为不带GM的样式添加方式,可以使用以下方法:

  1. 使用原生JavaScript的方式添加样式:
代码语言:txt
复制
var style = document.createElement('style');
style.innerHTML = '/* 在这里添加你的CSS样式 */';
document.head.appendChild(style);

这种方式通过创建一个style元素,并将CSS样式字符串赋值给其innerHTML属性,然后将该style元素添加到文档头部,从而实现样式的添加。

  1. 使用jQuery库添加样式:
代码语言:txt
复制
$('<style>/* 在这里添加你的CSS样式 */</style>').appendTo('head');

如果你在项目中使用了jQuery库,可以使用上述代码将样式添加到文档头部。

无论使用哪种方式,你都可以在CSS样式字符串中定义各种样式规则,例如选择器、属性和值等。根据具体需求,你可以使用不同的选择器来选择要应用样式的元素,以及定义适合的样式规则。

需要注意的是,以上方法只是将GM_addStyle转换为不带GM的样式添加方式,并不涉及具体的云计算或腾讯云产品。如果需要了解更多关于云计算或腾讯云的相关知识或产品,建议访问腾讯云官方网站或咨询腾讯云的技术支持团队。

相关搜索:以flexbox样式转换的旧容器Mailchimp -在模板的标题上添加样式以响应检查页面加载后添加的内联样式以运行函数?如果为true,则将变量传递给已设置样式的组件以添加其他样式如何向XSLT样式表转换的HTML添加标题?如何使用样式组件将样式添加到以编程方式创建的具有动态级别的标题?如何设置视图组件的样式以在两个按钮之间添加空格?如何添加url参数,以显示为营销转换而单击的链接为以特定字母开头的单词添加样式,并使其在javascript中可单击在堆叠以不同大小写样式存储的数据对象时,将列名转换为小写如何将onfocus事件侦听器添加到输入字段以更改标签的样式PHP将反斜杠添加到我的CURL命令以实现Facebook离线转换Vue -在渲染前修改插槽的适当方法-目标:以编程方式添加转换组密钥将对象的向量转换为字符串以添加到R中For循环中的列将@ Babel /preset-react (https://git.io/JfeDR)添加到Babel配置的'presets‘部分以启用转换如何在BufferReader读取的文本中添加换行符以尝试用iText7将其转换为pdf修改c++中的未知元组以添加所有数值对象并连接所有可以强制转换为字符串的对象ggpubr中是否有一些代码可以将P值转换为非科学的值以添加到图形中flutter:将文本和其他小部件转换为JSON (或者在以编程方式生成时向路由添加参数的另一种解决方案)?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Tampermonkey 高级API使用 附Demo

使用 Tampermonkey 编写高级跨网站自动化任务脚本 在Tamermokeny中编辑脚本可以很容易地控制自己网页 处理一般性操作外,如更换问题,图片,注入样式和脚本外 如果我们要做更多 这就需要使用...Tamermokey提供应用程序接口, 即高级API unsafeWindow unsafeWindow 对象提供权限访问页面的js函数和变量 向document中添加样式可以使用 GM_addStyle...(css) // @grant GM_addStyle GM_addStyle(`body{color:red},p{color:blue}`) GM_*funtion 提供了浏览器级别的存储方式...tab关闭后重新聚焦当前tab 另外,新选项卡将被添加。...loadinbackground具有与active相反含义,并被添加以实现Greasemonkey 3.x兼容性。如果未指定“活动”或“加载后台”,则选项卡将不会聚焦。

1.8K10
  • 油猴脚本入坑指南

    GreaseMonkey 用户脚本开发手册 不同用户脚本管理器可能会加入自己独有的 meta,开发时建议脚本打算主要支持脚本管理器为主,例如这是 Tampermonkey 文档 GM API...,帮助你了解油猴 API 大概能做哪些事情 旧 API 新 API 说明 GM_info GM.info 返回当前脚本元数据 GM_addStyle 为网页添加 CSS GM_setValue GM.setValue...新标签页打开指定地址(用来绕过 Chrome 会阻止所有非用户触发window.open限制) GM_registerMenuCommand 向油猴插件菜单中添加脚本指令(通常用于打开自己写设置界面或者执行代码之类...IDE 编辑本地脚本就行了 在这之前我们需要允许油猴插件访问本地文件, Chrome 为例,在扩展程序列表chrome://extensions/进入插件详细信息,开启“允许访问文件网址”即可,...>插入 CSS API 方法:在元数据中声明// @resource mycss ,然后GM_addStyle(GM_getResourceText('mycss')); 别忘了用到这两个

    4.1K00

    最新Tampermonkey 中文文档解析(附基础案例和高级案例)

    @run-at @grant @noframes @unwrap @nocompat 应用程序接口(高级API) unsafeWindow Subresource Integrity(子资源完整性) GM_addStyle...请注意,如果@namespace标记“http://”开头,则其内容也将用于此操作。...GM_addStyle(css) 给document添加样式,并且返回注入节点 GM_deleteValue(name) 删除‘name’ 从storage里 GM_listValues() 列出storage...password 授权用户密码 onabort 请求中断时执行回调函数 onerror 请求错误结束时需要执行回调函数 onloadstart 请求开始加载时执行回调函数 onprogress...headers - 如GM_xmlhttpRequest 一样设置请求头部 saveAs - boolean 值,显示一个保存弹窗 onerror 下载失败结束执行回调函数 onload

    5.3K11

    RM: 基于页面结构化数据生成报表,一键导出图片,生成定制图表 文末有效果图 , 开放部分代码

    好好想想.....可以先别往下看 首先我们分析一下, 在Confluence 我们可以创建一个运动模板,添加一个表格, 可以设置几列,这个表格可以无限地往下加,每个人运动了,都可以在上面添加一条记录 这个表格就长这个样子...中文释义为:基于页面结构化数据一键生成报表 经过下班后几个晚上艰苦调试,最后完成了这个不到300行代码小产品 以下是产品使用动态图 全部代码使用原生js写, 样式使用了bootstrap,...Report Maker: 基于页面结构化数据生成报表 // @author Fizz // @match https://**/** // @grant GM_addStyle...groupName} pageTableData.push(trDataItem) } }) return pageTableData } // 添加样式....fizz_operation_div:hover .fizz_menu_ul{display: block;} .hidden{display:none} ` GM_addStyle

    34310

    油猴脚本编写教程

    油猴脚本(Tampermonkey)是一个非常流行浏览器扩展,它可以运行由广大社区编写扩展脚本,来实现各式各样功能,常见去广告、修改样式文件、甚至是下载视频。...新建脚本 首先在浏览器右上角找到并点击油猴插件,选择添加新脚本。 ? 然后就会打开如图所示编辑器窗口,我们就可以在其中编辑自己脚本文件了。...这里就简单介绍几个常用,可以调用函数全部GM_作为开头。 权限名 功能 unsafeWindow 允许脚本可以完整访问原始页面,包括原始页面的脚本和变量。...如果保存是日期等类型的话,取出来数据会变成文本,需要自己转换一下。...GM_log(message) 将日志打印到控制台中,可以使用F12开发者工具查看。 GM_addStyle(css) 像网页中添加自己样式表。

    7.2K10

    C2M : 全网首发CSDN文章搬迁到慕课脚本 5000字 详细呕心沥血开发过程 文末有效果图与源码

    GM_*function 高级函数 具体是这几个 这种存储方式不被js跨域安全策略所限制,完美解决多tab也,数据共享问题.具体存储到哪里我也不知道....于是就这样我获取了文章标题和内容文本 获取数据后就用 TMGM_setValue存储吧,这一步水到渠成, 数据存好了就打开慕课文章发布页面折腾呗,于是在调用TMGM_openInTab 打开一个聚焦子窗口...天行贱,君子当自强不息 我仔细分析代码,并在脑海中飞速地过滤自己以前学前端知识 最后,一道闪电在我脑海中闪过, UEditor这个编辑器不是可以直接设置html嘛? 卧槽,卧槽,卧槽.......存储文章数据 // ...... } // 注入样式,搬迁按钮样式 let injectStyle = ` .myinject{ width: 50px;...text-align: center; cursor: pointer; } .myinject:hover{ opacity: 1; color: #fff; }` GM_addStyle

    59320

    5 分钟,教你从零快速编写一个油猴脚本!

    Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口二次封装 油猴脚本可用于更改页面布局样式、完成页面自动化、去广告...@grant GM_addValueChangeListener // @grant GM_removeValueChangeListener // 添加一个监听器 const...实战一下 某一新闻网站自动加载下一页为例进行说明 目标网站:IGh0dHBzOi8vd3d3LnBpbmd3ZXN0LmNvbS8= 首先,我们使用关键字 @match 指定匹配网站 URL,使用...接着,添加一个定时任务,获取每一页底部加载更多按钮 最后,判断元素存在时,执行点击操作即可 ......总结 本篇文章一个简单实例讲解了编写一个油猴脚本完整流程 为了提升开发效率,实际编写脚本可以使用 VS Code 编译器,安装插件 Tampermonkey Snippets 后再进行用户脚本开发

    3K30

    nodejs 图片处理工具 gm 使用!

    安装 gm 直接命令行安装: npm install --save gm 环境变量配置 GraphicsMagick 和 ImageMagic 安装完以后,需要把对应执行文件所在目录添加到环境变量...实现切割逻辑 读取大图对应数据文件(我这里用到是 json 文件,其他格式,可以根据实际格式修改对应逻辑),获取大图,根据数据信息,读取对应位置和大小图片,保存到本地即可,裁剪图片主要用下面的方法进行实现...= null){ console.log(err); } } ); 下图是实现时选择大图对应 atlas 数据文件,格式化后样式。 ?...具体实现代码如下: var gm = require('gm'); var fs = require('fs'); const { createCipher } = require('crypto')...,可以根据自己需要,进行逻辑修改即可,还可以添加批量处理。

    1.5K10

    GraphicsMagick 1.3.23 常用命令

    常用命令 benchmark: 测量和报告实用程序命令性能 batch:在交互式或批处理模式中发出多个命令 convert:转换图像或图像序列,模糊,裁剪,驱除污点,抖动,临近,图片上画图片,加入新图片...4、+profile "*",意味着在图片文件里不存储Exif信息,减小图片体积。 5、最后生成1.png,保存在当前目录。...123456789 显示图片格式大小尺寸等信息 gm identify a.jpg1 格式转换 gm convert a.bmp a.jpg gm convert a.bmp a.pdf    //转换为... -resize 640x480 image.gif image.gif   //这个是等比缩放,最后得到图片尺寸不一定是640x4801234 在图像上添加文字水印 gm convert -gravity...12 添加图片水印  假设把名为logo.gif水印图标添加在原始图片(src.jpg)右下角,且水印下边缘距原始图片10像素、右边缘距原始图片5像素。

    1.7K20

    Matery之Note标签优化

    0x01 效果演示 这里是 info 标签样式 这里是不带符号 info 标签样式 这里是 primary 标签样式 这里是不带符号 primary 标签样式 这里是 warning 标签样式 这里是不带符号...warning 标签样式 这里是 danger 标签样式 这里是不带符号 danger 标签样式 0x02 优化步骤 1、打开 themes/hexo-theme-matery-2.0.0/layout.../_partial/head.ejs 文件,引入FontAwesome v4.7.0 版本 CSS 文件,添加如下代码: 这里是不带符号 danger 标签样式 这里是 info 标签样式 这里是不带符号 info 标签样式 这里是 primary 标签样式 这里是不带符号 primary 标签样式 这里是...warning 标签样式 这里是不带符号 warning 标签样式 这里是 danger 标签样式 这里是不带符号 danger 标签样式 参考文章 https://nekodeng.gitee.io

    28530

    快速入门GitHub

    点击右上角账户设定按钮: [0081Kckwgy1gm1qq7rnkwj30ce0oqabm.jpg] 进入settings之后,添加SSH Key [0081Kckwgy1gm1qs54wyhj31ju0og0yi.jpg...[0081Kckwgy1gm7w9gdar8j30c80aet9l.jpg] 2、我们创建一个git_start仓库 仓库名字 仓库简单描述 不要在远程仓库添加README.md文件。...我们使用手动push方式来添加 [0081Kckwgy1gm7wd2yvjzj310m0u0dng.jpg] 3、仓库解释 打开上面我们创建好仓库,会出现如下内容(先写上注释,后面慢慢解释) echo...git reflog # 针对当前仓库 git log # 查看当前状态为终点历史日志 [008eGmZEgy1gmip9xl840j310u06gabv.jpg] 所以我们可以先通过git...git reset 命令语法格式具体如下: git reset [--soft | --mixed | --hard] [HEAD] --mixed是默认参数,可以不带,用于重置暂存区文件与上一次提交

    67940

    web实时长图实践

    2)将canvasCSS样式width和height设置为原先1倍大小。...containing the canvas"); options.onrendered(canvas); } return canvas; }); 修改后 //添加自定义高度宽度...node canvas node canvas扩展了canvas API提供与节点接口,例如流式传输PNG数据,转换为Buffer实例等,更多介绍可以去node canvas官网查看。...ImageMagick可以根据web应用程序需要动态生成图片, 还可以对一个(或一组)图片进行改变大小、旋转、锐化、减色或增加特效等操作,并将操作结果相同格式或其它格式保存,对图片操作,即可以通过命令行进行...node gm切换ImageMagick方式非常简单,只要加以下设置: var gm = require('gm'); var imageMagick = gm.subClass({ imageMagick

    6.8K80

    hengine-docker:Web全家桶

    :tcp、udp和udp+kcp三者间任意转换 支持 KCP 代理 解决Bug: PROXY CONNECT时候,realm值是错误 1.0(弃用): 支持 PROXY CONNECT...上面只是部署一个HTTPS服务器最基本参数,我们实际使用中还会涉及到一些高级需求,比如: 启用SNI验证:添加环境变量NGX_HTTP_SNI: 去启用该功能,该功能应该跟NGX_HTTP_SERVER_NAME...比如: NGX_HTTP_SSL_CA: certs/ca/ca-all.pem.crt 设置加密套件:添加环境变量NGX_HTTP_SSL_CIPHERS: ,该套件语法为OPENSSL语法,详情可参考...,它可以方便懂Nginx的人去配置自己服务,同时还原生支持了NGX_为前缀环境变量,接下来我们对上述两点进行解释。...HTTP模板配置 在该镜像中,指定http块{}下配置被放置在/usr/local/hengine/conf/http.conf.d/目录中,只要是放置在该目录中并且.conf结尾配置文件都会被当成

    7210

    【CSS3】浏览器私有前缀 ( WebKit 内核前缀 -webkit- | Gecko 内核前缀 -moz- | Trident 内核前缀 -ms- | Presto 内核前缀 -o- )

    CSS3 样式 ; 这里就需要引入 " 浏览器私有前缀 " 概念 ; 老版本 浏览器 对 新版本 CSS3 样式 支持不好 , " 浏览器私有前缀 " 是为了 照顾 老版本浏览器 而 设定 ,...属性即可 , 完整属性设置如下 : -webkit-border-radius: 10px; 正常 不带 浏览器私有前缀 CSS 属性设置如下 : border-radius: 10px; 3、...属性 写在前面 , 不带 浏览器前缀 CSS 属性写在最后 , 确保 最大 兼容性 ; div { /* WebKit 内核 浏览器 私有前缀 ,...CSS 样式代码时 , 建议将带有前缀属性放在前面 , 确保在老版本浏览器中兼容性 , 将不带前缀版本放在最后一行 , 符合标准 ; 例如 : 对于 border-radius 属性 , 早期写法可能包括各种前缀...; 在 CSS 样式编写完成后 , 可使用 Autoprefixer 处理插件 , 自动 根据 目标浏览器版本和 兼容性要求 , 为 CSS 属性添加或移除必要 浏览器私有前缀 ;

    28410
    领券