คำถามติดแท็ก firebug

ฉันต้องแก้จุดบกพร่องเว็บแอปพลิเคชันที่ใช้ jQuery เพื่อทำการจัดการDOMที่ซับซ้อนและยุ่งเหยิง ณ จุดหนึ่งเหตุการณ์บางอย่างที่ถูกผูกมัดกับองค์ประกอบบางอย่างไม่ถูกไล่ออกและหยุดทำงาน หากฉันมีความสามารถในการแก้ไขแหล่งที่มาของแอปพลิเคชันฉันจะเจาะลึกลงไปและเพิ่มงบงบFirebug จำนวนมาก console.log()และแสดงความคิดเห็น / รหัส uncomment ของรหัสเพื่อพยายามระบุปัญหา แต่สมมติว่าฉันไม่สามารถแก้ไขรหัสแอปพลิเคชันและต้องทำงานอย่างสมบูรณ์ใน Firefox โดยใช้ Firebug หรือเครื่องมือที่คล้ายกัน Firebug นั้นดีมากที่ให้ฉันนำทางและจัดการ DOM ถึงตอนนี้ฉันยังไม่สามารถหาวิธีการดีบักเหตุการณ์ด้วย Firebug ได้ โดยเฉพาะฉันต้องการเห็นรายการตัวจัดการเหตุการณ์ที่ถูกผูกไว้กับองค์ประกอบเฉพาะในเวลาที่กำหนด (ใช้จุดพัก Firebug JavaScript เพื่อติดตามการเปลี่ยนแปลง) แต่ทั้ง Firebug ไม่มีความสามารถในการดูเหตุการณ์ที่ถูกผูกไว้หรือฉันโง่เกินไปที่จะค้นหา :-) คำแนะนำหรือความคิดใด ๆ โดยหลักการแล้วฉันต้องการดูและแก้ไขเหตุการณ์ที่ผูกกับองค์ประกอบเช่นเดียวกับที่ฉันสามารถแก้ไข DOM วันนี้

609 javascript  jquery  javascript-events  event-handling  firebug 

ความแตกต่างระหว่าง socket.io และ websockets ใน node.js คืออะไร? พวกเขาทั้งสองเทคโนโลยีผลักเซิร์ฟเวอร์? ความแตกต่างเพียงอย่างเดียวที่ฉันรู้สึกคือ socket.io อนุญาตให้ฉันส่ง / ส่งข้อความโดยระบุชื่อเหตุการณ์ ในกรณีของ socket.io ข้อความจากเซิร์ฟเวอร์จะเข้าถึงลูกค้าทั้งหมด แต่สำหรับ websockets เดียวกันฉันถูกบังคับให้เก็บอาร์เรย์ของการเชื่อมต่อทั้งหมดและวนผ่านมันเพื่อส่งข้อความไปยังลูกค้าทั้งหมด นอกจากนี้ฉันสงสัยว่าทำไมผู้ตรวจสอบเว็บไซต์ (เช่น Chrome / firebug / fiddler) ไม่สามารถจับข้อความเหล่านี้ (จาก socket.io/websocket) จากเซิร์ฟเวอร์ได้หรือไม่ โปรดอธิบายสิ่งนี้

459 node.js  google-chrome  firebug  websocket  socket.io 

การใช้งานconsole.logคืออะไร? โปรดอธิบายวิธีใช้ใน JavaScript พร้อมกับตัวอย่างโค้ด

414 javascript  firebug  console.log 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน3 ปีที่ผ่านมา เช่นเดียวกับนักพัฒนาเว็บส่วนใหญ่ฉันมักจะดูแหล่งที่มาของเว็บไซต์เพื่อดูว่ามาร์กอัปของพวกเขาถูกสร้างขึ้นอย่างไร เครื่องมือต่าง ๆ เช่น Firebug และ Chrome Developer Tools ช่วยให้ตรวจสอบรหัสได้ง่าย แต่ถ้าฉันต้องการคัดลอกส่วนที่แยกต่างหากและเล่นกับมันในพื้นที่มันจะเป็นความเจ็บปวดที่จะคัดลอกองค์ประกอบทั้งหมดและ css ที่เกี่ยวข้อง และอาจเป็นไปได้มากที่จะช่วยประหยัดทั้งแหล่งและตัดรหัสที่ไม่เกี่ยวข้องออก มันจะดีถ้าฉันสามารถคลิกขวาที่โหนดใน Firebug และมีตัวเลือก "บันทึก HTML + CSS สำหรับโหนดนี้" เครื่องมือดังกล่าวมีอยู่จริงหรือไม่? เป็นไปได้ไหมที่จะขยาย Firebug หรือ Chrome Developer Tools เพื่อเพิ่มคุณสมบัตินี้

403 html  css  internet-explorer  firebug  google-chrome-devtools 

