แก้ไขข้อบกพร่องข้อผิดพลาดของหน้าเว็บ สาเหตุและแนวทางแก้ไข การทำโปรไฟล์แบบสอบถาม SQL ข้อผิดพลาดของสคริปต์ใน Internet Explorer สาเหตุและวิธีแก้ปัญหา Internet Explorer บล็อกสคริปต์ที่ใช้งาน ActiveX และ Java

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

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

ก้าวแรก

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

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

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

การบล็อกสคริปต์ ActiveX และ Java ที่ใช้งานอยู่

คุณตัดสินใจที่จะไม่เปลี่ยนไปใช้โปรแกรมอื่นหรือไม่? ในกรณีนี้เราจะแก้ไขปัญหาต่อไป

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

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

เปิดแท็บที่สอง "ความปลอดภัย" คลิกที่ปุ่ม "ค่าเริ่มต้น" คลิกที่ตกลง

ไฟล์ชั่วคราวในเบราว์เซอร์

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

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

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

การปิดกั้นโปรแกรมป้องกันไวรัส

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

การประมวลผลโค้ดหน้า HTML ไม่ถูกต้อง

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

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

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

ดาวน์โหลดการอัพเดตที่มีอยู่

สคริปต์อาจทำงานไม่ถูกต้องเนื่องจากการอัปเดตที่จำเป็นสำหรับระบบและ Internet Explorer หายไป การอัปเดตสามารถแก้ปัญหาได้อย่างสมบูรณ์

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

การใช้รีจิสทรีของระบบ

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

2. คลิกขวาที่บล็อก HKEY_LOCAL_MACHINE และเลือก “สิทธิ์”

3.ในหน้าต่างที่ปรากฏด้านล่าง ให้ตั้งค่าการเข้าถึงแบบเต็มและอ่าน

4.เปิดตัวเลือกเพิ่มเติม คลิกที่ปุ่ม "เปลี่ยน" และตั้งค่า "อนุญาต"

5. ยืนยันการบันทึกการตั้งค่า คลิกที่ตกลง

6. รีบูตอุปกรณ์ของคุณ เปิดบรรทัดคำสั่ง สัมผัสสุดท้ายคือคำสั่งต่อไปนี้: regsvr32 msxml.dll กด Enter บนแป้นพิมพ์ของคุณ

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

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

คำแนะนำ

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

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

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

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

แน่นอนว่ายังมีคนอื่นอีก - ฉันจะพูดถึงพวกเขาอย่างแน่นอน

Firebug สำหรับ Firefox

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

Firebug เป็นส่วนเสริมสำหรับ Firefox ซึ่งหมายความว่าคุณต้องดาวน์โหลดจากเว็บไซต์ส่วนเสริมของ Firefox และติดตั้ง

หากต้องการกระตุ้น firebug เพียงกด F12

คุณสมบัติของส่วนเสริมนี้:

• การตรวจสอบและแก้ไข HTML ที่เปลี่ยนแปลงแบบไดนามิก
• การแก้ไข CSS ได้ทันที
• การดีบัก JavaScript บรรทัดคำสั่งสำหรับการรันสคริปต์
• การตรวจสอบคำขอเครือข่าย - คุณสามารถดูขนาดและเวลาในการดาวน์โหลดไฟล์และสคริปต์ ส่วนหัวของคำขอ
• ตัวแยกวิเคราะห์ DOM

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

นอกจากตัว firebug แล้ว คุณอาจต้องมีส่วนเสริมที่มีประโยชน์ด้วย - คุกกี้ไฟซึ่ง (แปลกใจ:-) คุณสามารถดูและเปลี่ยนแปลงคุกกี้ได้

แถบเครื่องมือนักพัฒนาเว็บสำหรับ Firefox

นอกจากนี้ที่เป็นประโยชน์อีกประการหนึ่งของ Ognelis ดูเหมือนว่านี้:

ลองดูทีละจุด

ปิดการใช้งาน

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

คุ้กกี้

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

ซีเอสเอส

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

แบบฟอร์ม

