คำอธิบายเมนูของเครื่องมือนักพัฒนา IE8

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

คำอธิบายโดยละเอียดเกี่ยวกับการใช้เครื่องมือนักพัฒนา IE8 (คำอธิบายโดยละเอียดของเมนูในทุกระดับ)

เวอร์ชันอย่างเป็นทางการของ IE8 ได้รับการปล่อยตัว บทความนี้จะไม่แสดงความคิดเห็นใด ๆ ในเรื่องไร้สาระมากและจากนั้นให้ข้อสรุปว่า Chrome มีความสามารถในการเรียกใช้ JavaScript ซึ่งเป็น 15 เท่าของ IE8 ซึ่ง IE8 มี 2.456 เท่าของ Safari และสิ่งที่ IE8 มี 1.235 เท่าของ Firefox ฉันจะสนใจใครดีกว่าใคร? ทั้งหมดที่ฉันรู้คือเมื่อ Windows 7 เปิดตัวส่วนแบ่งการตลาดของเบราว์เซอร์ IE8 จะทำให้นักพัฒนาส่วนหน้าไม่สามารถพูดได้: ไม่ต้องกังวลเกี่ยวกับ IE8 มีเพียงไม่กี่คนที่ใช้มัน ดังนั้นบทความนี้จะอธิบายได้ในทางปฏิบัติมาก IE8 อาจเป็นเครื่องมือนักพัฒนาซอฟต์แวร์เดียวที่ทำให้นักพัฒนารู้สึกเป็นมิตร ในเวลาเดียวกันเราจะขยายข้อมูลและความรู้ที่เกี่ยวข้อง ดังนั้นโปรดละทิ้งอคติต่อ IE8 และเฝ้าดูอย่างอดทน

IE8 ยังไม่ได้ติดตั้ง?

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

รายการดาวน์โหลดเวอร์ชันภาษาจีน IE8

Windows XP

Windows Vista

Windows Server 2003

Windows Server 2008

Windows XP 64 บิต

Windows Vista 64 บิต

Windows Server 2003 64 บิต

Windows Server 2008 64 บิต

รายการดาวน์โหลดเวอร์ชันภาษาอังกฤษ IE8

Windows XP

Windows XP 64 บิต

Windows Vista

Windows Vista 64 บิต

Windows Server 2003

Windows Server 2003 64 บิต

Windows Server 2008

Windows Server 2008 64 บิต

โอ้บางทีคุณอาจจะกังวลว่า IE6 หรือ IE7 ในระบบของคุณจบลงแล้ว ใช่แน่นอนนี่เป็นไปได้ อย่างไรก็ตามคุณสามารถลองใช้เครื่องมือต่อไปนี้ ช่วยให้คุณอยู่ร่วมกับ IE หลายรุ่น - โซลูชั่นสำหรับการอยู่ร่วมกันของ IE - IETESTER หลายเวอร์ชั่น

SuperPreview (พร้อมดาวน์โหลด)

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

เครื่องมือนักพัฒนาสามารถเรียกได้ภายใต้เมนูเครื่องมือของ IE8 หรือคลิกโดยตรงคีย์ทางลัด F12

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

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

ตกลงเราได้เห็นมันและรู้ว่ามันสามารถทำอะไรได้บ้าง แล้วขอแนะนำทีละคนตามลำดับของเมนู-

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

【เพิกถอนทั้งหมด】

การดำเนินการทั้งหมดที่ดำเนินการในเครื่องมือนักพัฒนาได้ถูกยกเลิกและโครงสร้างหน้าและโครงสร้าง DOM ได้รับการรีเฟรช

【แหล่งที่มาของ Internet Explorer ที่กำหนดเอง】

【การลองแหล่งที่มา】คำนามร่วมเพศ ด้วยวิธีง่ายๆคือ: ตัวแก้ไขใดที่จะใช้เพื่อดูไฟล์เว็บซอร์ส ตัวอย่างเช่น: ฉันใช้ EditPlus

【ล้มเลิก】

เพื่อที่จะไม่ดูถูก IQ ของคุณฉันจะไม่พูดอะไรมากเกี่ยวกับเรื่องนี้ F12 เป็นกุญแจทางลัดที่เท่าเทียมกันมาพูดถึงเรื่องนี้

【ค้นหา】เมนู

คลิกเพื่อเลือกองค์ประกอบ

