40 ส่วนขยายของ Google Chrome ที่มีประโยชน์สำหรับนักออกแบบเว็บ

ฉันรัก Google Chrome ความเรียบง่ายความเร็วและประสิทธิภาพนั้นยอดเยี่ยมไม่ต้องสงสัย แต่บางครั้งความเรียบง่ายเกินไปก็เป็นปัญหาเช่นกันโดยเฉพาะอย่างยิ่งสำหรับนักออกแบบเว็บไซต์ที่ต้องพึ่งพาโปรแกรมเสริม Firefox อย่างนักพัฒนาเว็บ ฉันเดินออกไปจาก Chrome ใช่เพียงเพราะมันไม่มี addon ย้อนกลับไปในปี 2008.

แต่ตอนนี้ทุกอย่างเปลี่ยนไปอีกครั้ง ไม่แปลกใจเลยที่คนอื่น ๆ จะชื่นชอบ Chrome และพวกเขาตัดสินใจที่จะสร้างส่วนขยายของ Chrome ซึ่งมีฟังก์ชั่นคล้ายกับ Firefox Addon ฉันขุดลงไปในส่วนขยายเหล่านั้นและพอใจกับมันมากฉันจึงตัดสินใจรับ 40 ส่วนขยายซึ่งมีประโยชน์อย่างยิ่งสำหรับนักออกแบบเว็บไซต์ และแบ่งปันกับพวกคุณ.

ดังนั้นที่นี่มีไว้สำหรับคุณเพิ่มประสิทธิภาพ Chrome และเพิ่มประสิทธิภาพการทำงานของคุณ.

สี

ตัวเลือกสี

เช่นเดียวกับชื่อของมัน ColorPicker เป็นส่วนขยายที่สะดวกซึ่งสร้างขึ้นเพื่อเลือกและรับค่าของสีจากที่ใดก็ได้บนหน้าเว็บ นอกจากนี้คุณสามารถเลือกพื้นที่จากนั้นคลิกที่จานสีเพื่อดูว่าการเปลี่ยนแปลงสีของพื้นที่โดยไม่ต้องสัมผัสรหัสใด ๆ.

Chrome Palette

มีอาการปวดหัวในการหารูปแบบสีจากภาพ? Chrome palette แก้ปัญหาของคุณได้อย่างมีประสิทธิภาพโดยสร้างจานสีสูงสุด 64 สีจากรูปภาพของเว็บไซต์เพื่อการออกแบบหรือความต้องการแรงบันดาลใจของคุณ.

Color Tweaker

Color Tweaker สามารถปรับเปลี่ยนสีของเว็บไซต์ได้ตาม Color Picker แต่ด้วยวิธีที่เฉพาะเจาะจงมากขึ้น เพียงป้อนตัวเลือก CSS บนส่วนขยายนี้จากนั้นปรับแต่งสีของข้อความพื้นหลังและสีเส้นขอบตามความต้องการของคุณ.

วิชาการพิมพ์

แก้ไขแบบอักษร

Font Editor ไม่ต้องเดาและเหนื่อยอีกต่อไป Font Editor ช่วยให้คุณสามารถปรับเปลี่ยนและสังเกตการตั้งค่าแบบอักษรเช่นขนาดความสูงของบรรทัดและตัวแปรที่มีชีวิตชีวา.

Google Font Previewer

ตามที่ระบุไว้ในชื่อส่วนขยายนี้ช่วยให้คุณสามารถแสดงตัวอย่างแบบอักษรจากไดเรกทอรีแบบอักษรของ Google พร้อมตัวเลือกการออกแบบข้อความซึ่งมีขนาดสไตล์น้ำหนักและเงา หากคุณพอใจกับตัวอักษรบางตัวคุณสามารถคัดลอกและวางลิงค์และรหัส CSS ที่ให้ไว้ในส่วนขยายของรหัสเว็บไซต์ของคุณเพื่อใช้แบบอักษร.

พัฒนาการ

นักพัฒนาเว็บ

อาจเป็นส่วนขยายที่ต้องมีสำหรับนักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์ ตั้งแต่การดูสคริปต์ไปจนถึงการแสดงข้อมูลวัตถุนักพัฒนาเว็บมีจุดประสงค์เพื่อให้ข้อมูลทุกอย่างที่คุณต้องการจากเว็บไซต์ที่มีอยู่ ส่วนขยายนั้นมีเครื่องมือที่มีประโยชน์เช่นตัวเลือกสีตัวปรับแต่งหน้าต่างตัวตรวจสอบความถูกต้อง ฯลฯ.

Pendule

