เป็นกระบวนการที่สำคัญมากในการตรวจสอบและทดสอบรหัสเพื่อค้นหาข้อผิดพลาดที่อาจเกิดขึ้นเพื่อให้สามารถกำจัดได้ทันเวลาก่อนที่จะวางไว้บนเว็บไซต์ กระบวนการตรวจสอบรหัสเป็นที่รู้จักกันทั่วไปว่าเป็นผ้าสำลีระหว่างนักออกแบบเว็บไซต์และนักพัฒนา ในฐานะนักออกแบบหากคุณต้องการเขียนโค้ดที่ได้รับการปรับปรุงอย่างสูงคุณต้องใช้เครื่องมือผ้าสำลี เครื่องมือตรวจสอบรหัสมีสองประเภท หนึ่งคือการตรวจสอบข้อผิดพลาดและข้อบกพร่องในรหัสระหว่างเวลาดำเนินการ อีกอย่างคือการใช้เทคนิคการวิเคราะห์รหัสแบบคงที่และตรวจสอบรหัสก่อนการดำเนินการ เห็นได้ชัดว่าหลังดีกว่าเพราะสามารถประหยัดเวลาและปัญหาได้
ในความเป็นจริงผ้าสำลีสามารถวางไว้ในขั้นตอนต่าง ๆ หากคุณต้องการทดสอบรหัสขณะพิมพ์คุณสามารถใช้เครื่องมือผ้าสำลีได้ แน่นอนถ้าคุณต้องการเก็บไฟล์หรือเรียกใช้รหัสผ้าสำลีในระหว่างเวทีเครื่องมือผ้าสำลีสามารถทำได้ตามที่คุณต้องการ ขึ้นอยู่กับทางเลือกของแต่ละบุคคล หากคุณกำลังมองหาเครื่องมือผ้าสำลีที่ดีที่สุดสำหรับ CSS และ JavaScript จากนั้นอ่านต่อ
1.CSSLINT
CSSlint ที่เป็นที่ยอมรับจะ "ทำร้ายความรู้สึกของคุณ" แต่ในการแลกเปลี่ยนมันจะ "ทำให้รหัสของคุณดีขึ้นมาก" ปัจจุบัน CSSlint เป็นผู้นำตลาดสำหรับ CSSlinting มันถูกเขียนขึ้นใน JavaScript ไม่เพียง แต่โอเพ่นซอร์ส แต่ยังมาพร้อมกับตัวเลือกการกำหนดค่าจำนวนมาก
2. sublimelinter csslint
CSSlint เป็นเครื่องมือ CSSlinting ที่มีประสิทธิภาพซึ่งเป็นการยากที่จะหาคู่แข่งที่สามารถจับคู่ได้ บางทีนั่นอาจเป็นเหตุผลว่าทำไม SublimelInterlinting Framework สร้างปลั๊กอิน CSSlinting ที่ด้านบนของ CSSlint Sublimelinter เป็นปลั๊กอิน sublimetext ที่ให้รหัสผ้าสำลี (CSS, PHP, Python, Java, Ruby ฯลฯ )
3. สเตลีลินต์
Stylelint สามารถช่วยนักพัฒนาซอฟต์แวร์หลีกเลี่ยงข้อผิดพลาดทางไวยากรณ์ที่สามารถแยกวิเคราะห์ได้ใน CSS, SCSS หรือ postcs อื่น ๆ Stylelint ได้ทดสอบกฎมากกว่าร้อยรายการและคุณสามารถเลือกกฎเหล่านั้นที่คุณต้องการสลับ (ดูการกำหนดค่าตัวอย่างนี้)
4.W3C CSS Validator
แม้ว่าตัวตรวจสอบ CSS ของ W3C จะไม่ถือว่าเป็นเครื่องมือผ้าสำลี แต่ก็ให้โอกาสนักพัฒนาที่มีโอกาสที่ดีในการตรวจสอบรหัส CSS ด้วยมาตรฐาน W3C อย่างเป็นทางการ W3C สร้างโปรแกรมการตรวจสอบของตัวเองโดยมีวัตถุประสงค์เพื่อจัดหาเครื่องมือที่คล้ายกับผู้ตรวจสอบโปรแกรม Lint สำหรับภาษา C
5. มาร์กอัป
มาร์กอัปสกปรกสามารถทำความสะอาดรูปแบบและตรวจสอบรหัส HTML, CSS และ JavaScript ของคุณ หากคุณชอบการออกแบบที่เรียบง่ายและตรงไปตรงมาและต้องการวิธีแก้ปัญหาที่รวดเร็วคุณก็จะเลือกได้ Markup Dirty สามารถโยนข้อความแสดงข้อผิดพลาดและการแจ้งเตือนแบบเรียลไทม์เมื่อคุณเขียนหรือแก้ไขรหัสในตัวแก้ไข
6.JSlint
JSLINT ได้รับการปล่อยตัวในปี 2545 โดย Douglas Crockford และเจริญรุ่งเรืองตั้งแต่นั้นมาดังนั้นคุณสามารถระบุได้อย่างปลอดภัยว่าเป็นเครื่องมือเสื้อคลุม JavaScript ที่มั่นคงและเชื่อถือได้
7.JSHINT
JShint เป็นโครงการที่ขับเคลื่อนด้วยชุมชนที่เริ่มต้นด้วยความพยายามในการสร้าง JSlint รุ่นที่ไม่สามารถกำหนดค่าได้และดื้อรั้นมากขึ้น JShint ช่วยให้นักพัฒนาสามารถกำหนดค่าตัวเลือกผ้าสำลีใด ๆ จากนั้นใส่การกำหนดค่าที่กำหนดเองลงในไฟล์แยกต่างหากซึ่งทำให้เครื่องมือนำกลับมาใช้ใหม่ได้ง่ายดังนั้นจึงเหมาะสำหรับโครงการขนาดใหญ่
8.
ESLINT เป็นงานใหญ่ล่าสุดในมาโครผ้าสำลี JavaScript เป็นที่นิยมเนื่องจากธรรมชาติที่มีความยืดหยุ่นสูง ไม่เพียง แต่คุณสามารถปรับแต่งกฎผ้าสำลีที่ทันสมัยจำนวนมากรวมเข้ากับโปรแกรมแก้ไขรหัสหลักทั้งหมด แต่คุณสามารถขยายการทำงานได้อย่างง่ายดายโดยการเพิ่มปลั๊กอินที่แตกต่างกัน
9.JSCS
JSCS หรือรูปแบบรหัส JavaScript เป็นรูปแบบรหัสที่สามารถทำได้สำหรับ JavaScript ใช้เพื่อตรวจสอบกฎรูปแบบรหัส เป้าหมายของ JSCs คือการจัดเตรียมวิธีการใช้งานตามโปรแกรมด้วยตัวช่วยสร้างรูปแบบการเข้ารหัสบางอย่าง ในขณะที่ JSCS ไม่ได้ตรวจสอบข้อบกพร่องและข้อผิดพลาด แต่ก็ยังคงใช้โดยผู้เล่นหลายคนในอุตสาหกรรมไฮเทคเช่น Google, Airbnb และ AngularJS เนื่องจากช่วยให้นักพัฒนารักษาฐานรหัสที่อ่านง่ายและสอดคล้องกัน
10. Standardjs
StandardJS หรือ JavaScript Standard Standard เป็นรูปแบบโค้ด Linter เช่น JSCs เล็กน้อย แต่ความแตกต่างคือมันง่ายกว่าและตรงไปตรงมา StandardJS เป็นตัวเลือกที่ยอดเยี่ยมหากคุณไม่ต้องการใช้เวลาในการกำหนดค่าและเพียงแค่ต้องการเครื่องมือที่มีประสิทธิภาพที่ใช้งานได้นอกกรอบ
ลิงค์การแปล: http://www.codeceo.com/article/10-css-javascript-linting-tool.html
ภาษาอังกฤษต้นฉบับ: 10 CSS และ JavaScript Linting Tools สำหรับการเพิ่มประสิทธิภาพรหัส