ฉันกำลังพยายามโหลดไฟล์ JSON ในเครื่อง แต่ไม่สามารถใช้งานได้ นี่คือรหัส JavaScript ของฉัน (ใช้ jQuery: var json = $.getJSON("test.json"); var data = eval("(" +json.responseText + ")"); document.write(data["a"]); ไฟล์ test.json: {"a" : "b", "c" : "d"} ไม่มีอะไรปรากฏขึ้นและ Firebug บอกฉันว่าข้อมูลไม่ได้ถูกกำหนด ใน Firebug ฉันเห็นjson.responseTextและมันดีและใช้ได้ แต่มันแปลกเมื่อฉันคัดลอกบรรทัด: var data = eval("(" +json.responseText + ")"); ในคอนโซลของ Firebug มันใช้งานได้และฉันสามารถเข้าถึงข้อมูลได้ ใครมีทางออก?

322 javascript  jquery  json  firebug  local-files 

มีอะไรอย่างเช่น Firebug ที่คุณสามารถใช้ใน Google Chrome ได้บ้าง? คุณสมบัติที่สำคัญที่ฉันต้องการ: ตรวจสอบแหล่งที่มา HTML (องค์ประกอบที่เลือกลบพวกเขา ฯลฯ ) ตรวจสอบค่า CSS (วิธีแก้ปัญหาในตัวแปลก, อย่างใด)

278 html  css  google-chrome  debugging  firebug 

ฉันรวมบางฟอร์มไว้ในตาราง HTML เพื่อเพิ่มแถวใหม่และอัปเดตแถวปัจจุบัน ปัญหาที่ฉันได้รับคือเมื่อฉันตรวจสอบแบบฟอร์มในเครื่องมือ dev ของฉันฉันเห็นว่าองค์ประกอบของแบบฟอร์มถูกปิดทันทีหลังจากเปิด (อินพุต ฯลฯ ไม่รวมอยู่ในแบบฟอร์ม) ดังนั้นการส่งแบบฟอร์มจึงไม่สามารถรวมฟิลด์ได้ แถวของตารางและอินพุตมีดังนี้: <tr> <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </form> </tr> ความช่วยเหลือใด ๆ จะดีขอขอบคุณ.

239 html  firebug  html-table  forms 

เมื่อไม่นานมานี้ฉันกำลังทำงานกับสไตล์การพิมพ์สำหรับเว็บไซต์และฉันรู้ว่าฉันกำลังสูญเสียวิธีที่มีประสิทธิภาพในการปรับแต่ง เป็นสิ่งหนึ่งที่ต้องมีวงจรการรีโหลดสำหรับการทำงานบนเค้าโครงบนหน้าจอ: เปลี่ยนรหัส คำสั่งแท็บ โหลด แต่กระบวนการทั้งหมดนั้นจะยากลำบากกว่าเดิมเมื่อคุณพยายามพิมพ์: เปลี่ยนรหัส คำสั่งแท็บ โหลด พิมพ์ เหล่ที่รูปภาพตัวอย่างก่อนพิมพ์ เปิด PDF ในหน้าตัวอย่างเพื่อตรวจสอบเพิ่มเติม มีเครื่องมือที่ฉันขาดหายไปที่นี่? ผู้ตรวจสอบของ WebKit มีช่องทำเครื่องหมาย "แกล้งเป็นสื่อเพจ" หรือไม่ มีเวทมนต์ที่ Firebug ( ตัวสั่น ) ทำอะไรได้บ้าง?

238 css  printing  firebug  google-chrome-devtools  web-inspector 

ฉันจะตรวจสอบองค์ประกอบที่หายไปเมื่อเลื่อนเมาส์ไปได้อย่างไร ฉันไม่รู้ว่าเป็น ID คลาสหรืออะไร แต่ต้องการตรวจสอบ วิธีแก้ปัญหาที่ฉันได้ลอง: เรียกใช้ตัวเลือก jQuery ภายในคอนโซล$('*:contains("some text")')แต่ไม่มีโชคใด ๆ เป็นส่วนใหญ่เนื่องจากองค์ประกอบไม่ถูกซ่อน แต่อาจถูกลบออกจากต้นไม้ DOM การตรวจสอบต้นไม้ DOM ด้วยตนเองสำหรับการเปลี่ยนแปลงทำให้ฉันไม่มีอะไรเลยดูเหมือนเร็วเกินไปที่จะสังเกตเห็นว่ามีการเปลี่ยนแปลงอะไร ความสำเร็จ: ฉันประสบความสำเร็จกับจุดพักเหตุการณ์ โดยเฉพาะ - mousedown ในกรณีของฉัน เพิ่งไปที่Sources-> Event Listener Breakpoints-> Mouse-> mousedownใน Chrome หลังจากนั้นฉันคลิกองค์ประกอบที่ฉันต้องการตรวจสอบภายในScope Variablesฉันเห็นทิศทางที่เป็นประโยชน์

152 javascript  google-chrome  firefox  firebug  opera-dragonfly 

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

147 javascript  debugging  firefox  google-chrome  firebug 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา Firebug เป็นเครื่องมือที่สะดวกที่สุดที่ฉันพบในการแก้ไข CSS ดังนั้นทำไมไม่มีตัวเลือก "บันทึก" แบบง่าย ๆ สำหรับ CSS ฉันมักจะพบว่าตัวเองทำ tweaks ใน Firebug จากนั้นกลับไปที่ไฟล์. css ดั้งเดิมของฉันและจำลอง tweaks มีใครคิดวิธีแก้ปัญหาที่ดีกว่าบ้างไหม? แก้ไข:ฉันรู้ว่ารหัสจะถูกเก็บไว้ในเซิร์ฟเวอร์ (ในกรณีส่วนใหญ่ไม่ใช่ของฉันเอง) แต่ฉันใช้มันเมื่อสร้างเว็บไซต์ของตัวเอง Firebug เพิ่งใช้ไฟล์. css ที่ Firefox ดาวน์โหลดจากเซิร์ฟเวอร์มันรู้ได้อย่างแม่นยำว่าบรรทัดไหนที่ไฟล์กำลังแก้ไข ฉันไม่เห็นสาเหตุที่ไม่มีตัวเลือก "ส่งออก" หรือ "บันทึก" ซึ่งช่วยให้คุณเก็บไฟล์. css ใหม่ได้ (ซึ่งฉันสามารถแทนที่รีโมทด้วย) ฉันได้ลองค้นหาสถานที่ชั่วคราวแล้วเลือกไฟล์ > บันทึก ...และทดลองใช้ตัวเลือกการแสดงผลบน Firefox แต่ฉันยังไม่พบวิธี แก้ไข …

143 css  firebug 

ฉันใช้สคริปต์เล็กน้อยนี้เพื่อค้นหาว่า Firebug เปิดอยู่หรือไม่: if (window.console && window.console.firebug) { //is open }; และมันใช้งานได้ดี ตอนนี้ฉันกำลังค้นหาครึ่งชั่วโมงเพื่อค้นหาวิธีการตรวจสอบว่าคอนโซลนักพัฒนาเว็บในตัวของ Google Chrome เปิดอยู่หรือไม่ แต่ฉันไม่พบคำใบ้ใด ๆ นี้: if (window.console && window.console.chrome) { //is open }; ไม่ทำงาน แก้ไข: ดังนั้นจึงดูเหมือนว่าเป็นไปไม่ได้ที่จะตรวจพบว่าคอนโซล Chrome เปิดอยู่หรือไม่ แต่มี " แฮ็ค " ที่ใช้งานได้กับข้อเสียบางอย่าง: จะไม่ทำงานเมื่อไม่มีการปลดคอนโซล จะไม่ทำงานเมื่อเปิดคอนโซลเมื่อโหลดหน้าเว็บ ดังนั้นฉันจะเลือกคำตอบที่ไม่ได้ลงนามตอนนี้ แต่ถ้ามีคนที่ 1 มาพร้อมกับความคิดที่ยอดเยี่ยมเขาก็ยังยินดีที่จะตอบและฉันเปลี่ยนคำตอบที่เลือก! ขอบคุณ!

143 javascript  google-chrome  firebug  google-chrome-devtools 

มีเครื่องบันทึกคอนโซลสำหรับ IE หรือไม่? ฉันกำลังพยายามบันทึกการทดสอบ / การยืนยันจำนวนมากไปยังคอนโซล แต่ฉันไม่สามารถทำได้ใน IE

119 javascript  internet-explorer  internet-explorer-8  console  firebug 

แท็บ "เครือข่าย" เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google จะล้างหลังจากเปลี่ยนเส้นทางไปยังหน้าอื่นและฉันต้องการทราบว่ามีวิธีใดบ้างที่จะเก็บคำขอทั้งหมดไว้ ฉันต้องการทำสิ่งนี้เพราะฉันต้องการยืนยันคำขอ POST หนึ่งรายการ แต่มันเปลี่ยนเส้นทางและถูกล้าง ใน firebug เราสามารถใช้ตัวเลือก "Persist": (ตัวเลือก "คงอยู่" จะป้องกันไม่ให้ล้างคอนโซลเมื่อโหลดหน้าใหม่ซึ่งหมายความว่าข้อความจะอยู่ในคอนโซลตราบเท่าที่เปิดใช้งานตัวเลือกนี้) https://getfirebug.com/wiki/index.php/Console_Panel

111 google-chrome  firebug  developer-tools 

ฉันต้องการเปลี่ยนบริบทของ javascript ที่เรียกใช้ในคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บ / firebug เพื่อเรียกใช้โค้ดเหมือนทำงานจากภายใน iframe บนหน้า ฉันรู้ว่าฉันทำได้โดยการเปิดเพจใน iframe บนเพจแยกต่างหาก แต่ฉันต้องการเรียกใช้โค้ดที่มันโต้ตอบกับเฟรมหลัก

107 javascript  iframe  console  firebug