HTML Snipper in Chrome with OffiDocs

DESCRIPTION

HTML Snipper - Configure and cut out HTML elements on a site.

Cut out HTML Elements loaded on a webpage.

{"config": {"Value": [{"url": "<url>", "continual": true, "html": ["<Query Statement CSS Selector>"]}]}}
url: The https url to monitor.
continual: If the element is only on load this can be false. If the element is something that appears when the user takes an action like opening a menu or adding something this can be continual.
html: This is an array of CSS selectors representing the html elements

https://www.w3schools.com/cssref/css_selectors.php

Example removing the ability to delete or edit comments in Google Workspace Editors:
{"config": {"Value": [{"url": "https://docs.google.com", "continual": true, "html": [".docos-edit-menuitem", ".docos-delete-menuitem"]}]}}

Example removing YouTube video previews in Google Workspace Editors when a user adds a link.
{"config": {"Value": [{"url": "https://docs.google.com", "continual": true, "html": [".docs-link-bubble-card"]}]}}

Example removing all elements on YouTube except the video.
{"config": {"Value": [{"url": "https://www.youtube.com/", "continual": true, "html": ["#voice-search-button", "yt-searchbox", "#related", "#logo", "#guide-button", "#sections", "#chips", "#top-row", "#middle-row", "#bottom-row", "ytd-mini-guide-renderer"]}]}}

https://github.com/googlechromelabs/htmlsnipper

HTML Snipper web extension integrated with the OffiDocs Chromium online