ข้อผิดพลาดของตัวตรวจสอบความถูกต้อง: หายไปแท็ก

คำอธิบาย: รายการต้องปิดในลำดับการเปิดย้อนกลับ

ถูกต้อง:
< li >...

ความไวของตัวพิมพ์ DOCTYPE

ตัวอย่าง:

ข้อผิดพลาดของตัวตรวจสอบความถูกต้อง:ไม่มี DOCTYPE

คำอธิบาย: DOCTYPE คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่

ถูกต้อง:

ปิด "/" ไม่ได้ลงทะเบียน

ตัวอย่าง:
… Style.css "type =" text / css "media =" screen " >

คำอธิบาย: "องค์ประกอบที่ว่างเปล่า" like imgหรือ br, ต้องลงท้ายด้วย "/" เว้นวรรคนำหน้า

ถูกต้อง:
… Style.css "type =" text / css "media =" screen "/>

แท็กเขียนด้วยตัวพิมพ์ใหญ่

ตัวอย่าง:

ข้อผิดพลาดของตัวตรวจสอบความถูกต้อง:ไม่มีองค์ประกอบดังกล่าว ...

คำอธิบาย: ในเอกสาร XHTML องค์ประกอบและแอตทริบิวต์ทั้งหมดจะต้องเป็นตัวพิมพ์เล็กตั้งแต่ ภาษานี้คำนึงถึงขนาดตัวพิมพ์และสำหรับมัน

ถูกต้อง:

ค่าแอตทริบิวต์เขียนโดยไม่มีเครื่องหมายคำพูด

ตัวอย่าง:

ข้อผิดพลาดของตัวตรวจสอบความถูกต้อง:หายไป ""

คำอธิบาย: ค่าแอตทริบิวต์เขียนพร้อมกับเครื่องหมายคำพูด

ถูกต้อง:

Img ไม่มีแอตทริบิวต์ alt

ตัวอย่าง:

ข้อผิดพลาดของตัวตรวจสอบความถูกต้อง:แอตทริบิวต์ที่จำเป็น "alt" ไม่ระบุ

คำอธิบาย: tag imgคุณลักษณะ altควรจะเป็นเสมอค่าสามารถเว้นว่างไว้ได้หากรูปภาพใช้สำหรับตกแต่ง

ถูกต้อง:

ด้วยเหตุนี้ คุณจะสามารถแก้ไขข้อผิดพลาดของไซต์และทำให้ไซต์ใช้งานได้

ฉันคิดว่าทุกคนที่สนใจในการพัฒนาและส่งเสริมไซต์ไม่ทางใดก็ทางหนึ่งได้พบกับแนวคิดเช่นความถูกต้องของโค้ด วลีนี้บอกเป็นนัยถึงการเขียนโค้ด HTML ของไซต์ตามมาตรฐานบางอย่างที่พัฒนาโดย World Wide Web Consortium (W3C) การปฏิบัติตามกฎที่กำหนดโดยมาตรฐานนี้เป็นการรับประกันความเข้ากันได้ข้ามเบราว์เซอร์ กล่าวคือ การแสดงหน้าเว็บที่สร้างขึ้นอย่างถูกต้องในเบราว์เซอร์ทั้งหมด รวมถึงการไม่มีข้อผิดพลาดที่ส่งผลต่อความเร็วในการโหลดและพารามิเตอร์อื่นๆ

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

นักพัฒนาสามารถตรวจจับโค้ดที่สะอาดและมีโครงสร้างได้อย่างไรโดยการตรวจสอบความถูกต้องของไซต์ซึ่งดำเนินการผ่านตัวตรวจสอบพิเศษเกี่ยวกับทรัพยากรอย่างเป็นทางการจาก W3C มีเครื่องมือตรวจสอบ HTML ออนไลน์ฟรีที่ validator.w3.org

สามารถใช้ตรวจสอบความถูกต้องของโค้ด HTML ได้ 3 วิธีดังนี้

