Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > บทความจากสมาชิก > สุดยอด IE Developer Tools สำหรับ Debug Webpages เช่น Css / JavaScript

สุดยอด IE Developer Tools สำหรับ Debug Webpages เช่น Css / JavaScript

ลองแล้วหรือยัง IE Developer Tools สำหรับ Debug Webpages เช่น Css / JavaScript เป็นเครื่องมือของ IE (Internet Explorer) ใช้ในการ Debug Webpages ช่วยให้การแก้ไข จัดการพวก Client เช่น Css / JavaScript ได้ง่ายและสะดวกมาก ประโยชน์ก็คือ เช่น ในกรณีที่ต้องการ Debug ว่า หน้า Webpage ที่เราใช้อยู่ใช้ Css ตัวไหน และจะแก้ไขได้อย่างไร ก็สามารถที่จะทำการ Debug เพื่อตรวจสอบหาตำแหน่ง พร้อมกับทดสอบการแก้ไข เพื่อดูผลลัพธ์ได้ทันที ถือว่าเป็น Tools หนึ่งที่น่าสนใจมาก และไม่ควรพลาดอย่างยิ่งสำหรับการนำไปใช้ ในการพัฒนาเขียนพวก Web

ต้องบอกว่าความสามารถทำได้มากมายจริง ๆ ครับ

IE (Internet Explorer) Developer Tools

ตัวอย่างการใช้งาน IE (Internet Explorer) Developer Tools

เปิด Web Browser ของ IE (Version 9 เป็นต้นไป)

IE Developer Tools

เปิดเว็บไซต์ https://www.thaicreate.com จากนั้นกด F12 เราจะได้หน้าจอ IE และ Debug Toos ดังรูป

IE Developer Tools

จะเห็นว่าสามารถเลือกได้ว่าจะ View บน IE Version ใดได้บ้าง เช่น IE 7 , IE 8 และ IE 9

ตัวอย่างการ Debug Css

IE Developer Tools

คลิกที่ Pointer บน Developer Tools และ เลื่อนเมาส์ไปยังตำแหน่งของ Object ที่ต้องการ เช่น Text

IE Developer Tools

และเราจะเห็นว่า Text นั้น ๆ ได้ใช้ Css หรืออะไรบ้างที่เกี่ยวข้อง

IE Developer Tools

เราสามารถทำการแก้ไข Cssเพื่อดูผลลัพธ์ (การแก้ไขแค่ทดสอบเท่านั้น ไม่ได้แก้ไข Css จริง การแก้ไขจริงจะต้องกลับไปแก้ไขที่ต้นฉบับของไฟล์ Css)

IE Developer Tools

การแสดงผลเปลี่ยนไปตามแก้ไข

IE Developer Tools

นอกจากนี้นังมีความสามารถอื่น ๆ อีกมากมาย เช่นการตรวจสอบ Debug พวก JavaScript

อ่านเพิ่มเติม เกี่ยวกับวิธีการใช้งาน

http://msdn.microsoft.com/en-us/library/hh968260(v=vs.85).aspx
http://msdn.microsoft.com/en-us/hh549168.aspx


	By :	TC Admin
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2013-06-25
	Download :	No files

Sponsored Links

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว