SWE @ChromeDevTools @OrKoN@mastodon.online
Munich, Germany
Joined February 2009
- Tweets1.6K
- Following229
- Followers399
- Likes1.1K
Alex Rudenko retweeted
You can now search learning materials on iximiuz Labs from the terminal, too 🚀
Why would you want to do it? Because now you can ask your favorite coding agent to compose a personalized learning path (from existing human-crafted materials, of course) and store it as a plain Markdown page or an Obsidian note.
Examples:
# Free-text search across everything
labctl search "kubernetes networking"
# Only challenges filtered by category
labctl search --kind challenge --category linux "namespaces"
github.com/iximiuz/labctl
Alex Rudenko retweeted
A fresh Docker challenge: Assemble a multi-platform image from two single-platform builds 🐳
A relatively rare but realistic scenario: an app uses two different codebases and/or Dockerfiles for the amd64 and arm64 versions, but needs one image.
Practice: labs.iximiuz.com/challenges/…
Alex Rudenko retweeted
Now you can automate many kinds of browser activity using the new Chrome DevTools MCP. In the other retweets of the base post, many people are already thinking of lots of great use cases for this functionality!
Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → goo.gle/4pDE6Tk
With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.
Alex Rudenko retweeted
Announcing @ChromeDevTools MCP! 🚀
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Key features:
✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease.
✅ Performance insights: Go beyond simple audits. Instruct your agent to record a performance trace and extract actionable insights to optimize your web apps.
✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context.
✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes.
Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development.
And there's much more to come!
Alex Rudenko retweeted
📝 Put your pencils down—now you can annotate traces directly in the performance panel!
+ Label time ranges
+ Label individual entries
+ Connect entries together
@varkki_alina walks you through all of the new features in today's blog post 👇
developer.chrome.com/blog/de…
Alex Rudenko retweeted
Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications.
Check it out: goo.gle/3XlCoIW
Alex Rudenko retweeted
🚀 Firefox is deprecating CDP support and embracing WebDriver BiDi for a more robust automation experience! ℹ️ Learn more about the transition and how it benefits web testing: fxdx.dev/deprecating-cdp-sup… #Firefox #WebDriverBiDi #WebTesting
Alex Rudenko retweeted
We're thrilled to share that the next generation of test automation is now a reality with Puppeteer and Firefox, thanks to the implementation of the WebDriver BiDi standard. 🚀 Read more: hacks.mozilla.org/2023/12/pu… #WebTesting #Puppeteer #Firefox #WebDriverBiDi
TPAC 2023 was fantastic, and it was my first time attending! I learned a lot, and, more importantly, I had the opportunity to meet many people in person whom I had only met online previously.
ALT TPAC badge
Alex Rudenko retweeted
A niche panel in #ChromeDevTools - The Protocol Monitor got an upgrade! What's New:
🤖 Auto-complete suggestions
📝 Command editor
💌 edit & resend
...and more! 👉🏽 developer.chrome.com/blog/cd…
Alex Rudenko retweeted
Excited to share idx.dev 🚀 - @Google's new browser-based code environment.
It has AI assistance for code-generation, code-completion and explaining code built-in. Also supports modern JavaScript frameworks out of the box.
Join the waitlist today 🙏
ALT IDX: explain my code, supports popular stacks, use AI for code generation
Alex Rudenko retweeted
Chrome for Testing: reliable downloads for browser automation developer.chrome.com/blog/ch…
Alex Rudenko retweeted
PSA: We open sourced Chrome DevTools' Recorder panel. Head over to chromium.googlesource.com/de… to see how it works and how you can contribute.
Alex Rudenko retweeted
Well, this is unbelievable, folks 💙 I created this Patreon page just five months ago, and four out of them, I've been heads down building iximiuz Labs. I was so focused on the development that my newsletter and the blog got (temporarily!) abandoned. And nevertheless, so many people decided to support me - trusting that I would deliver something in the end. And I will!
Truly looking forward to getting back to my writing and education activities, this time reinforced with a full-blown learning-by-doing platform.
Excited about the new selector syntax for querying open shadow roots in Puppeteer: pptr.dev/guides/query-select…
It is also possible to add your own extensions and use them in selectors. 🎉 It makes e2e testing apps with web components so much easier.
The latest version of DevTools Recorder allows you to add assertions without stopping the recording:
1. Click "Add Assertion" to add an element assertion.
2. Use the Element Picker to select the element that needs to be present.
3. Edit the attributes you expect on the element.
Did you know that DevTools Recorder supports extensions? You can also build your own and use the recorded information to generate test cases for your project/test runner/code style.
Learn how to install #Cypress extension, view and export test script from DevTools. @Cypress_io
👉🏽 cypress.io/blog/2023/04/13/q…
🤔Did you know Chrome DevTools has a Recorder panel?
🎥 Capture mouse/keyboard/navigation events & replay or export (e.g. to Puppeteer)
🔄 Meant for creating simple test cases📋, bug repro🐞 and site performance measurements📏
#ChromeDevTools
ALT Screenshot of the Recorder panel in DevTools showing a few events recorded on wikipedia.org
Recorder offers 5 selector types:
- CSS (ideal for non-auto-generated, semantic IDs/classes)
- ARIA (utilizes accessibility tree for name/role queries)
- Text (locates elements by DOM text match)
- XPath
- Pierce (for Shadow DOM, like CSS but shorter)
ALT Screenshot showing selector types.