หากคุณเป็นโปรแกรมเมอร์ที่ไม่ได้ใช้ Chrome แสดงว่าคุณเป็นชนกลุ่มน้อย
มีเหตุผลมากมายที่จะชอบเบราว์เซอร์นี้สำหรับการเขียนโปรแกรม เช่น อิทธิพลมหาศาลของ Google ที่มีต่อทิศทางของเว็บ คุณลักษณะในตัวที่ทำให้การพัฒนายุ่งยากน้อยลง และส่วนขยายที่มีอยู่จำนวนมาก
ข้อสุดท้ายนั้นสำคัญมาก ณ เดือนกุมภาพันธ์ 2018 Chrome ครองส่วนแบ่งตลาดมากกว่า 60 เปอร์เซ็นต์บนเดสก์ท็อป จึงไม่น่าแปลกใจที่ผู้สร้างส่วนขยายส่วนใหญ่จะเน้นความพยายามของพวกเขาใน Chrome ก่อน อย่างไรก็ตาม นี่คือส่วนขยาย Chrome ที่ดีที่สุดที่คุณควรใช้หากคุณเป็นนักพัฒนาซอฟต์แวร์ทุกประเภท โดยเฉพาะนักพัฒนาเว็บ
ส่วนขยายการพัฒนาทั่วไป
1. เซสชันบัดดี้
Chrome มีคุณลักษณะที่ยอดเยี่ยมที่เรียกว่าโปรไฟล์ผู้ใช้แบบกำหนดเอง ซึ่งช่วยให้คุณสร้างชุดบุ๊กมาร์ก การตั้งค่า แท็บ ประวัติ และอื่นๆ แยกจากกัน คุณควรตั้งค่าไว้สำหรับการเขียนโปรแกรมโดยเฉพาะ หากคุณยังไม่ได้ทำ
แต่ Session Buddy ก้าวไปอีกขั้นหนึ่ง ทำให้คุณสามารถบันทึก "เซสชันของแท็บ" เฉพาะและสลับไปมาระหว่างกันได้ตามต้องการ ซึ่งสะดวกมากเมื่อคุณทำงานในหลายโครงการ
2. iMacros สำหรับ Chrome
iMacros เป็นส่วนขยายที่ช่วยให้คุณทำงานซ้ำๆ ได้โดยอัตโนมัติ คุณสามารถ "บันทึก" การกระทำบางอย่างได้ (เช่น การคลิกเมาส์และการกดปุ่ม) บันทึกเป็นมาโคร จากนั้นเรียกใช้เมื่อใดก็ได้ตามต้องการด้วยการคลิกเพียงครั้งเดียว ช่วยประหยัดเวลาได้มากเมื่อกรอกแบบฟอร์ม ทดสอบการเปลี่ยนแปลง ฯลฯ สำหรับมาโครนอก Chrome เราขอแนะนำสคริปต์ AutoHotkey
3. ตัวจับเวลาเว็บ
Web Timer ติดตามว่าคุณใช้เวลา (หรือเสียเปล่า) บนเว็บไซต์ต่างๆ มากเพียงใด ซึ่งสามารถช่วยลดแนวโน้มที่จะผัดวันประกันพรุ่งได้ โดยจะติดตามเฉพาะเมื่ออยู่ในโฟกัสของ Chrome และฉลาดพอที่จะหยุดติดตามเมื่อคุณไม่ได้ใช้งาน
หากคุณต้องการตัวติดตามเวลาขั้นสูง เราขอแนะนำ Toggl ข้ามแพลตฟอร์ม
4. ภาพหน้าจอที่ยอดเยี่ยม
Awesome Screenshot เป็นส่วนขยายแบบ all-in-one สำหรับการจับภาพหน้าจอ บันทึกวิดีโอหน้าจอ ใส่คำอธิบายประกอบและทำให้ภาพเบลอ และแชร์ภาพหน้าจอของคุณกับผู้อื่นได้ในคลิกเดียว คุณลักษณะที่ดีประการหนึ่งคือความสามารถในการจับภาพหน้าจอ ทั้งหน้าเว็บ และนำมาต่อรวมกันเป็นภาพขนาดยักษ์ภาพเดียว สำหรับโซลูชันที่ทำงานนอก Chrome ด้วย ให้ลองดูเครื่องมือที่ดีที่สุดเหล่านี้สำหรับการสร้างภาพหน้าจอ
5. มาร์โมเสท
Marmoset เป็นเครื่องมือเล็กๆ น้อยๆ ที่สนุกสำหรับการสร้างภาพหน้าจอ 3 มิติของโค้ดของคุณ เมื่อคุณถ่ายภาพแล้ว คุณสามารถหมุน เอียง และปรับขนาดในแบบ 3 มิติ ซึ่งจะทำให้น่าสนใจยิ่งขึ้นเมื่อคุณต้องการแชร์ตัวอย่าง นอกจากนี้ยังเป็นประโยชน์เมื่อสร้างภาพสต็อกโดยใช้โค้ดหรือดูซอร์สโค้ดบนหน้าแรกของโครงการของคุณ
ส่วนขยายการพัฒนาเว็บ
6. นักพัฒนาเว็บ
หากมีส่วนขยายเดียวที่คุณติดตั้งเพื่อช่วยในการพัฒนาเว็บไซต์ ปล่อยให้เป็นส่วนขยายนี้ นักพัฒนาเว็บอัดแน่นไปด้วยฟีเจอร์อำนวยความสะดวกมากมาย รวมถึงการสลับ JavaScript และปลั๊กอินด้วยการคลิกเพียงครั้งเดียว การปรับขนาดหน้าต่างเพื่อทดสอบการออกแบบที่ตอบสนอง การทดสอบและการแก้ไขจุดบกพร่องของรูปภาพ และอื่นๆ
7. ตัวสลับ User-Agent
จากส่วนขยาย "user agent switcher" จำนวนมากใน Chrome เว็บสโตร์ ส่วนขยายนี้เป็นส่วนขยายที่ดีที่สุด มันยังคงได้รับการอัปเดต ไม่มีการจี้ลิงก์ มันมาพร้อมกับสตริงตัวแทนผู้ใช้เริ่มต้นจำนวนหนึ่ง แต่ยังช่วยให้คุณสร้างสตริงตัวแทนผู้ใช้ที่กำหนดเองได้ เป็นส่วนขยายเดียวที่ใช้งานได้จริง
8. วอปเปอไลเซอร์
หากคุณต้องการทราบว่าเทคโนโลยีเว็บประเภทใดที่ขับเคลื่อนไซต์หนึ่งๆ Wappalyzer จะบอกคุณได้ในคลิกเดียว ฉลาดพอที่จะตรวจจับ CMS (เช่น WordPress) เว็บเฟรมเวิร์ก (เช่น React) เครื่องมือและยูทิลิตี้ (เช่น Google Analytics) แพลตฟอร์มอีคอมเมิร์ซ (เช่น Shopify) และอีกมากมาย
9. แท็บ IE
ณ เดือนกุมภาพันธ์ 2018 ผู้ใช้เดสก์ท็อปมากกว่า 13 เปอร์เซ็นต์ยังคงใช้ Internet Explorer ซึ่งเป็นเรื่องน่าละอายเพราะ IE นั้นไม่สอดคล้องกับมาตรฐานเว็บสมัยใหม่ นั่นเป็นเหตุผลที่คุณต้องการ IE Tab ซึ่งเลียนแบบ IE ในแท็บใหม่ และอนุญาตให้คุณทดสอบเว็บไซต์ในเวอร์ชันต่างๆ:IE6, IE7, IE8, IE9 รวมถึงตัวควบคุม ActiveX มีประโยชน์มากหากคุณต้องการให้เว็บไซต์ของคุณเข้ากันได้กับทุกเบราว์เซอร์ ไม่ว่าจะเก่าแค่ไหน
10. คลิก&ล้าง
เมื่อพัฒนาเว็บไซต์ มีบางสิ่งที่น่ารำคาญมากกว่าที่จะล้างข้อมูลการท่องเว็บอย่างต่อเนื่องเพื่อให้แน่ใจว่าคุณกำลังโหลดการเปลี่ยนแปลงใหม่ Click&Clean ไม่เพียงแต่ทำให้เร็วขึ้นเท่านั้น แต่ยังให้การควบคุมสิ่งที่คุณสามารถล้างได้มากขึ้น (เช่น ลบฐานข้อมูลและข้อมูลปลั๊กอิน เก็บคุกกี้สำหรับบางเว็บไซต์ ฯลฯ)
11. WhatFont
WhatFont เป็นวิธีที่เร็วที่สุดในการระบุแบบอักษรบนเว็บ การคลิกขวาที่องค์ประกอบ เลือกตรวจสอบองค์ประกอบ จากนั้นดูในสไตล์ชีตเพื่อค้นหาว่าองค์ประกอบนั้นคืออะไร ด้วย WhatFont ไม่เพียงแต่คุณจะเห็นว่าฟอนต์คืออะไรเพียงแค่วางเมาส์เหนือองค์ประกอบ แต่ยังบอกคุณถึงวิธีการให้บริการฟอนต์นั้น (เช่น Google Fonts, TypeKit เป็นต้น)
12. ColorPick Eyedropper
ColorPick Eyedropper เป็นเครื่องมือที่ให้คุณซูมเข้าและรับรหัสสีที่แน่นอนของพิกเซลใดๆ บนหน้าเว็บใดๆ รหัสสีมีอยู่ในเลขฐานสิบหก RGB และ HSL สะดวกและรวดเร็วกว่าการตรวจสอบองค์ประกอบมาก เพื่อดูว่ามีการใช้สีใดในสไตล์ชีต หรือดาวน์โหลดรูปภาพและเลือกสีในโปรแกรมแก้ไขรูปภาพ
13. Lorem Ipsum Generator
เมื่อพัฒนาเว็บไซต์ ในที่สุดคุณจะต้องมีข้อความจำลอง ตัวสร้าง Lorem ipsum มีอยู่มากมายบนเว็บ แต่ Lorem Ipsum Generator จะพร้อมใช้งานทันทีภายในแท็บปัจจุบันของคุณ รวดเร็วและปรับแต่งได้เองว่าต้องการกี่ย่อหน้าและกี่ประโยคต่อย่อหน้า
14. ตรวจสอบลิงก์ของฉัน
ในตอนท้ายของโครงการพัฒนาเว็บ คุณจะต้องผ่านหน้าหลักทั้งหมดเพื่อให้แน่ใจว่าลิงก์ทั้งหมดของคุณใช้งานได้ ตรวจสอบลิงก์ของฉันทำให้กระบวนการนั้นง่ายที่สุด เพียงคลิกปุ่ม ระบบจะสแกนลิงก์ทั้งหมดบนหน้าปัจจุบัน จากนั้นไฮไลต์แต่ละลิงก์ตามว่าลิงก์เสียหรือใช้งานได้
15. ขนาด
ขนาดเป็นเครื่องมือสำหรับการออกแบบเว็บมากกว่าการพัฒนาเว็บ แต่เนื่องจากทั้งสองมีแนวโน้มที่จะทับซ้อนกัน คุณจึงอาจต้องการใช้ส่วนขยายนี้ กล่าวโดยย่อ คือ วัดระยะห่างระหว่างองค์ประกอบเว็บสององค์ประกอบในทันที รวมถึงข้อความ รูปภาพ วิดีโอ และฟิลด์ในแบบฟอร์ม นอกจากนี้ยังสามารถวัดระยะห่างจากเคอร์เซอร์ของเมาส์ไปยังองค์ประกอบเว็บที่รองรับเหล่านั้นได้อีกด้วย
ส่วนขยาย Chrome เพิ่มเติมที่อาจเป็นประโยชน์
นอกเหนือจากข้างต้น เราขอแนะนำอย่างยิ่งให้จัดการแท็บเหล่านี้ ส่วนขยาย Chrome และส่วนขยายประสิทธิภาพการทำงานของธุรกิจของ Chrome ซึ่งเป็นสองสิ่งที่อาจทำให้คุณผิดหวังในฐานะนักพัฒนาซอฟต์แวร์ที่ใช้ Chrome
นอกจากนี้ คุณควรตรวจสอบส่วนขยาย Chrome ที่ดีที่สุดที่มีให้เลือกมากมาย ซึ่งครอบคลุมทุกอย่างตั้งแต่ความปลอดภัยไปจนถึงความบันเทิง ตั้งแต่การช็อปปิ้งไปจนถึงประสิทธิภาพการทำงานทั่วไป และอื่นๆ อีกมากมาย
