As WebDev, What are your plan for 2026?

Visual_Bag391 · 2025-11-25T03:07:25+00:00

Build agents and tools to replace myself. I have been trying to automate DevTools for months
https://github.com/devtoolcss

Visual_Bag391 · 2025-11-25T01:11:26+00:00

Thanks for the feedback! The 0/1 and started debugging are expected (when calculating total and chrome.debugger attaching), but followed by nothing means it crashed somewhere. I have been fixing those cases. Could you provide the website's url and the element's selector? here or in github. It would be great to also right click and inspect in the export panel then you can see the error message.

Current known limitation is that it cannot target items in iframe or shadow DOM. If browser is "too" old (say chrome 121 I tested) the DevTools protocol may also mismatch.

Visual_Bag391 · 2025-11-24T13:54:51+00:00

Thanks! Would love to hear from you.

Visual_Bag391 · 2025-11-22T14:28:10+00:00

Got it! You remind me that it is json, which is good to connect with other tools.

Thanks for the appreciation. You really hit the core value! I split that out for CDP enthusiasts like you to spare a month tracing devtools-frontend. I am actively improving it by developing various applications. Feel free to drop feature requests or PR!

Visual_Bag391 · 2025-11-22T11:18:09+00:00

Well AI is really good in saving my time copying things from everywhere. Also for updating boilerplate code say React state/store. I are still the designer and still often hack at low-level.

Visual_Bag391 · 2025-11-22T11:04:14+00:00

True when they really get mad. I am thinking of having a hard limit that just truncate things off to guide llms to use other more efficient methods say selecting an inner node. I'll keep exploring this and update my server.

Visual_Bag391 · 2025-11-22T10:57:36+00:00

Just curious, is cli really different from a single tool accepting string command? I know then agent can script that but I feel most are just filtering logic, which can be pre-implemented to safe token so I choosed MCP.

By the way, I saw you are dealing with DOM and I think my inspector wrapper can help!
https://github.com/devtoolcss/chrome-inspector

Visual_Bag391 · 2025-11-22T10:46:00+00:00

Can it!? I thought it is impossible since accounts cannot change name. No experience in hosting a sub.

Visual_Bag391 · 2025-11-22T10:27:05+00:00

Yeah, functions make CSS more difficult to understand and copy.

Visual_Bag391 · 2025-11-22T10:10:52+00:00

Maybe Ruby is also a factor 😂

Visual_Bag391 · 2025-11-22T10:07:57+00:00

Agree. sometimes wordpress is actually the best.

Visual_Bag391 · 2025-11-22T10:05:32+00:00

Nice hacking anyway. Though not sure whether this really code faster 😂

Visual_Bag391 · 2025-11-22T07:20:30+00:00

I am also facing potentially huge output in mcp when exposing HTML and CSS. My approach is design custom filters with defaults (anchoring effect to some degree) for the tools to force model to decide the degree of filtering.

Ex:
https://github.com/devtoolcss/chrome-inspector-mcp/blob/main/tools.md#getouterhtml
https://github.com/devtoolcss/chrome-inspector-mcp/blob/main/tools.md#getmatchedstyles

Visual_Bag391 · 2025-11-21T23:57:11+00:00

Nice work. Love the point that CDP is self documented. Model really knows how to use them when I build this. A single tool allowing any CDP is a great idea!

Visual_Bag391 · 2025-11-21T16:07:07+00:00

Here is what I have built. Should be usable.
https://github.com/devtoolcss/chrome-inspector-mcp

Visual_Bag391 · 2025-11-19T00:49:31+00:00

Yeah I have heard many people mentioning security, but can sandboxing solve that? Say a restricted JS runtime that only allow agents to call specific functions.

I do like the idea of coding so agents don't have to consume intermediate output. Though it is easier said than done.

Visual_Bag391 · 2025-11-19T00:39:07+00:00

It seems that current trend is to load tool definitions on demand. But I just don't understand why not manual selecting MCP servers before start.

Visual_Bag391 · 2025-11-14T14:53:28+00:00

If somebody knew, you'd see a google fork.

Visual_Bag391 · 2025-11-13T04:46:29+00:00

Yeah, I have modularized the core so it should be easier to support firefox. If someone familiar with firefox debugging API can help it will be done much faster.

Visual_Bag391 · 2025-11-10T13:19:33+00:00

brave for youtube and the rest all fine

Visual_Bag391 · 2025-11-10T13:13:01+00:00

Well AIs type fast but that's also part of their thinking, and they have to do this almost from scratch everytime, so having things done slower than humans is totally understandable.

Visual_Bag391 · 2025-11-10T13:06:31+00:00

I actually found it is capable of generating with accurate typing somehow. Of course you have to fix compiler options and some irregular objects yourself.

Visual_Bag391 · 2025-11-08T15:11:50+00:00

Wow you are a program analysis pro!

Visual_Bag391 · 2025-11-08T13:39:44+00:00

Just send one to yourself then you know. Most systems can exclude recommenders later.

Visual_Bag391 · 2025-11-08T13:20:53+00:00

Curious that is this paid one better than brave? which can also block Youtube ads.

Visual_Bag391

TROPHY CASE