Description from extension meta
HTML Snipper - Configure and cut out HTML elements on a site.
Image from store
Description from store
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"]}]}}
https://github.com/googlechromelabs/htmlsnipper
Statistics
Installs
9,000
history
Category
Rating
0.0 (0 votes)
Last update / version
2025-03-10 / 0.0.2
Listing languages
en