คุณสมบัติใหม่ของ Firefox Aurora แสดง Mozilla ฟังผู้พัฒนา

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

ฉันจะตรวจสอบคุณสมบัติส่วนใหญ่ที่กล่าวถึงในบทความเครื่องมือนักพัฒนา Firefox Hacks ของ Mozilla แก้ไขเป็น HTML, Codemirror & มากกว่า: เครื่องมือดีบั๊ก JavaScript, แก้ไขเป็น HTML, เลือกรูปแบบหน่วยสีเริ่มต้น, ตัวอย่างแถบสี CodeMirror และ WebConsole Reflow Logging

หมายเหตุ: เนื้อหานี้ยังมีในรูปแบบแกลเลอรี่

การติดตั้ง Firefox Aurora

ในการทดสอบคุณสมบัติฉันจำเป็นต้องดาวน์โหลดและติดตั้ง Firefox Aurora ดังนั้นฉันคลิกปุ่มดาวน์โหลด Firefox Aurora แล้วคลิกไฟล์ปฏิบัติการ firefox-27.0a2.en-US.win32.installer-stub.exe ( รูปที่ A )

รูปที่

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

รูปที่ B

ใช้เวลาสองสามนาทีในการดาวน์โหลดลงบนพีซีของฉัน (ฉันมี Time Warner Cable Turbo ที่ความเร็วในการดาวน์โหลด 21M) ( รูปที่ C ) คุณอาจได้รับการแจ้งเตือนจากซอฟต์แวร์ป้องกันไวรัสของคุณเกี่ยวกับไฟล์ที่ไม่รู้จักหลังจากคุณเรียกใช้ไฟล์การติดตั้ง นี่เป็นสาเหตุหลักมาจากความแปลกใหม่ของไฟล์ แต่ก็เนื่องมาจากความจริงที่ว่ามันเป็นรุ่น pre-beta ดังนั้นจึงมีประวัติเล็กน้อย ณ จุดนี้

รูปที่ C

เมื่อการดาวน์โหลดและติดตั้งเสร็จสมบูรณ์คุณจะถูกนำไปที่เบราว์เซอร์ Aurora และช่อง About Aurora ( รูป D ) ทันที

รูป D

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

รูปที่ E

ทดสอบการใช้งานเครื่องมือใหม่บางอย่าง

ในการใช้เครื่องมือสำหรับนักพัฒนา Firefox ใหม่ให้คลิกขวาที่ใดก็ได้บนหน้าจอใน Aurora แล้วคลิก Inspect Element (Q) ( รูป F )

รูป F

แผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จะเปิดค่าเริ่มต้นเป็นแท็บตัวตรวจสอบที่ด้านล่างของหน้าจอ ( รูปที่ G )

รูปที่ G

ดีบักเกอร์ JavaScript: หยุดพักเหตุการณ์ DOM

เครื่องมือดีบักเกอร์ JavaScript ช่วยให้คุณสามารถแบ่งเหตุการณ์ DOM ที่หลากหลายโดยอัตโนมัติโดยไม่ต้องตั้งค่าจุดพักใด ๆ ทำตามขั้นตอนเหล่านี้เพื่อใช้ JavaScript Debugger ( รูป H ):

1. คลิกแท็บดีบักเกอร์จากแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์

2. คลิกปุ่มขยายบานหน้าต่างซึ่งอยู่ทางขวาของกล่องข้อความค้นหา

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

รูป H

เครื่องมือตรวจสอบ: เครื่องมือแก้ไข HTML

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

รูปที่ 1

จากนั้นกล่องเนื้อหาจะเปิดขึ้นเพื่อให้คุณสามารถแก้ไข HTML ( รูปที่ J )

รูปที่ J

เลือกรูปแบบสีเริ่มต้นและตัวอย่างแถบสี

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

รูปที่ K

ตัวเลือกหน่วยเลือกสีคือ Hex, HSL (A), RGB (A) และชื่อสี ( รูป L )

รูปที่ L

ตัวอย่างแถบสีพร้อมใช้งานแล้วจากบานหน้าต่างกฎทางด้านขวาและแสดงสีจากองค์ประกอบที่เลือกภายในบานหน้าต่างตัวตรวจสอบ ( รูปที่ M) โดยที่ "เนื้อหา" มีกฎสำหรับเส้นขอบ 2px ที่มีค่าตัวเลข 000 และพื้นหลังที่มี สีของ # 333

รูปที่ M

CodeMirror

CodeMirror ที่เป็นที่นิยมและใช้งานเอนกประสงค์ HTML5 นั้นใช้งานใน JavaScript สำหรับเบราว์เซอร์และตอนนี้เป็นตัวแก้ไขส่วนประกอบที่ใช้ในเครื่องมือสำหรับนักพัฒนา Firefox มันอยู่ใน Style Editor, Debugger, Inspector เป็นตัวเลือก Edit As HTML ที่อธิบายไว้ด้านบนและใน Scratchpad จากการตั้งค่าตัวเลือกคุณสามารถเลือกได้จากชุดเครื่องมือ Dev สองชุด: แสงหรือมืด ( รูปที่ N )

รูปที่ N

รูปที่ O เป็นตัวอย่างของ Light Theme ที่มีบานหน้าต่าง Style Editor เปิดอยู่ในบานหน้าต่างเครื่องมือสำหรับนักพัฒนา

รูปที่ O

WebConsole: Reflow Logging

จากพาเนลเครื่องมือสำหรับนักพัฒนาคลิกแท็บคอนโซลเลือกเมนู CSS จากนั้นคลิกรายการเมนูบันทึก ( รูปที่ P )

รูปที่ P

เมื่อเข้าสู่ระบบทุกครั้งที่มีการ reflow เกิดขึ้นบนหน้าเว็บที่ใช้งานและตรวจสอบแล้วจะมีการพิมพ์บันทึกด้วยชื่อของฟังก์ชัน JavaScript ที่เรียกใช้ reflow ที่บันทึกไว้ ( รูปที่ Q )

รูปที่ Q

สรุป

คุณสมบัติใหม่ในเครื่องมือสำหรับนักพัฒนา Firefox ที่พบในออโรร่ารุ่นก่อนเบต้าเป็นพื้นที่ทดสอบที่ดีสำหรับเบราว์เซอร์ Firefox ในอนาคต มันแสดงให้เห็นว่า Mozilla กำลังฟังชุมชนนักพัฒนาเว็บและตอบสนองด้วยผลลัพธ์ที่ยอดเยี่ยม

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


© Copyright 2020 | mobilegn.com