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',
});

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

相关推荐
sma2mmm1 分钟前
微前端实现方案对比Qiankun VS npm组件
前端·前端框架·npm
月起星九4 分钟前
为什么package.json里的npm和npm -v版本不一致?
前端·npm·node.js
孤客网络科技工作室15 分钟前
每天学一个 Linux 命令(7):cd
java·linux·前端
JSON_L19 分钟前
Vue 组件通信 - Ref组件通信
javascript·vue.js·ecmascript
努力的搬砖人.20 分钟前
Vue 2 和 Vue 3 有什么区别
前端·vue.js·经验分享·面试
Json_1817901448038 分钟前
python采集淘宝拍立淘按图搜索API接口,json数据示例参考
服务器·前端·数据库
珹洺1 小时前
Java-servlet(十)使用过滤器,请求调度程序和Servlet线程(附带图谱表格更好对比理解)
java·开发语言·前端·hive·hadoop·servlet·html
Fri_1 小时前
Vue 使用 xlsx 插件导出 excel 文件
javascript·vue.js·excel
熙曦Sakura1 小时前
【C++】map
前端·c++
黑贝是条狗1 小时前
html 列表循环滚动,动态初始化字段数据
前端·javascript·html