Giter Site home page Giter Site logo

leedomjs / you-dont-need-useless-dom Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 1.38 MB

🪀「你不需要无用的Dom」You Don't Need (may not) Useless Dom. A simple chrome extension.

Home Page: https://chrome.google.com/webstore/detail/you-dont-need-useless-dom/bgjngbocjgelielanacegjgdgopelgll

License: MIT License

CSS 0.64% HTML 7.27% JavaScript 92.08%
chrome chrome-extension extension you-dont-need

you-dont-need-useless-dom's Introduction

🪀 You Don't Need (may not) Useless Dom.

这是一个简易的谷歌浏览器扩展程序。

This is a simple Chrome Extension.

Install on Chrome

简介

当我们逛网页时经常能看到不少广告、或者其他五花八门干扰我们注意力的页面元素,这时我们就需要在打开页面的时候自动将它干掉!

使用

方法一: 在Chrome应用商店中安装

  1. webstore中搜索 useless dom
  2. 点击进入应用详情,然后点击 添加至 Chrome 即可。

方法二: 非Chrome应用商店安装

  1. 打开谷歌浏览器,进入扩展程序页面。在浏览器地址栏输入chrome://extensions/,回车进入。
  2. 开启右上角的 开发者模式
  3. 将该项目的 extension 文件夹拖入即可。或者点击 加载已解压的扩展程序,选择该项目的 extension 文件夹即可。

TodoList

  • 去除一些网站上包含 Support Ukraine 🇺🇦 的DOM。(比如 Meta 一些开源项目的文档网站 —— reactreact-nativecreate-react-app)(举个🌰)
  • 打开百度经验,触发 展开阅读全部,并去掉广告部分。(再举个🌰)
  • 打开知乎,去掉右侧信息栏,左侧内容自动撑满父容器。
  • 打开斗鱼直播间,去掉右侧弹幕,左侧直播撑满父容器。
  • 打开bilibili哔哩哔哩首页,自动删除广告
  • github past sponsorship 标签变得显眼。
  • continue...

🌰 例子

图1是扩展未启用时,网站头部显示的 Support Ukraine 🇺🇦

图2是扩展启用后,该banner被自动删除。

before after
show-ukraine hide-ukraine

又是个 🌰 例子

图1是扩展未启用时,有一些广告和可能无用的元素。

图2是扩展启用后,可以看到,页面顿时清爽了不少!

before after
has-useless-dom no-useless-dom

you-dont-need-useless-dom's People

Contributors

leedom92 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ch-masan

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.