• ตรวจสอบโดย URI - ตรวจสอบตามที่อยู่
• ตรวจสอบโดยการอัพโหลดไฟล์ - วิเคราะห์ไฟล์ที่อัพโหลด
• ตรวจสอบโดยการป้อนข้อมูลโดยตรง - การตรวจสอบความถูกต้องของรหัสเฉพาะ

การเลือกวิธีการที่ต้องการทำได้โดยสลับไปที่แท็บที่เหมาะสม:

มาดูกันว่าจะเกิดอะไรขึ้นหากเราตรวจสอบความถูกต้องของเว็บไซต์ที่มีชื่อเสียงบน Runet เช่น Habrahabr วางลงในช่องสำหรับการวิเคราะห์แล้วกดปุ่ม "ตรวจสอบ" หลังจากนั้นไม่กี่วินาที โปรแกรมตรวจสอบ W3C จะให้ผลลัพธ์ต่อไปนี้แก่เรา:

ผลลัพธ์ค่อนข้างดี เพราะการตรวจสอบทรัพยากรส่วนใหญ่จะทำให้เกิดข้อผิดพลาดนับสิบหรือหลายร้อยรายการ

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

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

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

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

การตรวจสอบความถูกต้อง- นี่คือการตรวจสอบบางสิ่งเพื่อให้เป็นไปตามมาตรฐาน (ข้อกำหนด) ในบริบทของผู้ดูแลเว็บ การตรวจสอบความถูกต้องของเว็บไซต์หมายถึงการตรวจสอบรหัสสำหรับ ความถูกต้องและ ความผิดพลาด... กล่าวอีกนัยหนึ่ง: ไม่ควรมีแท็กที่เข้าใจยาก โครงสร้าง และโดยปกติแล้วไม่ควรมีข้อผิดพลาด html

การตรวจสอบมีผลต่ออะไร

1. การตรวจสอบไซต์มีผลกับการแสดงไซต์ในเบราว์เซอร์เป็นหลัก แต่ละเบราว์เซอร์มีกลไกในการประมวลผลโค้ด html ของตัวเอง หากมีข้อผิดพลาดในเลย์เอาต์ (และเกือบทุกครั้ง) เบราว์เซอร์จะกำจัดข้อผิดพลาดนั้นและเราจะเห็นว่าการแสดงไซต์ในรูปแบบที่ถูกต้อง แต่เบราว์เซอร์ไม่ได้มีความสามารถเสมอไป และเว็บมาสเตอร์รุ่นก่อนๆ ก็มีปัญหากับความถูกต้องของเลย์เอาต์มากกว่า การตรวจสอบความถูกต้องมีผลโดยตรงต่อความเข้ากันได้ของเบราว์เซอร์ข้าม

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

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

..

, (เช่น ไม่มีแท็กปิดท้าย) ระบบค้นหาจะไม่แก้ไขสิ่งที่เบราว์เซอร์ทำ ด้วยเหตุนี้ ตำแหน่งของไซต์จึงอาจได้รับผลกระทบอย่างมากจากข้อผิดพลาดดังกล่าว

ตัวอย่างชีวิตจริง

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

... หลังจากตรวจสอบความถูกต้องของการแก้ไขในเบราว์เซอร์ยอดนิยมแล้ว ฉันได้ทำการเปลี่ยนแปลงในเว็บไซต์

เมื่อเวลาผ่านไป เมื่อฉันวิเคราะห์ปริมาณการใช้ข้อมูลผ่าน Yandex Metrica ฉันสังเกตเห็นว่าเวลาการเยี่ยมชมโดยเฉลี่ยในเบราว์เซอร์ Internet Explorerน้อยกว่ามาก เมื่อเปิดไซต์ผ่านเบราว์เซอร์นี้ ฉันจึงเข้าใจว่าเกิดอะไรขึ้น ทั้งเว็บไซต์เบ้ มันเป็นไปไม่ได้ที่จะอ่านเนื้อหา และสิ่งนี้สร้างปัญหาสองอย่างพร้อมกัน ปัญหาแรก - ฉันสูญเสียการรับส่งข้อมูลทั้งหมดจาก IE และปัญหาที่สอง - ฉันทำลายปัจจัยด้านพฤติกรรม

