บทแนะนำนี้มีไว้สำหรับผู้ใช้ที่เรียกใช้เว็บเบราเซอร์ Firefox Web Mac OS X หรือ Windows เท่านั้น
Firefox ประกอบด้วยชุดเครื่องมือที่มีประโยชน์สำหรับนักพัฒนาซอฟต์แวร์รวมทั้งเว็บคอนโซลและข้อผิดพลาดในตัวรวมทั้งตัวตรวจสอบรหัส ส่วนหนึ่งของชุดพัฒนาเว็บของเบราว์เซอร์คือ Scratchpad ซึ่งเป็นเครื่องมือที่ช่วยให้โปรแกรมเมอร์สามารถเล่นกับ JavaScript ของตนและเรียกใช้งานได้จากภายในหน้าต่าง Firefox อินเตอร์เฟซที่เรียบง่ายของ Scratchpad สามารถพิสูจน์ได้ว่าสะดวกสำหรับนักพัฒนา JavaScript บทแนะนำแบบทีละขั้นตอนนี้จะสอนวิธีการเข้าถึงเครื่องมือและวิธีการใช้งานเพื่อสร้างและปรับแต่งรหัส JS ของคุณ
ขั้นแรกให้เปิดเบราว์เซอร์ Firefox ของคุณ คลิกที่ปุ่มเมนู Firefox ซึ่งอยู่ที่มุมขวาบนของหน้าต่างเบราว์เซอร์และแสดงด้วยเส้นแนวนอนสามเส้น เมื่อเมนูแบบเลื่อนลงปรากฏขึ้นให้เลือกตัวเลือก นักพัฒนาซอฟต์แวร์ ตอนนี้เมนูย่อยควรปรากฏขึ้น คลิกที่ Scratchpad ซึ่งพบได้ภายในเมนูนี้ โปรดทราบว่าคุณสามารถใช้แป้นพิมพ์ลัดต่อไปนี้แทนรายการเมนูนี้: SHIFT + F4
ตอนนี้ Scratchpad ควรแสดงในหน้าต่างแยกต่างหาก ส่วนหลักประกอบด้วยคำแนะนำสั้น ๆ บางส่วนตามด้วยช่องว่างที่สงวนไว้สำหรับการป้อนข้อมูลของคุณ ในตัวอย่างข้างต้นฉันได้ป้อนโค้ด JavaScript ขั้นพื้นฐานลงในช่องว่างที่ให้ไว้ เมื่อคุณได้ป้อนรหัส JavaScript แล้วคลิกที่เมนู Execute ซึ่งประกอบด้วยตัวเลือกต่อไปนี้
- เรียกใช้: ตัวเลือกนี้จะประมวลผลโค้ดที่เลือกภายในหน้าต่าง Scratchpad แป้นพิมพ์ลัดสำหรับรายการเมนูนี้คือ CTRL + R บน Windows และ COMMAND + R บน Mac OS X
- ตรวจสอบ: ตัวเลือกนี้จะรันโค้ดที่เลือกและจะเปิดอินสแตนซ์ของตัวตรวจสอบของออบเจกต์บนค่าเฉพาะที่ส่งคืน นี้ช่วยให้คุณสามารถเจาะลึกลงไปในวัตถุเฉพาะ แป้นพิมพ์ลัดสำหรับรายการเมนูนี้คือ CTRL + I ใน Windows และ COMMAND + I ใน Mac OS X
- จอแสดงผล: ตัวเลือกนี้จะประมวลผลโค้ดที่เลือกแสดงผลโดยตรงในหน้าต่างตัวแก้ไข แป้นพิมพ์ลัดสำหรับรายการเมนูนี้คือ CTRL + L บน Windows และ COMMAND + L บน Mac OS X