เครื่องมือนักพัฒนาที่มีน้ำหนักเบาและมีประโยชน์ซึ่งมีความคล้ายคลึงกับ Web Developer แต่มีเครื่องมือที่จำเป็นเช่นตัวดูสไตล์ตัวแสดงแหล่งข้อมูลและเครื่องมือตรวจสอบความถูกต้องเท่านั้น.

Firebug Lite

แตกต่างจากสิ่งที่อยู่ใน Firefox, Firebug Lite ให้การแสดงภาพเหมือน Firefox เมื่อมันมาถึงองค์ประกอบ HTML, องค์ประกอบ DOM และการแบ่งปันรูปแบบกล่อง นอกจากนี้ยังมาพร้อมกับความสามารถในการตรวจสอบองค์ประกอบ HTML ด้วยเมาส์ของคุณและคุณสามารถแก้ไขคุณสมบัติ CSS ด้วยส่วนขยายนี้ที่มีชีวิตชีวา.

Stylebot

Stylebot ให้ความสามารถในการกำหนดรูปแบบเว็บไซต์ใด ๆ โดยตรงโดยไม่ต้องสัมผัสโค้ด CSS ซึ่งช่วยประหยัดงานพิมพ์จำนวนมาก คุณลักษณะที่ดีที่สุดของส่วนขยายนี้น่าจะเป็นความสามารถในการสร้างโค้ด CSS สำหรับการใช้งานของคุณทุกครั้งที่คุณทำการเปลี่ยนแปลงเว็บไซต์.

CSSViewer

เบื่อการกด 'ตรวจสอบองค์ประกอบ' ทุกครั้งที่คุณต้องการทราบว่า CSS สไตล์ใดที่นำไปใช้กับองค์ประกอบบางอย่าง? CSS Viewer ช่วยคุณในการแสดงข้อมูลที่จำเป็นเช่นแบบอักษรสีและตำแหน่งขององค์ประกอบที่มีชีวิตชีวา.

รีโหลดเดอร์สไตล์ชีท

รีโหลดสไตล์ชีท CSS โดยไม่ต้องรีเฟรชทั้งเว็บไซต์ซึ่งช่วยประหยัดเวลาการรอคอยของคุณโดยเฉพาะอย่างยิ่งสำหรับนักออกแบบที่มีการเชื่อมต่ออินเทอร์เน็ตที่ช้า.

BuiltWith เทคโนโลยี Profiler

ส่วนที่เจ๋งที่สุดของส่วนขยายนี้คือแสดงเทคโนโลยีเว็บที่นำไปใช้งานทุกอย่างเช่นกรอบงานและมาตรฐานเว็บพร้อมข้อมูลที่มีรายละเอียดมาก.

IE Tab Multi

พิสูจน์แล้วว่าคล้ายกับ Internet Explorer ดั้งเดิมมากที่สุด IE Tab Multi คือ Internet Explorer ของคุณใน Chrome ซึ่งรองรับคุณสมบัติเริ่มต้นของ IE เช่นแท็บหลายแท็บ.

ตัวปรับขนาดหน้าต่าง

ด้วย Window Resizer คุณสามารถทดสอบความเข้ากันได้ของความละเอียดหน้าจอเว็บไซต์ของคุณกับความละเอียดหน้าจอมาตรฐานหรือที่ผู้ใช้กำหนด.

เครื่องมือตรวจสอบ HTML

หนึ่งในตัวตรวจสอบความถูกต้องที่ดีที่สุดที่สามารถตรวจสอบความถูกต้องของโค้ด HTML ของหน้าเว็บออนไลน์หรือโลคอลโฮสต์ในโหมดอัตโนมัติหรือโหมดแมนนวล คุณยังสามารถเลือกที่จะแสดงผลการตรวจสอบในหน้าเว็บหรือดูในแท็บใหม่ที่สมบูรณ์.

สายตา

ด้วยตัวเลือกชุดรูปแบบและแบบอักษรต่างๆ Sight จะเน้นรหัสแหล่งที่มาของเว็บไซต์ให้อยู่ในรูปแบบที่สะดวกสบายยิ่งขึ้น.

PHP Console

ถูก bugged โดย PHP erros แต่ไม่รู้ว่ามันคืออะไรและอยู่ที่ไหน PHP Console ช่วยคุณด้วยการแสดงข้อผิดพลาดข้อยกเว้นและข้อความดีบั๊กในแบบฟอร์มการแจ้งเตือน.

การค้นหา JavaScript API

