[油猴脚本开发指南]外部资源引用
最新回答
死在新鲜感
2021-12-08 22:30:23
油猴脚本开发中外部资源引用的指南如下：
使用@require属性引入外部JS资源：
- 在油猴脚本中，可以通过@require属性引入如jQuery、Vue等外部JavaScript框架或库。
- 示例：@require;。
- 注意事项：由于脚本在油猴环境中执行，可能需要特殊权限以操作window对象，避免潜在的冲突。
使用脚本加载功能避免冲突：
- 为避免直接引用导致的冲突，可以使用脚本加载功能，通过动态插入<script>标签来加载资源。
- 确保资源加载完成后再执行后续脚本逻辑。
使用@resource属性预加载CSS资源：
- 油猴支持通过@resource属性预加载CSS资源。
- 示例：@resource，其中md5hash是资源的MD5哈希值，用于校验。
- 预加载后，可通过GM_addStyle方法将CSS添加到页面中。
实现动态样式调整：
- 可以引入外部插件，如Darkmode.js，来实现黑夜模式等动态样式调整功能。
- 示例：直接在脚本中使用<script src="https://example.com/darkmode.js"runat="start"></script>来引入Darkmode.js插件。
- 通过这种方式，可以轻松为网页添加黑夜模式，提升用户体验。
重点内容： @require：用于引入外部JavaScript资源，注意可能需要的特殊权限。 脚本加载：通过动态插入<script>标签来避免直接引用导致的冲突。 @resource：用于预加载CSS资源，并通过GM_addStyle添加到页面中。 动态样式调整：通过引入外部插件实现，如黑夜模式。
热门标签
