WXT浏览器插件开发中文教程(25)----加载远程代码

前言

大家好,我是倔强青铜三 。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。欢迎点赞、收藏、关注,一键三连!!!

远程代码

WXT 会自动下载并捆绑带有 url: 前缀的导入,这样扩展就不会依赖远程代码,这是 Google 对 MV3 的要求

Google Analytics [​](#Google Analytics "#google-analytics")

例如,你可以导入 Google Analytics:

ts 复制代码
// utils/google-analytics.ts
import 'url:https://www.googletagmanager.com/gtag/js?id=G-XXXXXX';
window.dataLayer = window.dataLayer || [];
// 注意:这一行与 Google 的文档不同
window.gtag = function () {
  dataLayer.push(arguments);
};
gtag('js', new Date());
gtag('config', 'G-XXXXXX');

然后你可以在 HTML 文件中导入这个文件以启用 Google Analytics:

ts 复制代码
// popup/main.ts
import '~/utils/google-analytics';
gtag('event', 'event_name', {
  key: 'value',
});

最后感谢阅读!欢迎关注我,微信公众号倔强青铜三。欢迎点赞收藏关注,一键三连!!!

相关推荐
JordanHaidee几秒前
【Rust GUI开发入门】编写一个本地音乐播放器(11. 支持动态明暗主题切换)
前端·ui kit
爱泡脚的鸡腿2 分钟前
VUE移动端项目跟练2(简洁易懂)
前端·javascript·vue.js
拜晨18 分钟前
用 MCP 把自己的接口接入 AI
前端·node.js
小狮子安度因21 分钟前
FFmpeg-vflip滤镜使用
vue.js·ffmpeg·myeclipse
古夕21 分钟前
技术复盘文档:解决 `watchEffect` 导致的图片闪烁无限循环问题
前端·javascript·vue.js
拾缘24 分钟前
esm和cmj混用报错分析
前端·javascript
古夕24 分钟前
技术复盘文档:`resourceLogoUrl` 数据丢失问题分析与最终解决方案
前端·javascript·vue.js
streaker30327 分钟前
前端开发者的 AI 学习笔记 🚀
前端·openai
高热度网28 分钟前
从 Vercel 构建失败谈 Git 大小写敏感性问题:一个容易被忽视的跨平台陷阱
前端·javascript
青衫旧故28 分钟前
Uniapp Vue2 Vue3常量保存及调用
前端·javascript·vue.js·uni-app