การค้นหา JavaScript API เพิ่มการสนับสนุนไปยังแถบอเนกประสงค์ของ Chrome หรือที่เรียกว่าแถบที่อยู่เพื่อค้นหาฟังก์ชั่น JavaScript ออนไลน์พร้อมคุณสมบัติการเติมข้อความอัตโนมัติ หากส่วนขยายไม่พบฟังก์ชันที่คุณค้นหาส่วนขยายนั้นจะแนะนำการค้นหาที่เกี่ยวข้องจาก Google Codesearch การพัฒนาและการค้นหาการเข้ารหัสและการค้นหา Mozilla Developer Network.

การค้นหา jQuery API

ในขณะที่ jQuery ได้พิสูจน์ตัวเองว่าเป็นห้องสมุด Javascript ชั้นนำที่ปรับปรุงประสบการณ์การใช้งานของผู้ใช้ jQuery API Search ให้คุณสามารถค้นหาผ่าน jQuery API จาก Chrome Omnibox เพียงพิมพ์ 'jq' แล้วตามด้วยช่องว่างในแถบอเนกประสงค์แล้วคุณจะไปไหน.

ค้นหา PHP

เช่นเดียวกับ jQuery API Search ส่วนขยายนี้เพิ่มการรองรับ Chrome Omnibox ของคุณเพื่อค้นหารหัส PHP สำหรับการอ้างอิงของคุณ.

ผลผลิต

พักที่เน้น

สาบานว่าจะทำให้ตัวเองห่างจากเว็บไซต์ที่สิ้นเปลืองเวลา แต่ไม่เคยประสบความสำเร็จหรือไม่ Stay Focused ทำหน้าที่เป็นหัวหน้างานเสมือนของคุณที่บล็อกเว็บไซต์เสียเวลาตามเวลาที่กำหนดและให้คำแนะนำคุณอย่างจริงจังเมื่อคุณพยายามปลดบล็อกหรือลดเวลาในการบล็อกเว็บไซต์ มันยังมีคุณสมบัติที่สำคัญเช่นตัวเลือกนิวเคลียร์และโหมดความท้าทายซึ่งฆ่าเวลาของคุณโดยสิ้นเปลืองความปรารถนาอย่างไร้ความปราณี.

PopChrom

ด้วย PopChrom คุณสามารถกำหนดทางลัดของคุณเองสำหรับวลีข้อความเช่น 'ty' สำหรับ 'ขอบคุณ' จำเป็นต้องใช้รหัสเปิดใช้งานเพื่อเปลี่ยนคำย่อให้เป็นวลีข้อความที่กำหนดดังนั้นควรเลือกคีย์ผสมที่ไม่เกิดปัญหากับคีย์ลัดอื่น ๆ.

ชุดผลผลิต Quickrr

Quickrr Productivity Kit มีชุดเครื่องมือพื้นฐานที่มีประโยชน์เช่นนักแปลเครื่องคิดเลขงานที่ต้องทำตัวแปลงหน่วย ฯลฯ.

Todoist

ด้วยบัญชีที่ตั้งค่าได้ง่ายคุณสามารถเข้าถึงตัวจัดการงานนี้เพื่อจดและแก้ไขงานที่คุณต้องทำให้สมบูรณ์ ส่วนที่ดีที่สุดของส่วนขยายนี้คืองานของคุณจะถูกจัดเก็บออนไลน์เพื่อให้คุณสามารถเข้าถึงบันทึกงานใน Chrome ทุกเครื่องที่ติดตั้งส่วนขยายนี้.

Ananke Timer

ติดตามเวลาที่คุณใช้ในงานบางอย่างหรือบันทึกเวลาที่คุณใช้ในเว็บไซต์บางแห่ง ตัวจับเวลา Ananke ยังรองรับการติดตามหลายครั้งและช่วยให้คุณสามารถเรียกดูสิ่งที่คุณเคยติดตามในอดีต.

กล่องเครื่องมือ Chrome

สร้างโดย Google กล่องเครื่องมือ Chrome นำเสนอคุณลักษณะที่กำหนดเองเช่นการปรับเปลี่ยนพฤติกรรมแท็บการกู้คืนข้อมูลในแบบฟอร์มและการสร้างทางลัดที่เปิดตัวลิงก์ที่กำหนดไว้ล่วงหน้าจากโฟลเดอร์บุ๊คมาร์ค.

ขยายหน้า Chrome

ไม่มีใครชอบคลิกมากขึ้นในการเข้าถึงหน้าบางหน้า Chrome Page Extended เป็นทางลัดที่เร็วที่สุดในการเข้าถึงหน้า Chrome ที่จำเป็นทั้งหมดเช่นส่วนขยาย.

AppJump

ด้วย AppJump คุณสามารถจัดระเบียบและเปิดใช้งานแอปพลิเคชัน Chrome ได้อย่างรวดเร็วจากแถบเครื่องมือของเบราว์เซอร์.

บุ๊คมาร์คบาร์ Switcher

