https://github.com/nicejade/ad-block-remind

A pop-up box reminding users who install the Ad Block Plus plugin to request a whitelist. Built on Web component. https://nicelinks.site/
https://github.com/nicejade/ad-block-remind

Last synced: about 1 month ago
JSON representation

A pop-up box reminding users who install the Ad Block Plus plugin to request a whitelist. Built on Web component. https://nicelinks.site/

• Host: GitHub
• URL: https://github.com/nicejade/ad-block-remind
• Owner: nicejade
• License: mit
• Created: 2022-07-13T15:20:17.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-28T15:30:15.000Z (about 2 years ago)
• Last Synced: 2025-05-14T04:32:09.982Z (about 1 month ago)
• Language: JavaScript
• Size: 33.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
AD BLOCK REMIND




  

    🌌 基于 Web Component 所构建的组件服务，用以检测是否拦截 Google 广告（如安装了 Chrome Adblock 扩展），如有则弹框提醒请加白名单。

  








  

    

  

  



## 目标与哲学

Web Component 是一种创建**封装的**、**可复用的**、可扩展的、能组合的网页 UI (user interface) 组件的标准化方式。Web 开发者们，通过插件或者模块的形式，在网上分享自己的代码，便于其他开发者们复用这些优秀的代码。相对于 [Vue](https://nicelinks.site/post/5b1a221c0526c920d6dfaada)、[React](https://nicelinks.site/post/5b1294b5e93ed2618cfac134)，具有更简单的 API，以及更小的构建尺寸。因此，有开发一个简单微组件（Web Component 编写、Rollup 构建、jsDelivr 承载），用以方便在其他网页中插入。

## 如何使用

引入 js 资源：

```js

```

在合适的位置添加组件：

```html

```

在线示例效果，请参见[静轩之别苑](https://quickapp.lovejade.cn/)。

![检测是否拦截 Google 广告](https://lovejade.oss-cn-shenzhen.aliyuncs.com/ad-block-remind-quickapp.lovejade.cn.png)

## 参与开发

```bash

git clone https://github.com/nicejade/ad-block-remind.git

cd ad-block-remind

# 安装依赖

yarn

# 运行代码

yarn start

```

## 相关链接

- [**倾城之链**](https://nicelinks.site?utm_source=github-nicelinks)

- [About Me](https://about.me/nicejade?utm_source=github-nicelinks)

- [个人博客](https://jeffjade.com/nicelinks?utm_source=github-nicelinks)

- [静轩之别苑](https://quickapp.lovejade.cn/?utm_source=github-nicelinks)

- [静晴轩别苑](https://nice.lovejade.cn/?utm_source=github-nicelinks)

- [吾意静晴轩](https://docz.lovejade.cn/?utm_source=github-nicelinks)

- [天意人间舫](https://blog.lovejade.cn/?utm_source=github-nicelinks)

- [新浪微博](https://weibo.com/jeffjade?utm_source=github-nicelinks)

- [知乎主页](https://www.zhihu.com/people/yang-qiong-pu/)

- [简书主页](https://www.jianshu.com/u/9aae3d8f4c3d)

- [SegmentFault](https://segmentfault.com/u/jeffjade)

- [Twitter](https://twitter.com/nicejadeyang)

- [Facebook](https://www.facebook.com/nice.jade.yang)

| 微信公众号 | 前端微信群 | 推荐 Web 应用 |

| --- | -- | --- |

| 😉 静晴轩 | ✨ 大前端联盟 | 🎉 倾城之链 |

| ![静晴轩](https://image.nicelinks.site/qrcode_jqx.jpg) | ![倾城之链](https://image.nicelinks.site/wqycx-weixin.png?ver=1) |  |

## 许可执照

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2022-present, [晚晴幽草轩轩主](https://nicelinks.site/member/admin)