คีย์ทางลัด Ctrl B มีเอฟเฟกต์เช่นเดียวกับการคลิกปุ่ม ICO ของเมาส์ในรูปภาพ ฟังก์ชั่นที่ใช้กันมากที่สุด นอกจากนี้ยังเป็นสวิตช์ที่เท่าเทียมกัน เมื่อเปิดเมื่อคลิกที่องค์ประกอบบนหน้าด้วยเมาส์องค์ประกอบที่แก้ไขจะถูกเลือกและโครงสร้าง DOM สไตล์ CSS และข้อมูลอื่น ๆ ขององค์ประกอบที่แก้ไขจะถูกระบุไว้

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

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

เพื่อนที่ใช้ firebug ของ Firefox จะต้องคุ้นเคยกับสิ่งนี้ ความแตกต่างเพียงอย่างเดียวคือ: Firebug จัดเรียงสไตล์ที่มีลำดับความสำคัญต่ำกว่าด้านล่างนั่นคือทั้งหมด

ฟังก์ชั่นของ [สไตล์การติดตาม] และ [สไตล์] มุมมองเหมือนกันและใช้เพื่อดูข้อมูลสไตล์ขององค์ประกอบที่เลือก ความแตกต่างเพียงอย่างเดียวคือ: มีการเปลี่ยนแปลงวิธีการดู มุมมองเฉพาะของนิสัยของคุณขึ้นอยู่กับความชอบของคุณเอง

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

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

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

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

【ปิดการใช้งาน】เมนู

【สคริปต์】

ห้ามใช้สคริปต์ JavaScript หรือ VBScript บนหน้าเว็บ ทำไมต้องปิดการใช้งาน? เพื่อทดสอบความทนทานของหน้า ลูกค้าบางคนที่มีข้อกำหนดสูงสำหรับการออกแบบหน้าเว็บจะถามว่า: หากลูกค้าปิดการใช้งานสคริปต์หน้านี้ยังสามารถใช้งานได้หรือไม่? ใช่ฟังก์ชั่นนี้ใช้เพื่อทดสอบความต้องการในทางที่ผิดของลูกค้าที่เป็นร่วมเพศเหล่านี้

blocker หน้าต่างป๊อปอัพ】

ตัวกรองสำหรับหน้าต่างป๊อปอัป ใช้เพื่อทดสอบว่าใครสามารถทำให้เบราว์เซอร์หรือซอฟต์แวร์รักษาความปลอดภัยกรองหน้าต่างป๊อปอัพของฉัน

【 CSS 】

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

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

【ข้อมูลคลาสและ ID 】

คีย์ทางลัดคือ Ctrl I สวิตช์พาริตี้ หลังจากเปิดมันคุณจะเห็นว่าหน้าปกคลุมด้วยบล็อกสีแดงหนาแน่น ชื่อคลาสหรือชื่อ ID จะปรากฏขึ้น ใช่นี่คือผลกระทบของการดูคลาสและข้อมูล ID แต่พูดตามตรงใครจะสนใจอุจจาระแดงนี้? หน้าไม่เพียง แต่ดูเหมือนเสื้อผ้าของขอทานที่เต็มไปด้วยแพทช์เท่านั้น แต่ยังไม่รู้เลย -_- B ...

【เส้นทางลิงค์】

เหมือนกับข้างบน มันจะวางไฮเปอร์ลิงก์ทั้งหมดในหน้าสีแดงและแสดงที่อยู่ลิงค์

【รายงานลิงก์】

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

【ดัชนีแท็บ】

ไฮไลต์องค์ประกอบทั้งหมดที่มีแอตทริบิวต์ TabIndex การตั้งค่าคุณสมบัติ TabIndex สามารถเปลี่ยนลำดับที่องค์ประกอบหน้าเว็บได้รับโฟกัส

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

【การเข้าถึงคีย์】

เน้นองค์ประกอบทั้งหมดที่มีแอตทริบิวต์ AccessKey ตั้งค่าแอตทริบิวต์ AccessKey เพื่อตั้งค่าปุ่มทางลัดสำหรับองค์ประกอบเพื่อให้ได้โฟกัส

【ไฟล์ต้นฉบับ】แหล่งที่มาขององค์ประกอบที่มีสไตล์

สร้างไฟล์ต้นฉบับที่มีรูปแบบองค์ประกอบที่เลือกรหัส HTML และข้อมูลระดับเว็บ

ต้องเลือกองค์ประกอบก่อนที่คำสั่งนี้จะถูกต้อง ยิ่งไปกว่านั้นไฟล์ต้นฉบับที่สร้างขึ้นนั้นเกี่ยวข้องกับองค์ประกอบที่เลือกเท่านั้น

【ไฟล์ต้นฉบับ】 dom (องค์ประกอบ)

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

【ไฟล์ต้นฉบับ】 dom (หน้า)

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

