Forgot Password ??

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

	Registered : 109,037

HOME > บทความจากสมาชิก > Firebug เป็น Tools สำหรับ (Firefox/Chrome) ในการแก้ไขตรวจสอบ JavaScript , CSS และ HTML

Firebug เป็น Tools สำหรับ (Firefox/Chrome) ในการแก้ไขตรวจสอบ JavaScript , CSS และ HTML

Firebug เป็น Tools สำหรับ Web Development ในการแก้ไขตรวจสอบ JavaScript / CSS / HTML Firebug เป็น Extension หรือ Add-ons สำหรับใช้ในการช่วยจัดการ Debug พวก HTML , JavaScript และ CSS การใช้งานง่าย โดยทำการติดตั้ง Plugin พวกนี้ลงใน Web Browser เช่น Google Chrome หรือ Mozilla Firefox หลังจากนั้นก็เปิด URL หรือเว็บไซต์ที่ต้องการ และทำการคลิกที่ Icons ของ Firebug จากนั้นโปรแกรม Firebug ก็จะแสดงรายละเอียดโครงสร้าง HTML , JavaScript และ CSS ทั้งหมดใน URL นั้น ๆ เราสามารถทำการคลิกเพื่อแก้ไข CSS หรือแม้กระทั่วตรวจสอบค่าต่าง ๆ ซึ่งการใช้งานนั้นไม่ยากซับซ้อนอะไร สามารถศึกษาได้จากการลองผิดลองถูก

Firebug Logo

1. ติดตั้ง Firebug บน Google Chrome

ชื่อ Extension : Firebug Lite for Google Chrome

Download

https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench

หรือจะใช้การ Search จาก Web Browser ของ Chrome ก็ได้

Firebug for Google Chrome

เลือก ADD TO CHROME ดังรูป

Firebug for Google Chrome

โปรแกรมจะถามยินยันอีกครั้งให้เลือกยืนยันโดยการคลิกที่ Add

Firebug for Google Chrome

โปรแกรมติดตั้งเรียบร้อย โดยจะแสดง Icons ดังรูป

Firebug for Google Chrome

ทดสอบเรียก URL หรือเว็บไซต์ และคลิกที่ Icons ของ Firebug ก็จะปรากฏ Toosl ของ Firebug แสดงมาด้านล่างของเว็บไซต์

2. ติดตั้ง Firebug บน Mozilla Firefox

ชื่อ Add-ons : Firebug

Download

https://addons.mozilla.org/en-US/firefox/addon/firebug/

หรือสามารถทำการค้นหาได้จาก Web Browser ของ Mozilla Firefox

Firebug for Mozilla Firefox

คลิกที่ Add to Firefox

Firebug for Mozilla Firefox

กำลัง Download

Firebug for Mozilla Firefox

Install Now

Firebug for Mozilla Firefox

เมื่อติดตั้งเรียบร้อยแล้วให้ Restart Now คือปิด Web Browser ของ Firefox แล้วเปิดขึ้นมาใหม่

Firebug for Mozilla Firefox

บทความอื่น ๆ ที่เกี่ยวข้อง
Go to : Download Google Chrome
Go to : Mozilla Firefox - Download ฟรีดาวน์โหลดโปรแกรม Mozilla Firefox เวอร์ชั่นล่าสุด
Go to : ติดตั้ง Google PageRank (PR) ให้กับ Google Chrome และ Mozilla Firefox
Go to : ReloadEvery / Page Refresh Google Chrome and Mozilla Firefox (รีเฟชสหน้าเว็บ)


	By :	TC Admin
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2012-06-15
	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
	ปรับแต่งเว็บให้โหลดเร็ว