วิธีตรวจสอบความถูกต้องของโค้ด html ของเว็บไซต์

1. โปรแกรมตรวจสอบ HTML ออนไลน์

บนอินเทอร์เน็ตมี บริการฟรี http://validator.w3.org/ ผ่านการตรวจสอบความถูกต้องของโค้ด html ลองพิจารณาการทำงานของบริการนี้โดยละเอียด

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

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

1.Codepad

สร้างโดย Stephen Hazel เป็นเว็บแอปพลิเคชันที่ไม่เหมือนใครซึ่งคุณสามารถเขียนโค้ดไวยากรณ์ทั่วทั้งเว็บได้ นอกจากการดีบักแล้ว Codepad ยังให้ผู้ใช้คัดลอก / วางโค้ดที่สำคัญและแชร์ออนไลน์ได้

หน้าจอส่งออกจะแสดงข้อความเกี่ยวกับข้อผิดพลาดที่เกี่ยวข้องกับรหัสของคุณ คุณสามารถเปลี่ยนภาษาโดยใช้ปุ่มต่างๆ ในเมนูด้านซ้าย (C / C ++, Perl, PHP, Python, Ruby เป็นต้น) Codepad เป็นมากกว่าสำหรับนักพัฒนา ซอฟต์แวร์ที่ต้องทำงานร่วมกันและแก้ปัญหาโปรแกรมที่มีปัญหามากที่สุด

2.เขียนโค้ดออนไลน์

เว็บไซต์หลักจะเปลี่ยนเส้นทางคุณไปยังโปรแกรมแก้ไขจาวาสคริปต์ คุณสามารถเลือกระหว่างการเข้ารหัส JS, PHP และ URL พื้นฐาน แอปพลิเคชั่นนี้ไม่เพียงปลอดภัยและเชื่อถือได้ แต่ยังใช้งานง่ายอีกด้วย

น่าสนใจ คุณจะเห็นผลงานของคุณด้านล่างช่องข้อความ ดังนั้นหากคุณคลิก "เรียกใช้โค้ด" ผลลัพธ์จะปรากฏขึ้น การดีบักขนาดใหญ่ สคริปต์ PHPอาจทำได้ยากขึ้นเพราะต้องรวมไฟล์อื่นไว้ด้วย

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

3.ทิงเกอร์บิน

ฉันสามารถเรียกได้ว่าเป็นแหล่งข้อมูลออนไลน์ที่ฉันโปรดปรานสำหรับการแก้ไขโค้ด รองรับ HTML5 / CSS3 / JS และส่งออกผลลัพธ์ไปยังหน้าจอโดยตรง แอปพลิเคชันยังอยู่ในการพัฒนาอัลฟ่า แต่เครื่องมือส่วนใหญ่ทำงานได้ดีและค้นหาจุดบกพร่องในโปรแกรมได้อย่างรวดเร็ว

เอ็นจิ้นการเรนเดอร์รองรับภาษาเช่น Coffeescript และ Sass ภายใน CSS พวกเขามีระบบการจัดการขั้นสูงและสนับสนุนแบรนด์การออกแบบเว็บมากมายที่คุณอยากใช้สำหรับงานในอนาคตของคุณ

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

4.JS Bin

สำหรับผู้เริ่มต้น การทำงานกับอินเทอร์เฟซอาจทำให้เกิดปัญหาได้ เพื่อหลีกเลี่ยงปัญหานี้ พวกเขาสามารถใช้ประโยชน์จาก JS Bin มีไลบรารีที่หลากหลายให้เลือก - jQuery, jQuery UI, jQM Prototype, MooTools และอื่นๆ

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

5.JsFiddle

ใครที่เคยเยี่ยมชม Stack Overflow ควรรู้ อินเทอร์เฟซแตกต่างจาก JSBin ตรงที่มีตัวเลือกเพิ่มเติม

รองรับไลบรารีเช่น Prototype และ jQuery นอกจากนี้ คุณสามารถรวมแหล่งภายนอกเพิ่มเติมสำหรับไฟล์ JS / CSS ในเอกสารใดๆ ที่อยู่ระหว่างการทดสอบ แอปพลิเคชั่นรองรับ XHP Ajax อย่างไม่น่าเชื่อ ซึ่งคุณสามารถส่งข้อมูลจากเซิร์ฟเวอร์ไปยังหน้าต่างเบราว์เซอร์ของไคลเอนต์และในทางกลับกัน

6.CSSDesk

การย้ายจากสคริปต์เป็นสไตล์ภาษาและ. ทุกอย่างดูคล้ายกับเครื่องมือก่อนหน้า: ข้อความต้นฉบับอยู่ทางซ้าย หน้าเว็บสุดท้ายอยู่ทางขวา เว็บแอปพลิเคชันนี้เหมาะสำหรับการสร้างเทมเพลตหน้าเว็บและทดสอบคุณสมบัติ CSS3

7.Jsdo.It

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

8.Google Code Playground

ฉันรู้สึกประหลาดใจที่นักพัฒนาหลายคนไม่รู้ถึงการมีอยู่ คุณได้รับ การเข้าถึงแบบเต็มไปยัง API ของพวกเขา และในหน้าต่างเดียวกัน คุณสามารถดีบักรหัสทั้งหมดของคุณได้

โดย API สิ่งที่ฉันหมายถึงก็คือ คุณสามารถรับข้อมูลจากผลิตภัณฑ์ที่ใหญ่ที่สุดของ Google: โพสต์จาก Blogger, สถานที่สำคัญจาก Google Maps และแม้แต่วิดีโอจาก YouTube โดยตรง เมื่อคุณคลิกที่ตัวเลือกต่างๆ ข้อมูลในหน้าต่าง ดูตัวอย่างกำลังปรับปรุงเช่นกัน

ฉันแนะนำให้คุณเก็บเครื่องมือนี้ไว้เป็นแหล่งข้อมูลเท่านั้น เนื่องจากเครื่องมือนี้ไม่เหมาะสำหรับทุกสิ่งที่คุณเขียน อย่างไรก็ตาม Google เป็นบริษัทขนาดใหญ่ที่มี API ข้อมูลซอร์สโค้ดจำนวนมาก หากคุณต้องการสื่อจาก YouTube หรือ google เสิร์ชเอ็นจิ้นเครื่องมือนี้จะมีประโยชน์สำหรับคุณอย่างแน่นอน

9.IDEOne

- เครื่องมืออื่นสำหรับการเขียนโปรแกรม "เชิงลึก" และการพัฒนาซอฟต์แวร์ โปรแกรมแก้ไขออนไลน์ของพวกเขารองรับการเน้นไวยากรณ์สำหรับภาษาที่สำคัญจำนวนหนึ่ง รวมถึง Objective-C, Java, C #, VB.NET, SQL และอื่นๆ ดร.

10.Viper7 Codepad

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

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

11.JSLint

มันค่อนข้างแปลกในตัวเองในขณะที่ตัวแก้ไขโค้ดทำงานตามรูปแบบมาตรฐานอย่างสมบูรณ์

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

12.SQL Fiddle

ก่อนหน้านี้เราได้ดูเว็บแอปพลิเคชันชื่อ jsFiddle ถึงเวลาที่จะพูดถึงซึ่งทำงานในลักษณะเดียวกันยกเว้น ฐานข้อมูล SQLข้อมูลไวยากรณ์ ฉันจัดการเพื่อค้นหาทางเลือกที่เหมาะสมสำหรับการทดสอบรหัสฐานข้อมูล

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

