Layout Modes

1DevTool ให้คุณจัดเรียง panels ของคุณในสาม layout modes ต่างกัน แต่ละโหมดออกแบบมาสำหรับงานประเภทต่างกัน คุณสามารถสลับระหว่างพวกมันได้ตลอดเวลาโดยไม่เสียสิ่งที่เปิดอยู่ — panels ของคุณแค่จัดเรียงใหม่เพื่อ fit layout ใหม่

สาม Layout Modes

Grid 2×2

โหมด grid แบ่งพื้นที่หลักเป็นสี่ quadrants เท่ากัน แต่ละ quadrant ถือ panel หนึ่งตัว ให้คุณ panels สี่ตัวมองเห็นพร้อมกัน

ดีที่สุดสำหรับ: การรัน AI agents หลายตัวแบบขนาน เมื่อคุณมี Claude Code ทำงานบน frontend ใน terminal หนึ่ง Codex refactoring backend ในอีกตัว และ Browser panel พรีวิวผลลัพธ์ grid 2×2 ให้คุณดูทั้งหมดพร้อมกัน

นี่คือ layout ค่าเริ่มต้นเมื่อคุณเปิด 1DevTool ครั้งแรก เพราะงาน agent แบบขนานคือสิ่งที่แอปออกแบบมา

Column View

Column view แบ่งพื้นที่หลักเป็นสอง panels คู่กัน — column ซ้ายและ column ขวา แต่ละ column กินพื้นที่ครึ่งหน้าจอ

ดีที่สุดสำหรับ: งานสอง panel ที่มีโฟกัส การตั้งค่าทั่วไปคือ Terminal ด้านซ้ายและ Browser ด้านขวา เพื่อให้คุณพิมพ์ prompt ไปยัง agent และดูผลลัพธ์เรนเดอร์ทันที อีก combination ที่นิยมคือ Terminal + Git เพื่อให้คุณรีวิว diffs ขณะที่ agent commit การเปลี่ยนแปลง

Fullscreen

โหมด fullscreen ขยาย panel เดียวให้เต็มพื้นที่หลัก panels อื่นทั้งหมดถูกซ่อน (แต่ยังคงทำงาน)

ดีที่สุดสำหรับ: โฟกัสลึก เมื่อคุณต้องอ่าน output AI ยาว เขียน prompt รายละเอียด หรือตรวจสอบผลลัพธ์ database ที่ซับซ้อน fullscreen กำจัดสิ่งรบกวนทั้งหมด กดปุ่มลัดอีกครั้งเพื่อกลับไปยัง layout ก่อนหน้าของคุณทันที

วิธีสลับ Layout Modes

มีสองวิธีในการสลับ:

1. คลิกไอคอน layout ใน toolbar ด้านบนของพื้นที่หลัก มันวนผ่านสามโหมดตามลำดับ
2. ใช้ปุ่มลัดคีย์บอร์ด Cmd+Shift+L บน Mac หรือ Ctrl+Shift+L บน Windows/Linux

ทั้งสองวิธีทำงานได้ตลอดเวลา แม้เมื่อ panel โฟกัสอยู่และคุณกำลังพิมพ์กลางคัน

เคล็ดลับ: หากคุณต้องการโฟกัสที่ panel เดียวชั่วคราวโดยไม่เปลี่ยน layout ของคุณ เพียงกด Cmd+Shift+F (Mac) หรือ Ctrl+Shift+F (Windows) เพื่อไป fullscreen บน panel ที่ใช้งานอยู่ แล้วกดอีกครั้งเพื่อกลับมา

Layout Presets

เมื่อคุณจัดเรียง panels ของคุณในแบบที่คุณรัก คุณสามารถบันทึกมันเป็น layout preset เพื่อให้คุณกลับไปที่มันในคลิกเดียว

เพื่อบันทึก preset:

1. จัดเรียง panels ของคุณตามที่คุณต้องการ
2. เปิดเมนู layout โดยการคลิกไอคอน layout ใน toolbar
3. เลือก Save as preset และตั้งชื่อ (เช่น "Agent sprint" หรือ "Review mode")

Presets ที่บันทึกปรากฏด้านบนของเมนู layout คลิกชื่อ preset ใดๆ เพื่อคืนการจัดเรียงนั้นทันที รวมถึง panel types ใดเปิดอยู่และพวกมันอยู่ที่ไหน

Presets ถูกบันทึกต่อโปรเจกต์ ดังนั้นคุณสามารถมีการจัดเรียงต่างสำหรับ codebases ต่างโดยไม่รบกวนกัน