Claude Code มีเบราว์เซอร์ในตัวแล้ว — เขียนเว็บเสร็จ มันเปิดดู กดคลิก แล้วแก้บั๊กเองจบในแอป
สารบัญ
สรุปให้ไว
เบราว์เซอร์อยู่ในแอปแล้ว
Claude Code เปิดหน้าเว็บที่เพิ่งเขียนได้เอง ไม่ต้องแคปหน้าจอส่งให้มันดูอีก
มันตรวจงานตัวเอง
สตาร์ท dev server เอง เปิดดูเอง อ่าน console กับ network request แล้วไล่แก้ต่อ
แยกขาดจากเบราว์เซอร์เราจริง
ไม่มี login ไม่มี history ของเรา ติดมาด้วย
มีเส้นกั้นไว้
เว็บภายนอกต้องขออนุญาตก่อน และห้ามซื้อของ ห้ามสมัครบัญชี ห้ามผ่าน CAPTCHA
01มันคืออะไร
เดิมวงจรแก้บั๊กหน้าเว็บกับ AI มันขาดตรงกลางเสมอ Claude เขียนโค้ดให้ เรารันเอง เปิดดูเอง เจอปุ่มเพี้ยน แล้วก็ต้องแคปหน้าจอหรือก๊อป error กลับไปวางให้มันอ่าน วนแบบนี้รอบละหลายนาที
อัปเดตนี้เอาช่วงกลางออก Anthropic ใส่เบราว์เซอร์เข้ามาในแอป Claude Code ตรง ๆ Claude จึงเปิดหน้าเว็บที่เพิ่งสร้าง กดปุ่ม กรอกฟอร์ม อ่าน error ที่ขึ้นจริง แล้วแก้โค้ดต่อได้ในลูปเดียว เปิดด้วย Cmd+Shift+B บน Mac หรือ Ctrl+Shift+B บน Windows และส่วนใหญ่มันจะสตาร์ท dev server แล้วเปิดเองหลังเขียนโค้ดเสร็จโดยไม่ต้องสั่ง
ภาพจำ: จากเดิมที่เราเป็นคนถือหน้าจอให้ AI ดู ตอนนี้มันมีตาเป็นของตัวเองแล้ว
ทำอะไรได้บ้าง
- ★
เปิดและกดเอง
คลิกปุ่ม กรอกฟอร์ม เดินตาม flow ของหน้าเว็บที่มันเพิ่งเขียน
- ★
อ่าน console
เห็น error จริงที่หน้าเว็บพ่นออกมา ไม่ต้องเดาจากโค้ด
- ★
ดู network request
ไล่ได้ว่า API ไหนพัง ตอบอะไรกลับมา
- ★
ชี้ element ที่เพี้ยน
บอกได้ว่าปุ่มไหนไม่ทำงานหรือหลุด layout
- ★
แยก session
เบราว์เซอร์ตัวนี้ไม่มี login และ history ของเรา ใช้คนละโปรไฟล์
- ★
ขออนุญาตก่อนออกนอกบ้าน
แตะเว็บภายนอกครั้งแรกจะเด้งถาม allow once / always / deny ส่วนเว็บ local ของเราเองไม่ถาม
02จุดที่ต้องระวัง
ข้อดีของการที่มันแยกจากเบราว์เซอร์หลักคือไม่มี cookie งานเราให้มันเผลอใช้ แต่แปลว่าถ้าต้องเทสต์หลัง login เราต้องเตรียมบัญชีทดสอบให้มันเอง อย่าเอา session ของบัญชีจริงหรือบัญชีลูกค้าไปให้เด็ดขาด
Anthropic ล็อกไว้ชัดว่ามันซื้อของ สมัครบัญชี หรือผ่าน CAPTCHA ไม่ได้ ซึ่งดี แต่กฎ allow-always ยังเป็นดาบสองคม กด "อนุญาตตลอด" ให้โดเมนหนึ่งเมื่อไหร่ ครั้งต่อ ๆ ไปมันจะเข้าเองโดยไม่ถามอีก บนเครื่องที่มีงานลูกค้าอยู่ ให้กด allow เฉพาะครั้ง อย่ากดตลอด
03เกี่ยวอะไรกับเรา
ฟันธง: **ฝึกให้คล่อง** นี่คืออัปเดตที่ประหยัดเวลาจริงต่อวัน ไม่ใช่ฟีเจอร์โชว์ ใครทำงานหน้าเว็บ ทำ landing page ทำ dashboard ภายใน จะรู้สึกได้ทันทีในงานแรก เพราะรอบ "เขียน-ดู-แก้" หดจากหลายนาทีเหลือคำสั่งเดียว
วิธีเริ่มที่คุ้มที่สุดคืออย่าเพิ่งใช้กับโปรเจกต์ใหญ่ ลองกับหน้าเดียวที่พังอยู่แล้ว สั่งให้มันเปิดดูเอง อ่าน console แล้วบอกกลับมาก่อนว่าเจออะไร ค่อยให้แก้ จะได้เห็นว่ามันตีความ error ตรงกับที่เราคิดไหม
ต่อยอด: ผูกเข้ากับ workflow ที่ใช้อยู่ได้เลย ให้ Claude Code จบงานหนึ่งชิ้นด้วยการ "เปิดดูของจริงแล้วรายงานว่าผ่านทุกข้อในเช็กลิสต์ไหม" กลายเป็นด่านตรวจอัตโนมัติก่อนถึงมือเรา ส่วนการ merge ขึ้น production ยังต้องเป็น Human Gate เหมือนเดิม