HTML Snipper

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