IframeManager 开源项目教程

杜薇剑Dale

于 2024-09-11 07:38:58 发布

阅读量494

点赞数 9

本文链接：https://blog.csdn.net/gitblog_00811/article/details/142116145

版权

IframeManager 开源项目教程

iframemanager 🍪 GDPR friendly iframe manager written in vanilla js 项目地址: https://gitcode.com/gh_mirrors/if/iframemanager

1. 项目介绍

IframeManager 是一个轻量级的 JavaScript 插件，旨在帮助开发者遵守 GDPR（通用数据保护条例）。它通过最初完全移除 iframe，并设置一个与该服务相关的通知，来确保用户隐私。IframeManager 使用纯 JavaScript 编写，不依赖任何外部库，适用于任何现代浏览器。

2. 项目快速启动

2.1 安装

首先，克隆项目到本地：

git clone https://github.com/orestbida/iframemanager.git

2.2 引入脚本和样式表

在你的 HTML 文件中引入 IframeManager 的脚本和样式表：

<html>
<head>
    <link rel="stylesheet" href="iframemanager.css">
</head>
<body>
    <script defer src="iframemanager.js"></script>
</body>
</html>

2.3 配置和运行

创建一个 JavaScript 文件（例如 app.js），并在 HTML 中引入：

<body>
    <script defer src="iframemanager.js"></script>
    <script defer src="app.js"></script>
</body>

在 app.js 中配置 IframeManager：

(function() {
    const im = iframemanager();

    // 示例：嵌入 YouTube 视频
    im.run({
        currLang: 'en',
        services: {
            youtube: {
                embedUrl: 'https://www.youtube-nocookie.com/embed/[data-id]',
                thumbnailUrl: 'https://i3.ytimg.com/vi/[data-id]/hqdefault.jpg',
                iframe: {
                    allow: 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen'
                }
            }
        }
    });
})();