โดย Google LLC
ชุดเครื่องมือแก้ไขและวินิจฉัยเว็บที่ติดตั้งมาในตัวเบราว์เซอร์ Google Chrome ช่วยให้คุณสามารถดูโค้ดเบื้องหลังของเว็บไซต์ใดก็ได้ และปรับเปลี่ยนลักษณะของหน้าเว็บได้แบบเรียลไทม์
คนส่วนใหญ่มักคิดว่าเครื่องมือเหล่านี้มีไว้สำหรับผู้เชี่ยวชาญเท่านั้น แต่นั่นไม่เป็นความจริงเลย หากคุณเคยสงสัยว่าทำไมปุ่มบนเว็บไซต์ถึงเป็นสีนั้น หรือทำไมวิดีโอถึงเล่นไม่ได้ Chrome DevTools คือเพื่อนที่ดีที่คุณควรมี มันถูกติดตั้งมาในเบราว์เซอร์ที่คุณน่าจะใช้งานอยู่แล้ว ให้ความรู้สึกเหมือนเมนูลับที่ช่วยให้คุณควบคุมประสบการณ์การท่องเว็บได้มากขึ้น เปิดใช้งานได้ง่ายและสนุกที่จะลองเล่นเมื่อคุณเห็นว่าการเปลี่ยนโค้ดไม่กี่บรรทัดบนหน้าจอของคุณนั้นง่ายเพียงใด
ส่วนที่ดีที่สุดของชุดเครื่องมือนี้คือการแก้ไขแบบสด คุณสามารถดับเบิลคลิกที่ข้อความใดก็ได้บนเว็บไซต์และเปลี่ยนเป็นอะไรก็ได้ที่คุณต้องการ การเปลี่ยนแปลงนี้จะปรากฏบนหน้าจอของคุณเท่านั้น จึงเป็นวิธีที่สมบูรณ์แบบในการดูว่าหัวข้อข่าวใหม่จะมีลักษณะอย่างไร หรือเพื่อจับภาพหน้าจออย่างรวดเร็ว โหมดอุปกรณ์เป็นอีกหนึ่งข้อดีที่สำคัญ ช่วยให้คุณเห็นว่าเว็บไซต์มีลักษณะอย่างไรบน iPhone หรือแท็บเล็ต Android โดยไม่จำเป็นต้องมีเครื่องจริง ทำให้การวางแผนโครงการของคุณสำหรับผู้ใช้มือถือนั้นง่ายขึ้นมาก
หากคุณใช้เวลาบนเว็บเป็นจำนวนมากและต้องการทราบว่ามันทำงานอย่างไร คุณควรลองใช้เครื่องมือเหล่านี้ แม้ว่าจะถูกสร้างขึ้นมาสำหรับมืออาชีพ แต่ฟีเจอร์พื้นฐานนั้นง่ายพอที่ทุกคนจะเรียนรู้ได้ ไม่ว่าคุณจะต้องการแก้ไขบั๊กเล็กๆ บนไซต์ของคุณเอง หรือแค่ต้องการดูว่าหน้าเว็บนั้นๆ ถูกประกอบขึ้นมาอย่างไร มันเป็นเครื่องมือฟรีและทรงพลังที่อยู่ใกล้ตัวคุณ คุ้มค่าที่จะลองศึกษาดูแม้ว่าคุณจะใช้เพียงส่วนเล็กๆ ของมันก็ตาม
Google Chrome Developer Tools เปรียบเสมือนการมีแว่นขยายสำหรับอินเทอร์เน็ต แม้ว่าคุณจะไม่ใช่ผู้ออกแบบเว็บมืออาชีพ แต่เครื่องมือเหล่านี้จะช่วยให้คุณแอบดูเบื้องหลังของเว็บไซต์ที่คุณเข้าชมได้ คุณสามารถเปลี่ยนสี อัปเดตข้อความ หรือดูว่าทำไมหน้าเว็บถึงโหลดช้าโดยไม่ทำให้เว็บไซต์จริงเสียหายสำหรับผู้อื่น เป็นวิธีที่ยอดเยี่ยมสำหรับผู้ใช้ที่อยากรู้อยากเห็นในการทำความเข้าใจว่าเว็บไซต์โปรดของพวกเขาถูกสร้างขึ้นมาอย่างไร
การเรียนรู้จากการลงมือทำ คือส่วนที่ดีที่สุดของชุดเครื่องมือนี้ คุณสามารถเปิดแผง Elements เพื่อดูว่าส่วนต่างๆ ของหน้าเว็บประกอบเข้าด้วยกันอย่างไร หากคุณพบเลย์เอาต์ที่ชอบหรือฟอนต์ที่สะดุดตา คุณสามารถดูได้ว่ามันถูกสร้างขึ้นมาอย่างไร เป็นวิธีที่ยอดเยี่ยมในการเรียนรู้ทักษะการออกแบบพื้นฐานหรือเพียงแค่ตอบสนองความอยากรู้อยากเห็นเกี่ยวกับโลกดิจิทัลรอบตัวคุณ
| ระบบปฏิบัติการ | Windows 10 หรือ 11 (64 บิต) |
|---|---|
| หน่วยประมวลผล | Intel Pentium 4 หรือใหม่กว่าที่รองรับ SSE3 |
| หน่วยความจำ (RAM) | 4 GB RAM |
| พื้นที่จัดเก็บข้อมูล | พื้นที่ว่าง 1 GB |
| กราฟิก | การ์ดจอแบบรวมหรือแบบแยกที่ทันสมัย |
| อื่นๆ | ต้องติดตั้งเบราว์เซอร์ Google Chrome |