‏مرورگر داخلی Claude Code چه کاری رو راحت می‌کنه

نویسنده با یه درد آشنا شروع می‌کنه: وسط کار جدی با Claude Code لازم می‌شه یه صفحهٔ زنده رو ببینی — برای بررسی یه مشکل ظاهری، خوندن مستندات یا برداشتن محتوا — و انجام تمیز این کار از داخل جریان کدنویسی همیشه دست‌وپاگیر بوده. مرورگر داخلی همین رو عوض می‌کنه.

نکتهٔ اصلی اینه که این ابزار یه واکشی ساده نیست. یه نشست مرورگر واقعی — چیزی شبیه Chromium بدون رابط — بالا میاره که مدل می‌تونه حین گفتگو کنترلش کنه: صفحه رو باز می‌کنه، اسکرین‌شات می‌گیره، باهاش تعامل می‌کنه (کلیک، اسکرول، پر کردن فرم) و محتوای دیداری و متنی رو برمی‌گردونه. تفاوتش با اسکرپینگ اینه که اسکرپ فقط HTML خام رو می‌کشه، ولی اینجا صفحه با جاوااسکریپت و CSS و محتوای پویا کامل رندر می‌شه.

بخش جالب‌تر، علامت‌گذاری دیداریه. به گفتهٔ نویسنده، مدل می‌تونه یه صفحهٔ رندرشده رو نگاه کنه و یه دکمه یا آیتم منو یا بلوک چیدمان رو بر اساس موقعیت و ظاهرش تشخیص بده، نه صرفاً از روی ساختار HTML. یعنی موقع دیباگ یه مشکل ظاهری، به‌جای توصیف انتزاعی، مستقیم به همون چیزی که خرابه اشاره می‌کنه. یه استدلال هزینه‌ای هم اضافه می‌کنه: سرویس‌های مرور وب بیرونی برای کارهای پژوهش‌محور زود گرون می‌شن، و این قابلیت همون کار رو داخل ابزاری که ازش استفاده می‌کنی نگه می‌داره.

کاربردهای پژوهشی‌ای که مثال می‌زنه ملموسن. اول، خوندن مستندات زنده به‌جای اتکا به دانش آموزشی مدل: می‌تونی بگی مستندات فعلی یه فریم‌ورک رو ببین و بر اساس همون الگوی توصیه‌شدهٔ امروز کد بنویس، نه چیزی که هجده ماه پیش درست بود. دوم، پژوهش رقابتی و مرجع — دادن چند آدرس و خواستن بررسی سیستماتیک الگوهای رابط کاربری یا مقایسهٔ ساختار پاسخ چند API. سوم، دیباگ مشکلات محیط عملیاتی: آدرس سایت و شرح مشکل رو بده تا همون چیزی که کاربر می‌بینه رو ببینه و ردش رو تا کامپوننت یا CSS مربوطه بگیره.

دستهٔ دوم کاربردها، ویرایش دیداریه. می‌تونی آدرس کامپوننت محلی و آدرس طرح مرجع رو کنار هم بدی و فهرست تفاوت‌ها — فاصله‌گذاری، مقدار رنگ، وزن فونت — رو بگیری. یا برای تغییر استایل، به‌جای توصیف کلامی مبهم، به یه جزء مشخص روی صفحه اشاره کنی. نویسنده می‌گه قدرت واقعی تو حلقهٔ تکراره: تغییر بده، اسکرین‌شات بگیر، مقایسه کن، دوباره تنظیم کن — همون کاری که یه توسعه‌دهندهٔ فرانت‌اند روزی ده‌ها بار دستی انجام می‌ده.

چند توصیهٔ عملی هم داره: دقیق بگو دنبال چی هستی («برو این صفحه و بخش احراز هویت API رو پیدا کن و هدرهای لازم رو دربیار» به‌جای «این صفحه رو برام توضیح بده»)؛ فعالانه اسکرین‌شات بخواه تا بدونی مدل داره چی می‌بینه؛ و بدون که احراز هویت جداست، چون این مرورگر کوکی‌های نشست تو رو نداره. سایت‌هایی که مرور خودکار رو مسدود می‌کنن یا کپچا و دیوار پرداخت دارن هم یه محدودیت واقعی‌ان، نه باگ.

تو مقایسه با گزینه‌های دیگه، نویسنده می‌گه سرویس‌های مرورگر بیرونی برای اسکرپینگ در مقیاس بزرگ قوی‌ترن ولی هزینه و حساب جدا می‌خوان؛ جستجوی وب تو Claude.ai از جنس بازیابی مبتنی بر موتور جستجوئه نه ناوبری مرورگر؛ و Computer Use یه قابلیت جداگانه و گسترده‌تره که کل محیط دسکتاپ رو در اختیار می‌گیره. جمع‌بندی‌ش اینه که برای کار روزمرهٔ توسعه، همین مرورگر داخلی چیزیه که واقعاً لازم داری. یه نکتهٔ کاربردی هم اضافه می‌کنه: چون تو همون محیط سرور توسعه اجرا می‌شه، می‌تونه آدرس‌های localhost رو هم باز کنه.

نکات کلیدی:

• یه نشست مرورگر واقعی با رندر کامل، نه یه واکشی HTML
• علامت‌گذاری دیداری اجزا رو از روی ظاهر تشخیص می‌ده، نه فقط از روی ساختار صفحه
• بهترین کاربردها: مستندات زنده، دیباگ ظاهری، پژوهش مرجع و مقایسه با طرح
• برای کارهای پایه‌ای به اشتراک سرویس مرور وب بیرونی نیاز نداره
• کوکی نشست تو رو نداره؛ صفحات پشت لاگین و سایت‌های ضدربات محدودیت واقعی‌ان
• باز کردن آدرس localhost ممکنه، پس برای دیباگ محلی رابط کاربری هم به کار میاد