ทุกอย่างสำหรับการทำงานกับแบบฟอร์ม: แสดงรหัสผ่าน แสดงข้อมูลเกี่ยวกับแบบฟอร์ม แปลงวิธีการของแบบฟอร์ม (GET » POST และในทางกลับกัน) และอื่นๆ อีกมากมาย ฟังก์ชั่นที่มีประโยชน์คือ "เติมฟิลด์แบบฟอร์ม" สำหรับการกรอกฟิลด์แบบฟอร์มโดยอัตโนมัติ (เช่น เมื่อทดสอบไซต์ เมื่อฟังก์ชันการจำรหัสผ่านถูกปิดใช้งาน ไม่เช่นนั้น ฉันไม่เห็นสิ่งใดที่เป็นประโยชน์ในรายการนี้

รูปภาพ

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

ข้อมูล

เมนูนี้มีตัวเลือกมากมาย ฟังก์ชั่นการแสดงแอตทริบิวต์คลาสและรหัสบนเพจอาจมีประโยชน์ นอกจากนี้รายการ "ดูข้อมูลสี" ยังน่าสนใจ - เพื่อรับข้อมูลเกี่ยวกับสีที่ใช้ในหน้าอย่างรวดเร็ว “ดูขนาดเอกสาร” - ดูขนาดหน้า “ดูส่วนหัวของการตอบกลับ” - ดูส่วนหัวของหน้า

เบ็ดเตล็ด

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

โครงร่าง

การเน้นองค์ประกอบต่างๆ ของหน้า - ตาราง ส่วนหัว ลิงก์ กรอบ บล็อก การปรับขนาดช่วยให้คุณสามารถปรับขนาดหน้าต่างเบราว์เซอร์ให้พอดีกับส่วนขยายหน้าจอมาตรฐาน คุณสมบัติเครื่องมือสำหรับการตรวจสอบความถูกต้องของเพจถูกเก็บไว้ที่นี่ ทั้งในท้องถิ่นและภายนอก เข้าถึงการตรวจสอบความถูกต้องของ HTML, CSS และอื่นๆ ได้อย่างสะดวกและรวดเร็ว เมื่อต้องการตรวจสอบ HTML คุณสามารถใช้แป้นพิมพ์ลัด CTRL+SHIFT+H

ดูแหล่งที่มา

ดูซอร์สโค้ด ความเป็นไปได้ของการดูในแอปพลิเคชันภายนอก การดูโค้ดที่สร้างขึ้น

ฉันชอบอันที่อยู่มุมขวาที่สุด มันเป็นตัวตรวจสอบ HTML, CSS และตัวบ่งชี้ข้อผิดพลาด JavaScript ที่รวดเร็ว หากไม่มีปัญหา ไอคอนจะเป็นสีเขียว และหากมีปัญหา ไอคอนจะเป็นสีแดง

แถบเครื่องมือนักพัฒนา Internet Explorer

ตั้งแต่เวอร์ชัน 8.0 เป็นต้นไป เบราว์เซอร์นี้จะมีการแก้ไขข้อบกพร่องอยู่แล้ว เรียกได้ว่าง่ายเลย ปุ่ม F12. จริงอยู่ มันแย่พอๆ กับรายการจากยุค 90

แต่มีเครื่องมือที่เจ๋งกว่ามากสำหรับเบราว์เซอร์นี้ซึ่งเรียกว่าแถบเครื่องมือนักพัฒนา Internet Explorer ซึ่งสามารถดาวน์โหลดได้จากลิงค์

ในลักษณะที่ปรากฏแถบเครื่องมือนี้แน่นอนว่าดูเหมือน firebug แต่น่าเสียดายที่มันยังไม่ครบกำหนด แม้ว่าในทางกลับกันจะมีความสามารถบางอย่างที่ firebug ไม่มีก็ตาม ฉันจะเรียกแถบเครื่องมือนักพัฒนา Internet Explorer ว่าเป็นลูกผสมของ Firebug และ นักพัฒนาเว็บ FireFoxแถบเครื่องมือ

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

นอกจากนี้ แถบเครื่องมือนักพัฒนา Internet Explorer จะไม่อัปเดตแผนผังองค์ประกอบแบบไดนามิกเหมือนกับที่ Firebug ทำ นั่นคือถ้าเราเปลี่ยนแปลงอะไรก็ตามบนเพจโดยใช้ js เราจะไม่เห็นสิ่งใดเลยโดยใช้แถบเครื่องมือนี้

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

ส่วนที่ดีที่สุด: มีเครื่องมือเลือกสีในตัวซึ่งช่วยให้คุณสามารถเลือกสีใดก็ได้จากหน้าโดยใช้ปิเปต (มีปลั๊กอิน ColorZilla แยกต่างหากสำหรับ ff)

ดีบัก DebugBar สำหรับ Internet Explorer

สามารถดาวน์โหลด DebugBar สำหรับ Internet Explorer ได้จากลิงค์ที่ให้ไว้

ส่วนขยายที่น่าสนใจในตัวของมันเอง ติดตั้งเป็นแผงเพิ่มเติมให้กับเบราว์เซอร์:

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

นอกจากนี้ยังมีผู้ตรวจสอบ:

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

และหากคุณเจาะลึกการตั้งค่าต่างๆ คุณจะพบสิ่งนี้:

ทั้งตลกและเศร้า

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

ดีบัก DragonFly สำหรับ Opera

DragonFly ติดตั้งอยู่ใน Opera ตั้งแต่เวอร์ชัน 9.5 ดังนั้นจึงไม่จำเป็นต้องติดตั้ง เพื่อเปิดใช้งาน Dragonfly ให้ไปที่เครื่องมือ → ขั้นสูง → เครื่องมือสำหรับนักพัฒนา และหากเป็นภาษาอังกฤษ เครื่องมือ → ขั้นสูง → เครื่องมือสำหรับนักพัฒนา

ฉันขอเตือนคุณทันทีว่า DragonFly อยู่ในช่วง Alpha2 ซึ่งจะอธิบายข้อบกพร่องหลายประการของมัน

รายการคุณสมบัติ:

• ผู้ตรวจสอบ DOM;
• ตรวจสอบด้วยการคลิก (อีกครั้ง เราจะไม่เห็นการเยื้องเหมือนใน FireFox)
• การแก้ไข;
• เข้าถึงคอนโซลข้อผิดพลาดอย่างรวดเร็ว

DF เป็นเหมือนหน้าแยกในเฟรม หากคุณเปิดมัน มันจะเปิดสำหรับทุกแท็บ (ไม่เหมือน firebug) ดังนั้นก่อนที่จะตรวจสอบองค์ประกอบ เราต้องเลือกจากรายการหน้าที่เราต้องการดู

น่าเสียดายที่ที่นี่เช่นเดียวกับใน Internet Explorer Dav Toolbar องค์ประกอบที่สร้างขึ้นแบบไดนามิกจะไม่แสดง และโดยทั่วไป เมื่อเราตรวจสอบหน้าเว็บ จะไม่มีการเรียกใช้ JavaScript: ไม่มีการคลิกลิงก์และปุ่ม หวังว่าเราจะได้เห็นคุณสมบัติทั้งหมดเหล่านี้เมื่อ DragonFly ใกล้จะเปิดตัว

แก้ไขข้อบกพร่อง WEB Inspector ใน Safari

ฉันจะบอกทันทีว่ามันเกี่ยวกับเบราว์เซอร์ ซาฟารีฉันพลาดข้อมูลดังนั้นฉันจึงไม่รับผิดชอบต่อความเพียงพอของเนื้อหาตามที่พวกเขากล่าว

ในการเปิดใช้งานรายการ "การพัฒนา" ในเมนู Safari คุณต้องเปิดใช้งานรายการที่เกี่ยวข้องในการตั้งค่า (แท็บ "ขั้นสูง"):

ในเมนู "การพัฒนา" เราสามารถใช้ฟังก์ชันต่อไปนี้ได้:

มาดูตัวตรวจสอบเว็บให้ละเอียดยิ่งขึ้น:

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

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

แม้แต่ใน Safari ก็มีฟังก์ชันเช่น "ไทม์ไลน์เครือข่าย" ใช้งานได้ (ปุ่ม "เครือข่าย" ในตัวตรวจสอบ):

คุณสามารถดูได้อย่างชัดเจนว่าต้องดาวน์โหลดไฟล์เมื่อใดและนานเท่าใด คุณยังสามารถดูส่วนหัวของคำขอได้ แต่น่าเสียดายที่คุณไม่สามารถดูเนื้อหาได้

แก้ไขข้อบกพร่องสำหรับนักพัฒนาใน Google Chrome

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

• ผู้ตรวจสอบ DOM;
• ดีบักเกอร์จาวาสคริปต์;
• คอนโซลจาวาสคริปต์

ในการตรวจสอบองค์ประกอบใด ๆ คุณต้องคลิกขวาที่องค์ประกอบนั้นแล้วเลือก "ดูโค้ดองค์ประกอบ" ในเมนูบริบท:

ฟังก์ชันการทำงานเหมือนกับใน Safari: องค์ประกอบต่างๆ จะถูกไฮไลต์เมื่อวางเมาส์เหนือ แต่ไม่มีการแก้ไข CSS และ HTML และการเปลี่ยนแปลงใน DOM จะไม่ถูกติดตาม แต่ปุ่มที่มุมล่างซ้ายซึ่งควรแนบตัวตรวจสอบเข้ากับหน้าต่างเบราว์เซอร์นั้นใช้งานไม่ได้

ในแท็บ "ทรัพยากร" เราจะเห็นสิ่งต่อไปนี้:

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

ในบทความนี้ ฉันได้ดูส่วนขยายและบิวท์อินของเบราว์เซอร์ที่มีชื่อเสียงที่สุด

ยังมีอย่างอื่นอีก เช่น

• Internet Explorer WEB Development Helper - ผู้ช่วยที่ดีสำหรับนักพัฒนา ASP.NET (Internet Explorer);
• แถบเครื่องมือนักพัฒนาเว็บ - แถบเครื่องมือสำหรับ Internet Explorer และ FireFox มีคุณสมบัติที่มีประโยชน์หลายประการ
• แถบเครื่องมือการเข้าถึงเว็บ - แถบเครื่องมือสำหรับ Internet Explorer ไม่มีอะไรน่าสนใจ.

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

สนุกกับมันเพื่อสุขภาพของคุณ!

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

การดีบักไม่ใช่เรื่องน่ากลัว

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

ในกรณีนี้ ข้อความแสดงข้อผิดพลาดนั้นค่อนข้างเข้าใจง่าย - "สตริงเครื่องหมายคำพูดคู่ที่ไม่สิ้นสุด" หากคุณมองอย่างใกล้ชิดที่ println!(Hello, world!"); คุณจะสังเกตเห็นว่าไม่มีเครื่องหมายคำพูดซ้ำซ้อน แน่นอนว่า ข้อความแสดงข้อผิดพลาดอาจเข้าใจได้ยากขึ้นมากเมื่อโค้ดของคุณเติบโตขึ้น และแม้แต่กรณีที่ง่ายที่สุดก็สามารถดูเหมือน น่ากลัวสำหรับผู้ที่ไม่รู้อะไรเกี่ยวกับสนิม

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

HTML และการดีบัก

HTML นั้นเข้าใจได้ไม่ยากเท่ากับ Rust HTML จะไม่ถูกคอมไพล์เป็นรูปแบบอื่นใดก่อนที่เบราว์เซอร์จะแยกวิเคราะห์และแสดงผล (มันถูกตีความ ไม่ใช่คอมไพล์) ไวยากรณ์ขององค์ประกอบ HTML นั้นชัดเจนกว่า "ภาษาโปรแกรมจริง" เช่น Rust, JavaScript หรือ Python มาก วิธีที่เบราว์เซอร์อ่าน HTML มีมากกว่านั้น ใจกว้างกว่าภาษาโปรแกรมที่ตีความโค้ดอย่างเข้มงวดมากขึ้น เรื่องนี้มีทั้งร้ายและดี

รหัสความอดทน

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

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

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

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

การเรียนรู้เชิงรุก: การแนะนำรหัสที่ยอมรับได้

ถึงเวลาสำรวจธรรมชาติของโค้ดที่ทนทานใน HTML

การตรวจสอบ HTML

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

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

สามารถตรวจสอบ HTML ได้ตามที่อยู่โดยการดาวน์โหลดไฟล์หรือคัดลอกไปที่หน้า

การเรียนรู้เชิงรุก: การตรวจสอบความถูกต้องของเอกสาร HTML

1. เปิดบริการตรวจสอบมาร์กอัปในเบราว์เซอร์ของคุณ
2. สลับไปที่โหมดตรวจสอบความถูกต้องตามการป้อนข้อมูลโดยตรง
3. คัดลอกรหัสเอกสารทั้งหมด (ไม่ใช่แค่เนื้อหา) และวางลงในพื้นที่ป้อนข้อมูล
4. กด ตรวจสอบ.

คุณจะเห็นรายการข้อผิดพลาดและข้อมูลอื่นๆ

การทำงานกับข้อความแสดงข้อผิดพลาด

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

• "แท็กปิดท้ายถูกบอกเป็นนัย แต่มีองค์ประกอบเปิด" (2 กรณี): ไม่มีแท็กปิดที่ชัดเจน แม้ว่าเบราว์เซอร์จะเดาได้ว่าควรอยู่ที่ไหน ข้อความชี้ไปที่บรรทัดหลังบรรทัดที่คาดว่าจะแท็กปิด แต่คุณจะพบตำแหน่งที่ถูกต้อง
• "องค์ประกอบที่ไม่ปิดชัดเจน": นี่เป็นข้อผิดพลาดธรรมดามาก - องค์ประกอบ) บ่งชี้ว่าเนื้อหามีความสำคัญ จริงจัง หรือเร่งด่วนมาก โดยทั่วไปเบราว์เซอร์จะแสดงเนื้อหาเป็นตัวหนา"> ไม่ได้ปิดและข้อความชี้ไปที่แท็กเปิดโดยตรง
• "แท็กปิดท้ายละเมิดกฎการซ้อนอย่างมาก": องค์ประกอบซ้อนไม่ถูกต้อง - ไม่มีแท็กปิดท้ายที่ตรงกันในระดับนี้
• "ถึงจุดสิ้นสุดไฟล์เมื่ออยู่ในค่าแอตทริบิวต์ ละเว้นแท็ก": ข้อความลึกลับ ความจริงก็คือว่าคุณสมบัติองค์ประกอบบางอย่าง (น่าจะอยู่ที่ส่วนท้ายของเอกสาร) ถูกเขียนไม่ถูกต้อง และการสิ้นสุดของไฟล์จบลงภายในคุณสมบัตินี้ ลิงก์ไม่ปรากฏในเบราว์เซอร์ - มีแนวโน้มว่าปัญหาจะเกิดขึ้นใกล้เคียง
• "เห็นการสิ้นสุดไฟล์และมีองค์ประกอบที่เปิดอยู่": ไฟล์สิ้นสุดแล้ว แต่องค์ประกอบบางอย่างไม่ได้ถูกปิด ข้อความระบุจุดสิ้นสุดของไฟล์ ในกรณีนี้องค์ประกอบไม่ได้ถูกปิด ตัวอย่าง: ลิงก์ไปยังหน้าแรกของ Mozilla ↩

↩ ↩

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

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

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

การบล็อกสคริปต์ที่ใช้งานของ Internet Explorer, ActiveX และ Java

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

• เปิด Internet Explorer 11
• บริการ

• ในหน้าต่าง ให้ไปที่แท็บ ความปลอดภัย
• จากนั้นคลิกปุ่ม ค่าเริ่มต้นแล้วจึงกดปุ่ม ตกลง

ไฟล์ชั่วคราวของ Internet Explorer

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

• เปิด Internet Explorer 11
• บริการ
• ในหน้าต่าง ให้ไปที่แท็บ เป็นเรื่องธรรมดา
• ในบทที่ ประวัติเบราว์เซอร์คลิกปุ่ม ลบ…

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

การทำงานของซอฟต์แวร์ป้องกันไวรัส

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

การประมวลผลโค้ดหน้า HTML ไม่ถูกต้อง

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

• เปิด Internet Explorer 11
• ที่มุมด้านบนของเบราว์เซอร์ (ขวา) ให้คลิกไอคอน บริการในรูปแบบของเฟือง (หรือคีย์ผสม Alt+X) จากนั้นในเมนูที่เปิดขึ้น ให้เลือก
• ในหน้าต่าง ให้ไปที่แท็บ นอกจากนี้
• ถัดไป ยกเลิกการเลือกช่อง แสดงการแจ้งเตือนสำหรับทุกข้อผิดพลาดของสคริปต์และกดปุ่ม ตกลง.

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

ในขณะนี้ มีเบราว์เซอร์ต่างๆ จำนวนมากที่รองรับมาตรฐาน HTML ที่มีอยู่ไม่ทางใดก็ทางหนึ่ง โดยส่วนตัวแล้วฉันชอบเบราว์เซอร์จาก Mozilla Corporation เบราว์เซอร์นี้มีประวัติอันยาวนาน (อิงจากเบราว์เซอร์ Netscape Navigator ที่มีชื่อเสียง) ฉันชอบเบราว์เซอร์นี้ด้วยเพราะมันรองรับระบบปลั๊กอิน - ส่วนเสริมที่แจกจ่ายแยกกัน เมื่อเชื่อมต่อแล้ว คุณสามารถเปลี่ยนฟังก์ชันการทำงานและปรับแต่งให้เหมาะกับความต้องการของคุณได้ และสุดท้าย เบราว์เซอร์นี้ได้รับการเผยแพร่และโอเพ่นซอร์สอย่างเสรีซึ่งก็มีความสำคัญเช่นกัน ดังนั้นฉันจึงตัดสินใจที่จะอธิบายความสามารถที่เบราว์เซอร์นี้ไม่เพียงมอบให้กับผู้ใช้เท่านั้น แต่ยังรวมถึงผู้พัฒนาเว็บเพจด้วยว่ากระบวนการแก้ไขข้อบกพร่องของผลิตภัณฑ์ที่เขียนนั้นง่ายและสะดวกเพียงใด

Mozilla Firefox เป็นหนึ่งในเบราว์เซอร์ยอดนิยมในหมู่นักพัฒนาและนักพัฒนาเว็บ มันดึงดูดความสนใจของพวกเขาเนื่องจากโอกาสที่เบราว์เซอร์นี้มอบให้ในการดีบักโปรเจ็กต์ที่สร้างขึ้น แก้ไขข้อผิดพลาด และปรับปรุง แพ็คเกจเบราว์เซอร์มาตรฐานประกอบด้วยคอนโซล java (หรือ "คอนโซลข้อผิดพลาด") ยูทิลิตี้นี้ช่วยให้คุณสามารถดีบักสคริปต์จาวาสคริปต์ในตัวได้ แต่ปลั๊กอินของบุคคลที่สามมีฟังก์ชันการทำงานอีกมากมายให้กับเบราว์เซอร์ซึ่งสามารถดาวน์โหลดและติดตั้งได้จากเว็บไซต์อย่างเป็นทางการของ Mozilla Foundation ตอนนี้ฉันต้องการดูปลั๊กอินสองตัวเหล่านี้ - นักพัฒนาเว็บและ Firebug สามารถดาวน์โหลด Addons ทั้งสองนี้ได้จากลิงก์ด้านบนจากเว็บไซต์ Addons อย่างเป็นทางการ หลังจากติดตั้งและรีสตาร์ทเบราว์เซอร์แล้ว นักพัฒนาซอฟต์แวร์ก็มีความเป็นไปได้มากมาย ซึ่งฉันจะอธิบายด้านล่าง ตามลำดับสำหรับปลั๊กอินแต่ละตัว

ปลั๊กอิน Firebug

ตามที่ระบุไว้ในหน้าอย่างเป็นทางการ: “Firebug ทำงานร่วมกับเบราว์เซอร์ Firefox เพื่อเพิ่มชุดเครื่องมือสำหรับนักพัฒนาอย่างมาก คุณจะสามารถแก้ไข ดีบัก และตรวจสอบ CSS, HTML และ Javascript แบบสดบนหน้าเว็บใดก็ได้" และก็เป็นเช่นนั้นจริงๆ มาดูฟังก์ชันบางอย่างของปลั๊กอินนี้กัน ได้แก่:

• การดูและการแก้ไข HTML
• การสร้าง CSS
• การตรวจสอบคำขอเครือข่าย
• การดีบัก JavaScript
• การวิจัยจาวาสคริปต์
• การบันทึกสำหรับ JavaScript

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

หากต้องการใช้งานปลั๊กอิน คุณต้องกดปุ่ม F12 (Ctrl-F12 เพื่อใช้งานในหน้าต่างแยกต่างหาก) หลังจากการเปิดตัวสำเร็จ เราจะได้สิ่งต่อไปนี้ - รูปที่ 1a, 1b

รูปที่ 1ก หน้าต่างเริ่มต้นของปลั๊กอิน firebug

รูปที่ 1ข. หน้าต่างเริ่มต้นของปลั๊กอิน firebug

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

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

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

ปลั๊กอินสำหรับนักพัฒนาเว็บ

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

การทำงานเพิ่มเติมกับปลั๊กอินนั้นใช้งานง่าย ตัวอย่างเช่น หากเราต้องทำงาน CSS บางอย่าง (แม้ว่าจะทำงานได้ไม่เต็มที่เหมือนกับปลั๊กอิน Firebug) เราก็สามารถคลิกเมนู CSS และล็อก เปิดใช้งาน หรือปิดใช้งานได้

สะดวกมากสำหรับนักพัฒนาที่จะสามารถดูว่าโปรเจ็กต์ของเขาจะดูเป็นอย่างไรบนจอภาพที่มีความละเอียดต่างกัน ในการทำเช่นนี้คุณต้องใช้แท็บปรับขนาด ที่นี่คุณสามารถตั้งค่าความละเอียดหน้าจอที่ต้องการได้ด้วยตนเอง (800x600, 1024x768 ฯลฯ) จากนั้นสลับไปมาระหว่างความละเอียดต่างๆ ซูมเข้าหรือออกจากเนื้อหาได้อย่างอิสระ ฟังก์ชั่นนี้แสดงไว้ในรูปที่ 7

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

รายชื่อแหล่งที่มาที่ใช้

• 1. www.getfirebug.com
  เว็บไซต์อย่างเป็นทางการของส่วนเสริม
• 2. http://addons.mozilla.org
  เว็บไซต์อย่างเป็นทางการของ Mozilla ซึ่งมีปลั๊กอินสำหรับเบราว์เซอร์ Firefox ข้อมูลสำหรับนักพัฒนาข้อมูลเกี่ยวกับการใช้ปลั๊กอิน
• 3. http://chrispederick.com/work/web-developer/
  เว็บไซต์อย่างเป็นทางการของผู้พัฒนาปลั๊กอิน WebDeveloper

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

คำอธิบายของข้อผิดพลาด

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

สารละลาย

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

ในอินเทอร์เน็ตเอ็กซ์พลอเรอร์

แต่ถ้าคุณเป็นแฟนตัวยงของซอฟต์แวร์ Microsoft หรือเพียงแค่แนบมากับแอปพลิเคชันในช่วงหลายปีที่ผ่านมา ให้ทำดังต่อไปนี้:

1. เปิดเบราว์เซอร์ของคุณและไปที่หน้าที่แสดงข้อความแสดงข้อผิดพลาด
2. รีเฟรชหน้าการล้างแคชโดยกด Ctrl + F5
3. ตรวจสอบปัญหา

หากข้อผิดพลาดของสคริปต์ไม่ปรากฏขึ้น ยินดีด้วย! มิฉะนั้น ให้ดำเนินการตามประเด็นต่อไปนี้:

1. ไปที่ "เมนู" - "ตัวเลือกเบราว์เซอร์"
   
   
2. เปิดแท็บ "ขั้นสูง"
3. ตั้งค่าพารามิเตอร์สำหรับสคริปต์ตามข้อมูลในภาพหน้าจอ
   
4. บันทึกพารามิเตอร์โดยคลิกปุ่ม "ตกลง"
5. จากนั้นไปที่แท็บ "ความปลอดภัย" และคลิกปุ่ม "เลือกระดับความปลอดภัยเริ่มต้นสำหรับทุกโซน"
   
6. หลังจากนั้นให้เปิดแท็บทั่วไปแล้วคลิกปุ่มลบในหมวดหมู่ย่อยประวัติการเรียกดู
   
7. เลือกช่องทั้งหมดแล้วคลิกปุ่มลบ
   
   

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

ในแอพและเกม

เพื่อแก้ไขปัญหาข้อผิดพลาดของสคริปต์ในแอพและเกม ให้ทำตามขั้นตอนเหล่านี้:

1. เปิดหน้าต่าง Run โดยกด Win + R
2. ในกล่องข้อความของหน้าต่าง ให้ป้อน regedit แล้วคลิกตกลง
   
   
3. ในหน้าต่างใหม่ ให้มองหา HKEY_LOCAL_MACHINE คลิกขวาที่ฟิลด์แล้วเลือก "สิทธิ์"
4. ทำเครื่องหมายที่ช่องถัดจากช่องที่มีอยู่ทั้งหมดในคอลัมน์ "อนุญาต"
   
5. จากนั้นคลิกปุ่ม "ขั้นสูง"
6. คลิกที่ช่องที่คอลัมน์ "หัวเรื่อง" มีค่า "ทั้งหมด" แล้วคลิกปุ่ม "เปลี่ยน"
   
7. เรารีสตาร์ทคอมพิวเตอร์

ตอนนี้สิ่งที่เหลืออยู่คือการลงทะเบียนการเปลี่ยนแปลงที่ทำ:

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

ในขณะนี้ มีเบราว์เซอร์ต่างๆ จำนวนมากที่รองรับมาตรฐาน HTML ที่มีอยู่ไม่ทางใดก็ทางหนึ่ง โดยส่วนตัวแล้วฉันชอบเบราว์เซอร์จาก Mozilla Corporation เบราว์เซอร์นี้มีประวัติอันยาวนาน (อิงจากเบราว์เซอร์ Netscape Navigator ที่มีชื่อเสียง) ฉันชอบเบราว์เซอร์นี้ด้วยเพราะมันรองรับระบบปลั๊กอิน - ส่วนเสริมที่แจกจ่ายแยกกัน เมื่อเชื่อมต่อแล้ว คุณสามารถเปลี่ยนฟังก์ชันการทำงานและปรับแต่งให้เหมาะกับความต้องการของคุณได้ และสุดท้าย เบราว์เซอร์นี้ได้รับการเผยแพร่และโอเพ่นซอร์สอย่างเสรีซึ่งก็มีความสำคัญเช่นกัน ดังนั้นฉันจึงตัดสินใจที่จะอธิบายความสามารถที่เบราว์เซอร์นี้ไม่เพียงมอบให้กับผู้ใช้เท่านั้น แต่ยังรวมถึงผู้พัฒนาเว็บเพจด้วยว่ากระบวนการแก้ไขข้อบกพร่องของผลิตภัณฑ์ที่เขียนนั้นง่ายและสะดวกเพียงใด

Mozilla Firefox เป็นหนึ่งในเบราว์เซอร์ยอดนิยมในหมู่นักพัฒนาและนักพัฒนาเว็บ มันดึงดูดความสนใจของพวกเขาเนื่องจากโอกาสที่เบราว์เซอร์นี้มอบให้ในการดีบักโปรเจ็กต์ที่สร้างขึ้น แก้ไขข้อผิดพลาด และปรับปรุง แพ็คเกจเบราว์เซอร์มาตรฐานประกอบด้วยคอนโซล java (หรือ "คอนโซลข้อผิดพลาด") ยูทิลิตี้นี้ช่วยให้คุณสามารถดีบักสคริปต์จาวาสคริปต์ในตัวได้ แต่ปลั๊กอินของบุคคลที่สามมีฟังก์ชันการทำงานอีกมากมายให้กับเบราว์เซอร์ซึ่งสามารถดาวน์โหลดและติดตั้งได้จากเว็บไซต์อย่างเป็นทางการของ Mozilla Foundation ตอนนี้ฉันต้องการดูปลั๊กอินสองตัวเหล่านี้ - นักพัฒนาเว็บและ Firebug สามารถดาวน์โหลด Addons ทั้งสองนี้ได้จากลิงก์ด้านบนจากเว็บไซต์ Addons อย่างเป็นทางการ หลังจากติดตั้งและรีสตาร์ทเบราว์เซอร์แล้ว นักพัฒนาซอฟต์แวร์ก็มีความเป็นไปได้มากมาย ซึ่งฉันจะอธิบายด้านล่าง ตามลำดับสำหรับปลั๊กอินแต่ละตัว

ปลั๊กอิน Firebug

ตามที่ระบุไว้ในหน้าอย่างเป็นทางการ: “Firebug ทำงานร่วมกับเบราว์เซอร์ Firefox เพื่อเพิ่มชุดเครื่องมือสำหรับนักพัฒนาอย่างมาก คุณจะสามารถแก้ไข ดีบัก และตรวจสอบ CSS, HTML และ Javascript แบบสดบนหน้าเว็บใดก็ได้" และก็เป็นเช่นนั้นจริงๆ มาดูฟังก์ชันบางอย่างของปลั๊กอินนี้กัน ได้แก่:

• การดูและการแก้ไข HTML
• การสร้าง CSS
• การตรวจสอบคำขอเครือข่าย
• การดีบัก JavaScript
• การวิจัยจาวาสคริปต์
• การบันทึกสำหรับ JavaScript

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

หากต้องการใช้งานปลั๊กอิน คุณต้องกดปุ่ม F12 (Ctrl-F12 เพื่อใช้งานในหน้าต่างแยกต่างหาก) หลังจากการเปิดตัวสำเร็จ เราจะได้สิ่งต่อไปนี้ - รูปที่ 1a, 1b

รูปที่ 1ก หน้าต่างเริ่มต้นของปลั๊กอิน firebug

รูปที่ 1ข. หน้าต่างเริ่มต้นของปลั๊กอิน firebug

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

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

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

ปลั๊กอินสำหรับนักพัฒนาเว็บ

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

การทำงานเพิ่มเติมกับปลั๊กอินนั้นใช้งานง่าย ตัวอย่างเช่น หากเราต้องทำงาน CSS บางอย่าง (แม้ว่าจะทำงานได้ไม่เต็มที่เหมือนกับปลั๊กอิน Firebug) เราก็สามารถคลิกเมนู CSS และล็อก เปิดใช้งาน หรือปิดใช้งานได้

สะดวกมากสำหรับนักพัฒนาที่จะสามารถดูว่าโปรเจ็กต์ของเขาจะดูเป็นอย่างไรบนจอภาพที่มีความละเอียดต่างกัน ในการทำเช่นนี้คุณต้องใช้แท็บปรับขนาด ที่นี่คุณสามารถตั้งค่าความละเอียดหน้าจอที่ต้องการได้ด้วยตนเอง (800x600, 1024x768 ฯลฯ) จากนั้นสลับไปมาระหว่างความละเอียดต่างๆ ซูมเข้าหรือออกจากเนื้อหาได้อย่างอิสระ ฟังก์ชั่นนี้แสดงไว้ในรูปที่ 7

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

รายชื่อแหล่งที่มาที่ใช้

• 1. www.getfirebug.com
  เว็บไซต์อย่างเป็นทางการของส่วนเสริม
• 2. http://addons.mozilla.org
  เว็บไซต์อย่างเป็นทางการของ Mozilla ซึ่งมีปลั๊กอินสำหรับเบราว์เซอร์ Firefox ข้อมูลสำหรับนักพัฒนาข้อมูลเกี่ยวกับการใช้ปลั๊กอิน
• 3. http://chrispederick.com/work/web-developer/
  เว็บไซต์อย่างเป็นทางการของผู้พัฒนาปลั๊กอิน WebDeveloper