มีบุ๊คมาร์คมากเกินไปและไม่สามารถจัดระเบียบได้อย่างมีประสิทธิภาพหรือไม่ Boorkmark Bar Switcher ช่วยให้คุณสร้างแถบบุ๊กมาร์กแบรนด์ใหม่และสลับไปมาระหว่างกันได้อย่างง่ายดาย.

TabCloud

บันทึกเซสชัน Windows ของคุณและเรียกคืนในภายหลังบนคอมพิวเตอร์ทุกเครื่องด้วย TabCloud ซึ่งช่วยให้คุณประหยัดเวลาได้มากจากการเปิดเว็บไซต์ต่าง ๆ อีกครั้งจากส่วนต่าง ๆ ของโฟลเดอร์บุ๊คมาร์ค.

การจัดสรรทรัพยากร

หน้าที่คล้ายกัน

พัฒนาโดยเสิร์ชเอ็นจิ้นยักษ์ Google หน้าที่คล้ายกันค้นหาเว็บเพื่อหาเนื้อหาเว็บที่คล้ายกันซึ่งคุณกำลังอ่านและสนใจที่จะค้นพบมากขึ้น.

การค้นหาทั่วไป

การค้นหาแหล่งที่มาหรือการอ้างอิงนั้นง่ายขึ้นด้วย Universal Search ซึ่งให้ช่องค้นหาพร้อมตัวเลือกในการค้นหาใน Wikipedia, Bing และเครื่องมือค้นหาอื่น ๆ ช่องค้นหาจะปรากฏขึ้นเมื่อคุณเน้นข้อความใด ๆ จากเว็บไซต์ที่คุณกำลังดูอยู่.

ภาพหน้าจอที่ยอดเยี่ยม

ส่วนขยายภาพหน้าจอที่ยอดเยี่ยมโดยสิ้นเชิงที่จับส่วนหนึ่งส่วนใดของเว็บไซต์และใส่คำอธิบายประกอบด้วยรูปสี่เหลี่ยมวงกลมลูกศรเส้นและข้อความ จากนั้นคุณสามารถส่งออกภาพหน้าจอในรูปแบบไฟล์ PNG ไปยังคอมพิวเตอร์หรือเว็บของคุณ.

คลิปไปที่ Evernote

ส่วนขยายอย่างเป็นทางการโดย Evernote เพื่อบันทึกและจดบันทึกการค้นพบของคุณบนเว็บจากนั้นอัปโหลดไปยัง Evernote ส่วนขยายยังรองรับคุณสมบัติในการค้นหาและซิงโครไนซ์บันทึกที่คุณบันทึกไว้.

Diigo

ใช้ Diigo เพื่อไฮไลต์ใส่คำอธิบายประกอบหรือโพสต์บันทึกย่อแบบส่วนตัวหรือแบบสาธารณะในหน้าเว็บเพื่อให้คุณสามารถดูได้ทุกเวลาที่คุณเข้าถึงเว็บเพจ.

Thinkery

คิดว่า Thinkery เป็นสมองออนไลน์ของคุณจากนั้นบันทึกที่อยู่ลิงก์และการเลือกข้อความไว้เพื่อดูในภายหลัง.

MyNotes

การจดบันทึกควรเป็นกระบวนการที่ง่ายและเป็นไปได้ด้วย myNotes ที่ให้คุณคั่นหน้าข้อความที่เลือกด้วยการคลิกเพียงครั้งเดียวบนเมนูบริบท.

Microstock Photo Power Search

อาจเป็นส่วนขยายการค้นหาเดียวที่ให้คุณมองหาภาพถ่ายสต็อกคุณภาพสูงจากเอเจนซี่ชื่อดังเช่น Fotolia, Dreamstime และ Shutterstock.

การสะท้อน

เนื่องจากส่วนขยายและแอปพลิเคชันของ Chrome ยังคงเติบโตและพัฒนาอย่างต่อเนื่องเป็นไปได้ว่าคนรัก Firefox จะใช้ Google Chrome เป็นเว็บเบราว์เซอร์เริ่มต้นของตนมากขึ้นเรื่อย ๆ คุณจะหันหน้าเข้าหา Google Chrome ด้วยจำนวนส่วนขยายและแอปพลิเคชันปัจจุบันหรือไม่ ส่วนขยายแอปพลิเคชันหรือคุณสมบัติใดที่จะเป็นแรงจูงใจให้คุณย้ายไปที่ Google Chrome?

แชร์ให้เราด้วยถ้าคุณมีส่วนขยายที่ดีใน Chrome ของคุณมีพื้นที่สำหรับเครื่องมือที่ยอดเยี่ยมอยู่เสมอ!