สถานะดั้งเดิมของไฟล์ต้นฉบับ】

ฟังก์ชั่นการร่วมเพศอย่างมากคือการดูซอร์สโค้ดหน้าเว็บ ทุกคนควรใช้ปุ่มเมาส์ขวาเพื่อคลิกโดยตรงบนหน้าเว็บ

[โครงร่าง] เมนูเห็นได้ชัดว่าเป็นคำสั่งสำหรับร่างองค์ประกอบที่ตรงตามเงื่อนไขและแสดง

【เซลล์ตาราง】

มันคือการจัดเฟรมแต่ละเซลล์ของตารางฟอร์มที่มี โครงลวดสีส้ม แจ้งให้คุณทราบ-โอ้ ปรากฎว่านี่คือเซลล์ของตาราง

【พื้นผิว】

มันคือการวางกรอบรูปแบบใน กรอบลวดสีส้ม แจ้งให้คุณทราบ-โอ้ ปรากฎว่านี่เป็นแบบฟอร์ม

【องค์ประกอบ div 】

มันคือการใช้ wireframes สีเขียว สำหรับองค์ประกอบ div ทั้งหมดในหน้า แจ้งให้คุณทราบ-โอ้ ปรากฎว่าสิ่งเหล่านี้เป็นองค์ประกอบของ Div

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

【ภาพ】

มันคือการวางกรอบองค์ประกอบ IMG ทั้งหมดในหน้าใน โครงร่างสีม่วง แจ้งให้คุณทราบ-โอ้ ปรากฎว่าสิ่งเหล่านี้เป็นองค์ประกอบ IMG ทั้งหมด

【องค์ประกอบใด ๆ 】

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

【องค์ประกอบการวางตำแหน่ง】ญาติ

มันจะถูก ล้อมรอบเป็นสีเขียว องค์ประกอบทั้งหมดที่มีตำแหน่ง: สไตล์สัมพัทธ์

【องค์ประกอบการวางตำแหน่ง】สัมบูรณ์

มันจะถูกล้อมรอบด้วย โครงลวดดำ องค์ประกอบทั้งหมดที่มีตำแหน่ง: สไตล์สัมบูรณ์

【องค์ประกอบการวางตำแหน่ง】แก้ไข

มันจะถูก วางกรอบสีน้ำเงิน องค์ประกอบทั้งหมดที่มีตำแหน่ง: สไตล์คงที่

【องค์ประกอบการวางตำแหน่ง】ลอย

มันจะถูกล้อมรอบด้วย wireframes สีเหลือง องค์ประกอบทั้งหมดที่มีสไตล์ลอย

【เค้าร่างชัดเจน】

เมื่อหน้าของคุณถูกสร้างขึ้นด้วยสีต่าง ๆ ของบรรทัดเช่นตาราง Excel คุณสามารถใช้คำสั่งนี้เพื่อล้างบรรทัดทั้งหมด

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

เห็นได้ชัดว่าคำสั่งนี้ควบคุมรูปภาพต่าง ๆ บนหน้าเว็บ

【ปิดการใช้งานรูปภาพ】

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

【แสดงขนาดภาพ】

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

【แสดงขนาดไฟล์ภาพ】

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

【แสดงเส้นทางภาพ】

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

【แสดงข้อความ alt 】

ข้อความของแอตทริบิวต์ ALT ขององค์ประกอบ IMG สามารถแสดงได้ โดยวิธีการ: อย่าวางคำหลักสำหรับรูปภาพมิฉะนั้นจะได้รับการพิจารณาอย่างง่ายดายว่าเป็นการเพิ่มประสิทธิภาพการเปลี่ยน SEO

【ดูรายงานภาพ】

สร้างรายงานภาพโดยละเอียดเพื่อแก้ไขหน้า มีข้อมูลรายละเอียดมากสำหรับแต่ละภาพ

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

จัดการกลุ่มเมนูแคชและคุกกี้ นี่จะเป็นคุณสมบัติที่น่าพึงพอใจมากสำหรับนักพัฒนา

【รีเฟรชจากเซิร์ฟเวอร์เสมอ】

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

【ล้างแคชเบราว์เซอร์】

ทางลัดคีย์ Ctrl R. ไม่มีอะไรจะพูดมันแค่ทำให้ขั้นตอนการดำเนินการก่อนหน้านี้ง่ายขึ้น

ฉันไม่รู้ว่าคุณสังเกตเห็นว่ามีสามจุดอยู่ด้านหลัง [Clear Browser Cache] ในเมนูหรือไม่ ซึ่งหมายความว่ากล่องโต้ตอบจะได้รับการยืนยันหลังจากคลิกเมนูนี้

