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

前言

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

远程代码 ​

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

Google Analytics ​

例如，你可以导入 Google Analytics：

// 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：

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

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