Mindphp.com เว็บ สอนสร้างเว็บไซต์ ฐานข้อมูล php Javascript Ajax Jquery Html CSS CMS CRM และ เว็บเซอเวอร์ Hosting Web Server สอน Joomla phpbb
(New Look)
หน้าเว็บบอร์ด » Webboard » Programming - PHP » PHP Knowledge » วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response

* เข้าสู่ระบบ    * สมัครสมาชิก   * FAQ    * ค้นหา




โพสต์กระทู้ใหม่ กลับไปยังกระทู้  [ 7 โพสต์ ] 
เจ้าของ ข้อความ
โพสต์โพสต์แล้ว: 11/04/2012 2:06 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
รูปภาพ

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

ส่วนกระทู้นี้จะเป็นกระทู้แนะนำคร่าวๆเกี่ยวกับการใช้งานเพื่อดูการทำงานของ JavaScript ที่เราได้เขียนไว้ ว่ามันส่งค่า คืนค่าอะไรยังไง แบบไหน ได้ค่าอะไร มาบ้างเป็นต้น

_________________
รูปภาพ


รายงานในข้อความ
 ข้อมูลส่วนตัว  E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 2:10 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
วิธีการใช้งาน
1. ให้ทำการเปิด Firefox ที่ติดตั้งส่วนเสริม Firebug แล้วขึ้นมา
**วิธีการติดตั้ง ดูได้ที่ : วิธีติดตั้ง Firebug

2. ให้ทำการคลิ๊กที่ Icon Firebug ที่อยูด้านมุมขวา แล้วมันจะขึ้นหน้าจอแสดงผลต่างๆมาให้ ในตอนต้น จะยังไม่มีการแสดงผลอะไรให้เห็น


แนบไฟล์:
04.gif
04.gif [ 58.85 KiB | เปิดดู 3151 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 3:10 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
3. ทีนี้ก็ลองเลือกมาสักเว๊บนึงที่มีการใช้งาน Ajax แล้วเราก็เลือก ไปหัวข้อ Net แล้วเลือกหมวด All แล้วลองคลิ๊กดู


แนบไฟล์:
01.gif
01.gif [ 23.83 KiB | เปิดดู 3144 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 3:11 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
4. เมื่อคลิ๊กแล้วมันก็จะแสดง URL ที่มันไปเรียกใช้งานมา ซึ่งเราสามารถกดเข้าไปดูรายละเอียดต่างๆได้


แนบไฟล์:
02.gif
02.gif [ 19.26 KiB | เปิดดู 3144 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 3:14 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
5. เมื่อคลิ๊กเข้ามาดูรายละเอียดแล้วมันก็จะมีหัวข้อต่างๆโชว์ขึ้นมา โดยถ้ามีหัวข้อ Post นั้นคือ ได้มีการส่งค่าตัวแปรแบบ Method Post ผ่าน ลิ้งค์หรือปุ่มที่เรากดเข้ามา โดยใน หัวข้อ Post ก็จะมีบอกว่า เราได้ส่งค่า หรือตัวแปรอะไรมาบ้าง


แนบไฟล์:
03.gif
03.gif [ 14.54 KiB | เปิดดู 3144 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 3:15 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
6. ถ้าต้องการดู output ก็เข้าไปที่หัวข้อ Response ว่า มันได้มีการส่งค่า output มาเป็นอะไรบ้าง โดยจะแสดงออกมาในรูปแบบ Code


แนบไฟล์:
04.gif
04.gif [ 11.29 KiB | เปิดดู 3144 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
โพสต์โพสต์แล้ว: 11/04/2012 3:16 pm 
ออฟไลน์
PHP Hero Member
PHP Hero Member
ภาพประจำตัวสมาชิก

ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
โพสต์: 190
7. หรือถ้าต้องการดู output อีกแบบ ให้เข้ามาที่หัวข้อ HTML มะนก็จะแสดง output มาในรูปแบบของ Object ให้เห็นภาพเลยว่า แสดงอะไรออกมาจากการกดปุ่มเมื่อกี้


แนบไฟล์:
05.gif
05.gif [ 8.08 KiB | เปิดดู 3144 ครั้ง ]

_________________
รูปภาพ
รายงานในข้อความ
ข้างบน  ข้อมูลส่วนตัว
 E-mail  
ตอบกลับพร้อมอ้างอิง  
แสดงโพสจาก:  เรียงตาม  
โพสต์กระทู้ใหม่ กลับไปยังกระทู้  [ 7 โพสต์ ] 

» วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response

เขตเวลา GMT + 7 ชั่วโมง

วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response   ตอบกลับ   แสดง   โพสต์ล่าสุด 
Filezilla คืออะไร วิธีการใช้งาน Filezilla - โปรแกรม FTP อัพโหลดไฟล์
ไฟล์แนบ โดย aloniix » 01/10/2012 6:48 pm

0 ตอบกลับ

2059 แสดง

โพสต์ล่าสุด โดย aloniix ดูข้อความล่าสุด
01/10/2012 6:48 pm
PHP Knowledge

วิธีการใช้งาน Function preg_match()
โดย samsonnaze3 » 13/06/2012 12:26 pm

3 ตอบกลับ

3352 แสดง

โพสต์ล่าสุด โดย mindphp ดูข้อความล่าสุด
15/06/2012 10:07 am
PHP Knowledge

วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response
ไฟล์แนบ โดย samsonnaze3 » 11/04/2012 2:06 pm

6 ตอบกลับ

3153 แสดง

โพสต์ล่าสุด โดย samsonnaze3 ดูข้อความล่าสุด
11/04/2012 3:16 pm
PHP Knowledge

วิธีการใช้งาน MySql Workbench สร้าง ER สร้างตาราง, ควบคุม Mysql Server ทั้ง Host
1, 2, 3ไฟล์แนบ โดย samsonnaze3 » 03/04/2012 1:45 pm

21 ตอบกลับ

8848 แสดง

โพสต์ล่าสุด โดย samsonnaze3 ดูข้อความล่าสุด
03/04/2012 2:57 pm
PHP Knowledge

วิธีการใช้งาน NetBeans ในการเขียน PHP เบื้องต้น
1, 2ไฟล์แนบ โดย samsonnaze3 » 23/03/2012 3:00 pm

9 ตอบกลับ

4426 แสดง

โพสต์ล่าสุด โดย samsonnaze3 ดูข้อความล่าสุด
23/03/2012 4:07 pm
PHP Knowledge


ท่าน สามารถ โพสกระทู้ในบอร์ดนี้ได้
ท่าน สามารถ ตอบกระทู้ในบอร์ดนี้ได้
ท่าน ไม่สามารถ แก้ไขโพสของท่านในบอร์ดนี้ได้
ท่าน ไม่สามารถ ลบโพสของท่านในบอร์ดนี้ได้
ท่าน ไม่สามารถ แนบไฟล์ในบอร์ดนี้ได้

ค้นหาสำหรับ:
ไปที่:  
Powered by phpBB® Forum Software © phpBB Group
Thai language by Mindphp.com & phpBBThailand.com
[ Time : 0.422s | 13 Queries | GZIP : On ]