【ล้างแคชเบราว์เซอร์สำหรับโดเมนนี้】

คีย์ทางลัด Ctrl D. ไม่มีอะไรจะพูดเพียงแค่ล้างแคชเบราว์เซอร์ในโดเมนนี้

【ปิดการใช้งานคุกกี้】

ไม่มีประโยชน์ที่จะพูด ไม่อนุญาตให้บิสกิต

Clear Clear Session Cookies 】

ล้างคุกกี้ทั้งหมดในเบราว์เซอร์ของคุณ ฟอรัมและชุมชนของคุณกำลังรอลงชื่อเข้าใช้อีกครั้ง

【ล้างคุกกี้โดเมน】

คุกกี้ที่ชัดเจนในโดเมนนี้เท่านั้น

【ดูข้อมูลคุกกี้】

ดูข้อมูลคุกกี้ที่มีอยู่ในหน้านี้ อย่าคิดเลยว่าคุณจะไม่ได้รับรหัสผ่าน

แกดเจ็ตที่มีประโยชน์บางอย่างรวมอยู่ในเครื่องมือนักพัฒนาแม้ว่าจะอ่อนแอกว่าเครื่องมือเฉพาะอื่น ๆ ที่เกี่ยวข้อง แต่การตอบสนองฉุกเฉินยังเพียงพอ

【ปรับขนาด】

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

【แสดงไม้บรรทัด】

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

【แสดงตัวเลือกสี】

เครื่องมือเลือกสีที่เรียบง่าย คลิกที่เมาส์เพื่อเลือกสี อย่างไรก็ตามฉันแนะนำเครื่องมืออื่นให้คุณ - กล่องเครื่องมือการทำงานของฉัน - Colorpic ซึ่งง่ายเกินไปในเครื่องมือนักพัฒนา

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

มันจะทำให้เกิดพายุนองเลือดในโลกอย่างแน่นอน (ขอบคุณ Xiaoqi สำหรับการเตือนฉันถึงสำนวนนี้ฉันลืมไปทันทีอนิจจา ~ อาจเป็นเพราะฉันได้อ่านนวนิยายศิลปะการต่อสู้ล่าสุดน้อยลง แต่ฉันดูเหมือนจะคุ้นเคยกับสำนวนเช่น Panting และ Lianlian เมื่อเร็ว ๆ นี้) ในอนาคตอันใกล้ Kong Yiji นับไม่ถ้วนจะถูกผลิตอย่างแน่นอน

【 html 】

ตรวจสอบรหัส HTML ของหน้า หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบ HTML ของ W3C และจะได้รับรายงานการตรวจสอบ

【 CSS 】

ตรวจสอบรหัส CSS ของหน้า หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบ CSS ของ W3C และจะได้รับรายงานการตรวจสอบ

【แหล่งที่มา】

ตรวจสอบรหัสไฟล์ต้นฉบับของหน้า หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบ FeedValidator.org และจะได้รับรายงานการตรวจสอบ

【ลิงค์】

ตรวจสอบลิงก์ไปยังหน้า หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบของ W3C และจะได้รับรายงานการตรวจสอบ

【 HTML ท้องถิ่น】

เปิดเครื่องมือตรวจสอบ HTML ของ W3C เพื่อตรวจสอบหน้าท้องถิ่น

【 CSS ท้องถิ่น】

เปิดเครื่องมือตรวจสอบ CSS ของ W3C เพื่อตรวจสอบหน้าท้องถิ่น

【ฟังก์ชั่น accessive 】รายการ WCAG

ตรวจสอบ WCAG ของหน้าเว็บ (การเข้าถึงรายงานการเข้าถึงเนื้อหาของเว็บ) หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบ contentQuality.com และจะได้รับรายงานการตรวจสอบ

รายการ [ฟังก์ชั่นการเข้าถึง]

ตรวจสอบมาตรฐานหน้า 508 หน้านี้จะถูกส่งไปยังเครื่องมือตรวจสอบ contentQuality.com และจะได้รับรายงานการตรวจสอบ

【การตรวจสอบหลายครั้ง】

ตรวจสอบหน้าในเวลาเดียวกันเพื่อตรวจสอบข้อกำหนดหลายรายการ

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

บทความนี้ได้อธิบายสั้น ๆ เกี่ยวกับเมนูต่างๆของเครื่องมือนักพัฒนาซอฟต์แวร์ ฉันเชื่อว่าทุกคนสามารถใช้เครื่องมือที่ทรงพลังนี้ได้อย่างง่ายดาย

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