Add to Chrome

Edit, inspect & capture any page

The website editor (“InTab Dev”) is an in-page toolkit for developers, designers, and tinkerers. It’s a paid feature - available on Pro and Max (and to Lifetime supporters).

Opening it

Open a page and toggle the editor from the toolbar popup → Editor. It appears as a draggable, resizable floating window you can minimize, maximize, or close. It has three tabs: Edit, Inspect, and Save.

Edit

Select any element and change it live:

  • edit its HTML, inline styles/CSS, or run a JS snippet with access to the node, document, and window;
  • work through a visual DOM tree (duplicate, delete, move, retag, add attributes);
  • use a visual CSS editor (size, position, spacing, text, background, border, effects); and
  • build changes with a visual JS flow editor.

Choose Save to this page and your CSS is re-applied automatically the next time you visit that URL. (Saved HTML and JS are not auto-run on load - only re-applied manually in the editor - to keep pages stable.)

Inspect

A live inspector plus several audits:

  • Page inspector - selector, box model, matched/inherited rules, event listeners, animations.
  • X-Ray - visualize DOM nesting depth as color layers or a wireframe.
  • SEO audit - a score with ~40 checks, search and social previews, and schema/JSON-LD detection.
  • Tech stack detection - React, Vue, Angular, Next.js, Nuxt, WordPress, Shopify, jQuery, Tailwind, Bootstrap, GSAP, and more.
  • Validity - HTML and CSS validation.
  • Responsive simulator - real device frames with spoofed user-agents and synced interaction.

Save / capture

Export the page: an HTML snapshot (whole page or head/body, with cleanup), the CSS bundle, the JS bundle (raw/pretty/minified), and extracted assets - images, video, audio, fonts, PDFs, and colors - individually or all at once as a zip.

Notes

  • Cross-origin stylesheets may be unreadable by the browser and are flagged as “blocked sheets.”
  • Saved page edits are part of Pro cloud sync. See What syncs across devices.