{
  "id": 16064149,
  "title": "Why CSS selectors break and how I created StableHTMLFinder to analyze DOM stability",
  "url": "https://urgent.news/2026/10/22/css-stablehtmlfinder-dom",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-10-22T15:34:47.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/pavelcraft/pochiemu-css-sieliektory-lomaiutsia-i-kak-ia-sozdal-stablehtmlfinder-dlia-analiza-stabilnosti-dom-4ga1"
  },
  "original_language": "ru",
  "account": "A developer has created a Chrome extension called StableHTMLFinder, which helps identify stable parts of a webpage's DOM (Document Object Model) that remain unchanged across multiple page reloads. This was motivated by the challenge of writing reliable CSS selectors for automating browser tasks, parsing pages, or blocking unwanted elements, as modern websites often use dynamic content. The extension generates a \"stability map\" of the webpage, highlighting elements and attributes that remain stable, allowing users to easily find reliable selectors for tasks such as blocking unwanted content. The developer, who also created the BlockIt extension, was inspired to create StableHTMLFinder after encountering difficulties with dynamic content while working on BlockIt in 2026.",
  "summary": "If you've ever written CSS selectors for browser automation, page parsing, or blocking unwanted elements, you've likely encountered a situation where: yesterday the selector worked, but today it stopped finding the right element. The reason is often not in the selector error, but in the page itself. Modern sites actively use dynamically generated classes, changing attributes,…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}