คำถามติดแท็ก google-chrome-devtools

Chrome DevTools เป็นเครื่องมือสำหรับนักพัฒนาเว็บที่สร้างขึ้นใน Google Chrome

6
ฉันสามารถใช้ chrome-devtools เพื่อค้นหาแหล่งที่มาของ JS ทั้งหมดได้หรือไม่
ฉันมีปัญหาในการค้นหาไฟล์ JS ใน chrome dev-tools ในอดีตการค้นหาที่เปิดใช้งานโดยCtrl+ Shift+ Fจะพบสิ่งที่ฉันต้องการเสมอ แต่เมื่อเร็ว ๆ นี้ (ฉันไม่แน่ใจว่าการอัปเดตใดที่ทำให้เกิดสิ่งนี้) ค้นหาไม่พบ JS ในแท็กสคริปต์แบบอินไลน์ JS ภายใน iframes ฉันพบว่า callstack เกิดความสับสนเมื่อสคริปต์แบบอินไลน์มีส่วนเกี่ยวข้อง แต่เมื่อฉันพยายาม google สำหรับปัญหาเหล่านี้ฉันเพิ่งได้รับหน้าเอกสาร dev-tools แล้วมีคนอื่นสังเกตเห็นปัญหาเหล่านี้หรือไม่ ฉันเพิ่งจินตนาการว่างานนี้มาก่อนหรือไม่
5
เหตุใดตัวดีบัก Chrome จึงคิดว่าตัวแปรโลคัลปิดไม่ได้ถูกกำหนด?
ด้วยรหัสนี้: function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); ฉันได้รับผลลัพธ์ที่ไม่คาดคิด: เมื่อฉันเปลี่ยนรหัส: function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } ฉันได้รับผลลัพธ์ที่คาดหวัง: นอกจากนี้ถ้ามีการเรียกร้องใด ๆ กับevalภายในฟังก์ชั่นภายในที่ฉันสามารถเข้าถึงตัวแปรของฉันเป็นฉันต้องการจะทำ (ไม่สำคัญว่าสิ่งที่ฉันผ่านไปeval) ในขณะเดียวกันเครื่องมือ Firefox dev ให้พฤติกรรมที่คาดหวังในทั้งสองสถานการณ์ เกิดอะไรขึ้นกับ Chrome ที่โปรแกรมดีบั๊กทำงานได้สะดวกกว่า Firefox ฉันได้สังเกตพฤติกรรมนี้มาระยะหนึ่งแล้วและรวมถึงรุ่น 41.0.2272.43 เบต้า (64 …
6
เป็นไปได้ไหมที่จะเปิดคอนโซลเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome บนโทรศัพท์ Android?
แอปพลิเคชัน AngularJS ทำงานได้ดีบนเดสก์ท็อป แต่แสดงผลไม่ถูกต้องบนมือถือ (รหัสจริงกำลังแสดง) นี่เป็นโทรศัพท์ Android ฉันต้องการดูข้อผิดพลาดที่แสดงในคอนโซล เป็นไปได้ไหมที่จะเปิดคอนโซล JS บนแอป chrome บนมือถือ (เหมือนบนเดสก์ท็อป)?
2
เครื่องมือสำหรับนักพัฒนา Google Chrome - ปิดการใช้งานไม้บรรทัดตัวเลือกการจำลองสีดำ
ใน Google Chrome รุ่น 38+ จะมีไม้บรรทัดสีดำตัวใหม่พร้อมตัวเลือกการจำลองอุปกรณ์ ไม่มีใครรู้วิธีปิดการใช้งานนี้
9
เครื่องมือ dev ของ Chrome ไม่สามารถแสดงการตอบสนองแม้เนื้อหาที่ส่งคืนจะมีส่วนหัว Content-Type: text / html; charset = UTF-8
เหตุใดเครื่องมือสำหรับนักพัฒนา Chrome ของฉันจึงแสดง "ไม่สามารถแสดงข้อมูลการตอบกลับ" ในการตอบสนองเมื่อเนื้อหาที่ส่งคืนเป็นประเภท text / html ทางเลือกอื่นในการดูการตอบกลับในเครื่องมือสำหรับนักพัฒนาคืออะไร
5
เป็นไปได้หรือไม่ที่จะซ่อนทรัพยากรส่วนขยายในแท็บเครือข่ายผู้ตรวจสอบเว็บของ Chrome
เมื่อฉันดูทรัพยากรที่ดาวน์โหลดมาสำหรับหน้าหนึ่งในเครื่องมือตรวจสอบเว็บของ Chrome ฉันจะเห็น HTML / JS / CSS ที่ร้องขอโดยส่วนขยายบางอย่าง ในตัวอย่างข้างต้นindicator.html, indicator.jsและindicator.cssเป็นจริงส่วนหนึ่งของการขยายการอ่าน Chromeไม่ได้เป็นส่วนหนึ่งของ app ของฉัน นี่ไม่ใช่ข้อตกลงที่ใหญ่เกินไปในสถานการณ์เฉพาะนี้ แต่ในหน้าเว็บที่มีความซับซ้อนมากขึ้นและเมื่อติดตั้งส่วนขยายจำนวนมากมันอาจมีผู้คนเยอะมาก! ฉันสงสัยว่ามีวิธีการกรองทรัพยากรที่เกี่ยวข้องกับส่วนขยายออกจากรายการนี้หรือไม่ (เช่นคำขอใด ๆ ที่ใช้chrome-extension://โปรโตคอล) ไม่มีใครรู้ว่าฉันสามารถบรรลุสิ่งนี้ได้อย่างไร
1
HTML Body กล่าวว่า cz-ทางลัดฟัง =“ จริง” ด้วยเครื่องมือนักพัฒนาซอฟต์แวร์ของ Chrome?
ฉันกำลังทดสอบโค้ด HTML บางอย่างที่ฉันทำและในขณะที่ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์บน Google Chrome เวอร์ชัน 22.0.1229.94 m ฉันเห็น<body>แท็กมีแอตทริบิวต์cz-shortcut-listen="true"(ซึ่งแน่นอนว่าไม่ได้อยู่ในรหัสของฉัน) มันหมายถึงอะไรและทำไมมันปรากฏขึ้น? (ฉันลองค้นหาใน google แต่ไม่พบสิ่งใดที่เกี่ยวข้อง)
15
ค้นหาว่าคอนโซล Chrome เปิดอยู่หรือไม่
ฉันใช้สคริปต์เล็กน้อยนี้เพื่อค้นหาว่า Firebug เปิดอยู่หรือไม่: if (window.console && window.console.firebug) { //is open }; และมันใช้งานได้ดี ตอนนี้ฉันกำลังค้นหาครึ่งชั่วโมงเพื่อค้นหาวิธีการตรวจสอบว่าคอนโซลนักพัฒนาเว็บในตัวของ Google Chrome เปิดอยู่หรือไม่ แต่ฉันไม่พบคำใบ้ใด ๆ นี้: if (window.console && window.console.chrome) { //is open }; ไม่ทำงาน แก้ไข: ดังนั้นจึงดูเหมือนว่าเป็นไปไม่ได้ที่จะตรวจพบว่าคอนโซล Chrome เปิดอยู่หรือไม่ แต่มี " แฮ็ค " ที่ใช้งานได้กับข้อเสียบางอย่าง: จะไม่ทำงานเมื่อไม่มีการปลดคอนโซล จะไม่ทำงานเมื่อเปิดคอนโซลเมื่อโหลดหน้าเว็บ ดังนั้นฉันจะเลือกคำตอบที่ไม่ได้ลงนามตอนนี้ แต่ถ้ามีคนที่ 1 มาพร้อมกับความคิดที่ยอดเยี่ยมเขาก็ยังยินดีที่จะตอบและฉันเปลี่ยนคำตอบที่เลือก! ขอบคุณ!
3
จาวาสคริปต์ที่มนุษย์อ่านได้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์โครม
ไม่มีใครรู้ว่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome สามารถจัดรูปแบบจาวาสคริปต์ในรูปแบบที่มนุษย์อ่านหรือไม่ ความสวยงามบางอย่างจะมีประโยชน์ สมมติว่าฉันใช้ไลบรารี JS บางตัวและฉันจำเป็นต้องสร้างอินสแตนซ์ของวัตถุขึ้นมาเพื่อที่ฉันจะได้รู้ว่าควรใส่คอนสตรัคเตอร์อย่างไร แต่การค้นหาผ่านห้องสมุดขนาดใหญ่ที่มี 4 บรรทัดในส่วนติดต่อผู้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome นั้นค่อนข้างน่ารำคาญ ... มิฉะนั้นฝั่งเซิร์ฟเวอร์จำเป็นต้องดูแลการใช้ "โหมด dev" ที่ให้ไฟล์ javascript ที่ไม่ได้ลดขนาด ...
13
มีวิธีในการขยายวัตถุโดยอัตโนมัติใน Chrome Dev Tools หรือไม่
ทุกครั้งที่ฉันดูวัตถุในคอนโซลที่ฉันต้องการจะขยายดังนั้นมันน่าเบื่อที่ต้องคลิกลูกศรเพื่อทำสิ่งนี้ทุกครั้ง :) มีทางลัดหรือการตั้งค่าให้ทำสิ่งนี้โดยอัตโนมัติหรือไม่?
9
เครื่องมือพัฒนา Chrome: [VM] ไฟล์จากจาวาสคริปต์
ฉันเพิ่มเบรกพอยต์ในไฟล์ javascript ของฉัน (jaydata.js) และได้กด "ก้าวข้ามการเรียกใช้ฟังก์ชันถัดไป" เมื่อมันมาถึงสายที่: }, ไฟล์อื่นชื่อ "[VM] (8312)" โผล่ขึ้นมา ฉันยังคงคลิก "ก้าวข้ามการเรียกใช้ฟังก์ชันถัดไป" และตอนนี้หน้าจอของฉันคือ: สคริปต์ที่แปลกและลึกลับเหล่านี้มีชื่อว่า "[VM] (XXXX") และมาจากที่ใด
1
ทำไม {} + {} เป็น NaN เฉพาะฝั่งไคลเอ็นต์เท่านั้น ทำไมไม่ใช้ Node.js?
ในขณะที่[] + []เป็นสตริงว่าง[] + {}เป็น"[object Object]"และเป็น{} + [] 0ทำไมเป็น{} + {}NaN > {} + {} NaN คำถามของฉันไม่ได้เป็นเหตุผลที่({} + {}).toString()ถูก"[object Object][object Object]"ในขณะที่NaN.toString()เป็น"NaN", ส่วนนี้มีคำตอบที่นี่แล้ว คำถามของฉันคือทำไมสิ่งนี้เกิดขึ้นเฉพาะฝั่งไคลเอ็นต์เท่านั้น ในฝั่งเซิร์ฟเวอร์ ( Node.js ) คือ{} + {}"[object Object][object Object]" > {} + {} '[object Object][object Object]' สรุป : ในฝั่งไคลเอ็นต์: [] + [] // Returns "" [] + …
16
หยุดทำงานชั่วคราวในดีบักเกอร์ใน Chrome หรือไม่
เมื่อทำการดีบั๊กในโครเมี่ยมสคริปต์จะถูกหยุดชั่วคราวในดีบักเกอร์แม้ว่าจะไม่มีการตั้งค่าจุดหยุดและถ้าการหยุดชั่วคราวนั้นไม่ถูกหยุดชั่วคราวก็จะหยุดตัวเองอีกครั้ง สิ่งที่สามารถทำได้?
6
เครื่องมือสำหรับนักพัฒนา Chrome: ดูคอนโซลและมุมมองแหล่งที่มาในมุมมองที่แยกจากกัน / เรียงตามแนวตั้ง?
เครื่องมือสำหรับนักพัฒนา Chrome: มีวิธีดูConsoleแท็บและSourcesแท็บในมุมมองแยกกันหรือไม่ ฉันมักจะอยากดูทั้งสองอย่างพร้อมกัน การกดEscเมื่ออยู่บนSourcesแท็บจะทำให้ฉันเห็นมุมมองเล็ก ๆConsoleที่ด้านล่าง แต่ฉันต้องการมุมมองที่กว้างขึ้นของทั้งสองอย่างในเวลาเดียวกัน เป็นไปได้หรือไม่ ถ้าไม่นี่เป็นสิ่งที่ส่วนขยายของ Chrome อาจทำได้หรือไม่? แก้ไข: คำชี้แจง - ฉันรู้วิธีปลดล็อกหน้าต่างเครื่องมือ dev (นั่นคือการตั้งค่าเริ่มต้นของฉัน) แค่เป็นคนโลภฉันเดาและสงสัยว่าฉันสามารถแยกSourcesและConsoleแยกออกเป็นหน้าต่างที่ไม่ได้เชื่อมต่อแยกต่างหาก (หรืออย่างน้อยที่สุดให้มุมมองของพวกเขาแยกในแนวตั้งบนหน้าต่างเดียวกันแทนที่จะเป็นแนวนอนเหมือนการกดEsc)
8
มีวิธีกรองคำขอเครือข่ายโดยใช้เครื่องมือสำหรับนักพัฒนา Google Chrome หรือไม่
เป็นไปได้ไหมที่จะกรองคำขอบางรายการโดยใช้เครื่องมือของนักพัฒนา Chrome เช่นกรองคำขอรูปภาพทั้งหมด
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.