หากคุณไม่คุ้นเคยกับฐานข้อมูลหรือ ภาษา SQLแอปพลิเคชันนี้ไม่น่าจะมีประโยชน์สำหรับคุณ แต่สำหรับนักพัฒนาที่สนใจอยากรู้จัก SQL เครื่องมือนี้เหมาะมาก!

13.Cloud9 IDE

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

การลงทะเบียนฟรีสำหรับโครงการชุมชนทั้งหมด หากคุณต้องการพื้นที่ส่วนตัวก่อนพัฒนา จะมีค่าใช้จ่าย $ 15 ต่อเดือน หรือ $ 180 ต่อปี คุณสามารถแบ่งปันที่เก็บรหัสส่วนตัวกับผู้ใช้ที่คุณเลือก ตัวเลือกนี้ช่วยให้นักพัฒนานำไปปฏิบัติ งานร่วมกันกว่าโครงการต่างๆ

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

ขอบเขตของความเป็นไปได้ที่ Cloud9 นำเสนอนั้นกว้างมาก ฉันแนะนำให้ดูรอบ ๆ ในบัญชีฟรี 10-15 นาที และคุณจะหลงรักงานของ UI ทันที บริษัทยังคงได้รับแรงฉุดลาก ดังนั้นฉันหวังว่าจะเพิ่มทางเลือกใหม่ที่เป็นประโยชน์ในอีกไม่กี่ปีข้างหน้า

14.CodeRun

เป็นโปรแกรมแก้ไขออนไลน์สำหรับเว็บแอปพลิเคชันแบบไดนามิก โปรแกรมแก้ไขข้อความคล้ายกับ Microsoft Visual Studio มาก คุณสามารถเขียนโค้ดในภาษา C # สำหรับ ASP.NET ได้ ห้องสมุดของพวกเขารวมถึงแหล่งข้อมูลของบุคคลที่สาม เช่น Facebook Connect และ Silverlight

นอกจากเว็บแอปพลิเคชันที่ทำงานบน Microsoft แล้ว คุณยังสามารถเขียนโค้ดโดยตรงใน javascript หรือ PHP วิธีการทำงานของ CodeRun นั้นไม่แตกต่างจาก Visual Studio มากนัก นั่นคือการสร้างโครงการเว็บไซต์ใหม่และการทำงานในแต่ละไฟล์ ที่ด้านล่างของหน้าจอคือเครื่องมือแก้ไขจุดบกพร่องและผลลัพธ์จากหน้าต่างคอนโซล

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

15.คอมไพเลอร์

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

เนื่องจากเลย์เอาต์ของหน้าคล้ายกับแอปพลิเคชันเดสก์ท็อปทั่วไป มันจึงง่ายพอที่จะใช้งานได้แม้กระทั่งสำหรับผู้เริ่มต้น เครื่องมือสนับสนุนเทคนิคการเขียนโปรแกรมเช่น C ++, C # และ Visual Basic โดยรวมแล้ว Compilr ควรเป็นแอปพลิเคชั่นสำรองสำหรับการทดสอบและแก้จุดบกพร่องซอร์สโค้ด

ในที่สุด

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

หวังว่าชุดเครื่องมือทดสอบโค้ดนี้จะช่วยให้คุณคิดถึงพื้นที่การพัฒนาที่ทันสมัย ทุกวันนี้ การรวบรวมโครงการเว็บ HTML / CSS และรับวิดีโอสาธิตสั้น ๆ นั้นไม่มีค่าใช้จ่ายในเวลาไม่กี่นาที โปรดทราบว่าเครื่องมือเหล่านี้ใช้เพื่อช่วยเหลือคุณในกระบวนการสร้างผลิตภัณฑ์ขั้นสุดท้ายเท่านั้น