前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Tampermonkey 中 @resource API的使用详解

Tampermonkey 中 @resource API的使用详解

作者头像
拿我格子衫来
发布2022-01-24 17:56:02
9470
发布2022-01-24 17:56:02
举报
文章被收录于专栏:TopFETopFE

在TM 中@resource 是可以从外部加载资源的,

用法如下

代码语言:javascript
复制
// @resource <name> <resourceurl>

使用 <name> 作为接受资源的变量名 后面紧跟 资源的地址<resourceurl>

代码语言:javascript
复制
// @resource bootstrapcss https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
// @resource icon1 http://www.tampermonkey.net/favicon.ico
// @resource icon2 /images/icon.png
// @resource html http://www.tampermonkey.net/index.html
// @resource xml http://www.tampermonkey.net/crx/tampermonkey.xml
// @resource SRIsecured1 http://www.tampermonkey.net/favicon.ico#md5=123434...

可以使用多个标签,

获取资源内容是用

GM_getResourceText(name)与GM_getResourceURL(name)

代码语言:javascript
复制
// ==UserScript==
// @name         RM
// @namespace    https://fizzz.blog.csdn.net/
// @version      0.1
// @description  Report Maker: 基于页面结构化数据生成报表
// @author       Fizz
// @match        https://*/**
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @resource bootstrapcss https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css

// ==/UserScript==

(function() {
  'use strict';
  let bootstrapcss = GM_getResourceText('bootstrapcss')  
  GM_addStyle(bootstrapcss)
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • GM_getResourceText(name)与GM_getResourceURL(name)
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档