วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response
Moderator: mindphp, ผู้ดูแลกระดาน
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript Ajax request -response
สำหรับวิธีการใช้งานใน Firebug สามารถใช้ได้หลายจุดประสงค์เช่น การทดลองแก้ไข CSS ในเว๊ปที่เราเขียนไปนั้น ก็สามารถ ใช้ตัว Firebug ในการทดลองแก้ไขได้ โดยเมื่อแก้ไขไป มันจะไม่เซฟค่าให้แต่อย่างใด โดยสามารถดูวิธีใช้งานเกี่ยวกับ CSS ได้จาก วิธีใช้งาน Firebug ช่วยปรับแต่ง Blogger Layout
ส่วนกระทู้นี้จะเป็นกระทู้แนะนำคร่าวๆเกี่ยวกับการใช้งานเพื่อดูการทำงานของ JavaScript ที่เราได้เขียนไว้ ว่ามันส่งค่า คืนค่าอะไรยังไง แบบไหน ได้ค่าอะไร มาบ้างเป็นต้น
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
วิธีการใช้งาน
1. ให้ทำการเปิด Firefox ที่ติดตั้งส่วนเสริม Firebug แล้วขึ้นมา
**วิธีการติดตั้ง ดูได้ที่ : วิธีติดตั้ง Firebug
2. ให้ทำการคลิ๊กที่ Icon Firebug ที่อยูด้านมุมขวา แล้วมันจะขึ้นหน้าจอแสดงผลต่างๆมาให้ ในตอนต้น จะยังไม่มีการแสดงผลอะไรให้เห็น
1. ให้ทำการเปิด Firefox ที่ติดตั้งส่วนเสริม Firebug แล้วขึ้นมา
**วิธีการติดตั้ง ดูได้ที่ : วิธีติดตั้ง Firebug
2. ให้ทำการคลิ๊กที่ Icon Firebug ที่อยูด้านมุมขวา แล้วมันจะขึ้นหน้าจอแสดงผลต่างๆมาให้ ในตอนต้น จะยังไม่มีการแสดงผลอะไรให้เห็น
- แนบไฟล์
-
- 04.gif (58.85 KiB) Viewed 5280 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
3. ทีนี้ก็ลองเลือกมาสักเว๊บนึงที่มีการใช้งาน Ajax แล้วเราก็เลือก ไปหัวข้อ Net แล้วเลือกหมวด All แล้วลองคลิ๊กดู
- แนบไฟล์
-
- 01.gif (23.83 KiB) Viewed 5266 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
4. เมื่อคลิ๊กแล้วมันก็จะแสดง URL ที่มันไปเรียกใช้งานมา ซึ่งเราสามารถกดเข้าไปดูรายละเอียดต่างๆได้
- แนบไฟล์
-
- 02.gif (19.26 KiB) Viewed 5266 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
5. เมื่อคลิ๊กเข้ามาดูรายละเอียดแล้วมันก็จะมีหัวข้อต่างๆโชว์ขึ้นมา โดยถ้ามีหัวข้อ Post นั้นคือ ได้มีการส่งค่าตัวแปรแบบ Method Post ผ่าน ลิ้งค์หรือปุ่มที่เรากดเข้ามา โดยใน หัวข้อ Post ก็จะมีบอกว่า เราได้ส่งค่า หรือตัวแปรอะไรมาบ้าง
- แนบไฟล์
-
- 03.gif (14.54 KiB) Viewed 5273 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
6. ถ้าต้องการดู output ก็เข้าไปที่หัวข้อ Response ว่า มันได้มีการส่งค่า output มาเป็นอะไรบ้าง โดยจะแสดงออกมาในรูปแบบ Code
- แนบไฟล์
-
- 04.gif (11.29 KiB) Viewed 5273 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: วิธีการใช้งาน Firebug เพื่อดูการทำงานของ JavaScript
7. หรือถ้าต้องการดู output อีกแบบ ให้เข้ามาที่หัวข้อ HTML มะนก็จะแสดง output มาในรูปแบบของ Object ให้เห็นภาพเลยว่า แสดงอะไรออกมาจากการกดปุ่มเมื่อกี้
- แนบไฟล์
-
- 05.gif (8.08 KiB) Viewed 5273 times
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ แก้ปัญหา ajax POST request ถูก Block จาก cloudflare
โดย mindphp » 08/04/2022 7:23 am » ใน JavaScript & jQuery Ajax & Node.JS - 1 ตอบกลับ
- 1294 แสดง
-
โพสต์ล่าสุด โดย mindphp
11/04/2022 3:39 pm
-
-
- 3 ตอบกลับ
- 2049 แสดง
-
โพสต์ล่าสุด โดย ballthai2015
29/07/2015 2:31 pm
-
-
โพสต์ใหม่ javascript + ajax ในการเพิ่มข้อมูลลง DB
โดย Nmnn Nichakant » 28/02/2018 10:38 pm » ใน JavaScript & jQuery Ajax & Node.JS - 0 ตอบกลับ
- 4588 แสดง
-
โพสต์ล่าสุด โดย Nmnn Nichakant
28/02/2018 10:38 pm
-
-
- 0 ตอบกลับ
- 1014 แสดง
-
โพสต์ล่าสุด โดย offing
20/09/2014 7:00 pm
-
-
โพสต์ใหม่ อยากรู้ว่ามี วิธีเช็คการทำงานมั้ยค่ะ JavaScript , Jquery, Ajax
โดย thatsawan » 19/06/2014 12:07 am » ใน JavaScript & jQuery Ajax & Node.JS - 4 ตอบกลับ
- 4005 แสดง
-
โพสต์ล่าสุด โดย thatsawan
20/06/2014 1:07 pm
-
-
- 1 ตอบกลับ
- 1983 แสดง
-
โพสต์ล่าสุด โดย ewqolf
03/03/2023 10:01 am
-
-
โพสต์ใหม่ การใช้ php Ajax แสดงผล เมื่อเลือกรายการใน list แล้วเปลี่ยนรูปภาพที่แสดง
โดย bankjittapol » 30/11/2019 7:13 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 3058 แสดง
-
โพสต์ล่าสุด โดย bankjittapol
30/11/2019 7:13 pm
-
-
-
โพสต์ใหม่ การใช้ getElementBy.... ในภาษา javascript
โดย ewqolf » 21/12/2022 3:57 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 684 แสดง
-
โพสต์ล่าสุด โดย ewqolf
21/12/2022 3:57 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 74