<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: zdayang</title>
    <description>The latest articles on DEV Community by zdayang (@zdayang).</description>
    <link>https://dev.to/zdayang</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3949048%2F54564f4d-0c29-40ae-8b26-3258099dcceb.jpg</url>
      <title>DEV Community: zdayang</title>
      <link>https://dev.to/zdayang</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zdayang"/>
    <language>en</language>
    <item>
      <title>Let Claude Code or Codex in WSL Use Windows Chrome</title>
      <dc:creator>zdayang</dc:creator>
      <pubDate>Sun, 24 May 2026 12:51:12 +0000</pubDate>
      <link>https://dev.to/zdayang/let-claude-code-or-codex-in-wsl-use-windows-chrome-551g</link>
      <guid>https://dev.to/zdayang/let-claude-code-or-codex-in-wsl-use-windows-chrome-551g</guid>
      <description>&lt;p&gt;If you run Claude Code or Codex inside WSL, browser automation can get awkward fast.&lt;/p&gt;

&lt;p&gt;Your AI coding tool is running in Linux. Your real browser is usually Windows Chrome. That means the agent may open a fresh Linux browser, lose your logged-in state, miss your normal debugging environment, or fail to connect to Chrome DevTools MCP at all.&lt;/p&gt;

&lt;p&gt;For frontend work, QA, screenshots, console logs, and network debugging, that is a bad default. You usually want the agent to control the same Windows Chrome environment you actually use.&lt;/p&gt;

&lt;h2&gt;
  
  
  The pain
&lt;/h2&gt;

&lt;p&gt;The idea sounds simple: connect WSL to Windows Chrome.&lt;/p&gt;

&lt;p&gt;In practice, there are several small traps:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Chrome remote debugging should use a dedicated profile, not your everyday default profile.&lt;/li&gt;
&lt;li&gt;WSL networking may expose Windows Chrome through &lt;code&gt;127.0.0.1&lt;/code&gt;, a gateway IP, or another reachable host depending on the setup.&lt;/li&gt;
&lt;li&gt;Installing &lt;code&gt;chrome-devtools-mcp&lt;/code&gt; is not enough; Codex or Claude Code must load the right MCP config.&lt;/li&gt;
&lt;li&gt;The browser should not open every time the AI tool starts. It should open only when you ask the agent to browse.&lt;/li&gt;
&lt;li&gt;If another browser tool is installed, the agent may silently use the wrong one unless you give it clear default-routing instructions.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;None of these are hard alone. Together, they are annoying enough to waste an afternoon.&lt;/p&gt;

&lt;h2&gt;
  
  
  The setup I recommend
&lt;/h2&gt;

&lt;p&gt;Use this shape:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Claude Code or Codex in WSL
-&amp;gt; Chrome DevTools MCP
-&amp;gt; reachable Windows Chrome debug endpoint
-&amp;gt; dedicated Windows Chrome profile
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The dedicated Chrome profile matters. It keeps AI-driven browser work separate from your everyday Chrome profile while still allowing persistent sessions for development tasks.&lt;/p&gt;

&lt;p&gt;A good profile path is:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;%LOCALAPPDATA%\ChromeDevtoolsMcpProfile
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After setup, a simple test should work:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use the WSL Chrome Bridge to open Google in Windows Chrome and search for latest AI news.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If that opens Windows Chrome, not a disposable Linux browser, the bridge is doing its job.&lt;/p&gt;

&lt;h2&gt;
  
  
  The packaged version
&lt;/h2&gt;

&lt;p&gt;I packaged this setup as WSL Chrome Bridge so you do not have to wire it by hand.&lt;/p&gt;

&lt;p&gt;It includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;an installable &lt;code&gt;wsl-chrome-mcp-browser&lt;/code&gt; Skill for Codex and Claude Code&lt;/li&gt;
&lt;li&gt;launcher scripts for Windows Chrome from WSL&lt;/li&gt;
&lt;li&gt;Chrome DevTools MCP config examples&lt;/li&gt;
&lt;li&gt;install docs designed to be followed by the AI coding tool itself&lt;/li&gt;
&lt;li&gt;troubleshooting guidance for common WSL, npm, Chrome, and MCP issues&lt;/li&gt;
&lt;li&gt;optional default-routing snippets for &lt;code&gt;AGENTS.md&lt;/code&gt; and &lt;code&gt;CLAUDE.md&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Support docs are here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/zdayang/wsl-chrome-bridge-support" rel="noopener noreferrer"&gt;https://github.com/zdayang/wsl-chrome-bridge-support&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The packaged installer is available on Gumroad:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://mindstructor.gumroad.com/l/wsl-chrome-bridge" rel="noopener noreferrer"&gt;https://mindstructor.gumroad.com/l/wsl-chrome-bridge&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It does not bypass CAPTCHA, 2FA, paywalls, or anti-bot systems. It simply helps your AI coding tool in WSL use a Windows Chrome debug profile you control.&lt;/p&gt;

&lt;p&gt;That is the whole point: fewer browser setup problems, more reliable AI-assisted debugging.&lt;/p&gt;

</description>
      <category>wsl</category>
      <category>chrome</category>
      <category>ai</category>
      <category>devtools</category>
    </item>
  </channel>
</rss>
