掌控网页脚本执行：Yett - 高效的开源解决方案

最新推荐文章于 2024-08-29 07:55:30 发布

周琰策Scott

最新推荐文章于 2024-08-29 07:55:30 发布

阅读量284

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00019/article/details/138996369

版权

掌控网页脚本执行：Yett - 高效的开源解决方案

yett🔐A small webpage library to control the execution of (third party) scripts项目地址:https://gitcode.com/gh_mirrors/ye/yett

项目简介

在数字化时代，保护用户隐私变得尤为重要。Yett 是一款小巧且强大的网页库，旨在帮助你在 GDPR 合规的前提下控制第三方脚本，如分析工具的执行。只需简单几步，就能实现对网站上脚本执行的精细管理。

技术解析

Yett 的核心在于其简洁而高效的设计。通过在 HTML 中添加一个黑名单或白名单，你可以轻松阻止或延迟特定域名下的脚本运行。不仅如此，Yett 还利用 MutationObserver 监听文档中的变化，确保即使动态插入的脚本也能被有效地管理和控制。此外，它还巧妙地使用 type="javascript/blocked" 属性阻止指定脚本的预先加载，进一步优化性能。

应用场景

GDPR 合规性：为用户提供明确的同意选项，只有在用户同意后才加载分析脚本。
广告拦截：允许用户在给出许可前不接收广告。
性能优化：延迟非关键脚本的加载以改善页面初次加载速度。
开发者控制：在开发环境中防止意外的脚本执行。

项目特点

易用性：只需要在 HTML 头部添加 Yett 脚本和简单的配置即可启用。
灵活性：支持黑名单和白名单两种模式，满足不同需求。
兼容性广泛：适用于所有主流浏览器，包括 IE11。
轻量级：体积小，不影响整体性能。
社区驱动：鼓励用户分享应用场景，不断扩展功能边界。

使用示例

引入 Yett 到你的 HTML 文件中，然后定义一个黑名单（或者白名单），例如：

<!-- 添加黑名单 -->
<script>
  window.YETT_BLACKLIST = [
    /my-blacklisted-domain/,
  ]
</script>
<!-- 引入 Yett -->
<script src="https://unpkg.com/yett"></script>
<!-- 或者使用针对现代浏览器的小版本 -->
<!-- <script src="https://unpkg.com/yett/dist/yett.min.modern.js"></script> -->

随后，你可以使用 window.yett.unblock() 来恢复已阻止脚本的执行。

Yett 不仅是一个工具，更是一种理念，它赋予了网页开发者对脚本执行前所未有的控制力。无论是为了保障用户隐私，还是提升用户体验，Yett 都是值得信赖的选择。立即尝试，看看你能如何用它来提升你的网站吧！

查看 Demo 体验更多细节，或直接从 GitHub 获取源代码并开始你的项目吧！

yett🔐A small webpage library to control the execution of (third party) scripts项目地址:https://gitcode.com/gh_mirrors/ye/yett