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

Google Chrome DevTools เป็นชุดเครื่องมือสำหรับนักพัฒนาที่รวมอยู่ในเบราว์เซอร์ Chrome ของ Google ใช้แท็กนี้สำหรับคำถามที่เกี่ยวข้องกับการใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome

3
คัดลอก JSON จาก console.log ในเครื่องมือสำหรับนักพัฒนาไปยังคลิปบอร์ดหรือไม่
การใช้เครื่องมือสำหรับนักพัฒนา Chrome ผมได้พิมพ์วัตถุ JSON console.logกับ มีวิธีที่ฉันสามารถคัดลอกไปยังคลิปบอร์ดหรือไม่?

2
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome เน้นสีอะไร
ใน Chrome เวอร์ชันที่ผ่านมาเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์อนุญาตให้คุณตรวจสอบองค์ประกอบของหน้าและจะเน้นเป็นสีฟ้า องค์ประกอบไฮไลต์ Chrome รุ่นล่าสุดเป็นสีน้ำเงิน แต่ก็มีพื้นที่สีเขียวและสีส้มเช่นกัน สีหมายถึงอะไร

6
ใช้ตัวกรองคอนโซล Chrome Devtools เพื่อซ่อนข้อผิดพลาดคอนโซลที่เกิดจากส่วนขยาย
ฉันต้องการลบERR_BLOCKED_BY_CLIENTข้อผิดพลาดทั้งหมดที่ฉันได้รับเนื่องจาก AdBlock ดังนั้นฉันคิดว่าFilterฟิลด์นั้นจะเป็นแอพพลิเคชั่น แต่ฉันไม่สามารถใช้มันเพื่อย้อนกลับตัวกรองได้ โดยพื้นฐานแล้วสิ่งที่ฉันต้องการคือ ... | grep -v ERR_BLOCKED_BY_CLIENT

3
แท็บ POST ในเครือข่ายเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome อยู่ที่ไหน
ฉันเพิ่งเริ่มใช้ Chrome เพื่อการพัฒนาเนื่องจากฉันเบื่อกับการใช้หน่วยความจำขนาดใหญ่ของ Firefox ทุกอย่างเป็นไปด้วยดีอย่างน่าทึ่ง แต่ฉันพยายามดูข้อมูลที่โพสต์ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แต่ดูเหมือนจะหาไม่เจอ ฉันสับสน ฉันแน่ใจว่าสิ่งนี้เคยมีอยู่ในPOSTแท็บในส่วนเครือข่ายของเครื่องมือ ฉันพยายามมองผ่านส่วนหัว แต่ก็ไม่มีอะไรในนั้น มันหายไปไหนแล้ว‽ อัปเดต: ตอบกลับคำตอบด้านล่าง: คุณอาจลืมคลิกปุ่มบันทึกก่อนที่จะส่งแบบฟอร์ม: แต่น่าเสียดายที่ไม่ได้. ยังไม่มีข้อมูลฟอร์มที่จะให้ดู:

1
เครื่องมือดีบัก Chrome มีแถบเลื่อน
ดูเหมือนจะมีแถบเลื่อนอย่างถาวรในคำแนะนำเครื่องมือเมื่อฉันวางเมาส์เหนือตัวแปรในมุมมองการแก้ไขข้อบกพร่องของ Chrome สิ่งนี้ทำให้การดีบักยากมาก ฉันติดตั้งอัปเดต Chrome ล่าสุดแล้ว แต่ปัญหายังคงมีอยู่: . ฉันจะลบแถบเลื่อนนี้ได้อย่างไร

2
จะปิดหรือแก้ไขทางลัดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome ได้อย่างไร
มีทางลัดในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome ซึ่งเกิดขึ้นเพื่อเรียกใช้ทุกครั้งที่ฉันพยายามพิมพ์[หรือ]อักขระในคอนโซล ทางลัดที่เป็นปัญหาน่าจะเป็นAlt+ [, Alt+ ^หรือ[และมันจะย้ายแท็บ (ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome) ไปยังแท็บที่เลือกล่าสุด ทางลัดนี้เป็นเพียงการปิดกั้นฉันจากการพิมพ์[หรือ]ในคอนโซลและฉันต้องการที่จะปิดการใช้งานหรือแก้ไขมันเป็นอย่างอื่น ฉันจะแก้ไขหรือปิดการใช้งานทางลัดนั้นได้อย่างไร? หมายเหตุ: ฉันไม่ได้ใช้ช็อตคัตในเครื่องมือนักพัฒนาซอฟต์แวร์จริงๆดังนั้นหากเป็นไปได้เพียงเพื่อปิดการใช้งานทางลัดทั้งหมดมันจะเป็นทางออกที่ทำงานได้

3
การตรวจสอบเครือข่ายสำหรับนักพัฒนาเว็บ
เมื่อใช้ Google chrome จะมีเครื่องมือตรวจสอบเครือข่ายที่ใช้งานสะดวก อย่างไรก็ตามเครื่องมือเครือข่าย chrome ติดตามเว็บเพจที่เปิดอยู่ในปัจจุบันเท่านั้น มีเครื่องมือตรวจสอบเครือข่ายที่ซับซ้อนมากมายและฉันต้องการเพียงคุณสมบัติของเครื่องมือตรวจสอบเครือข่ายโครเมียมเท่านั้น เพื่อติดตามกิจกรรมทั้งหมดของเบราว์เซอร์ (Chrome, Firefox, IE และอื่น ๆ ) ฉันกำลังค้นหาเครื่องมือที่มีความคิดและอินเทอร์เฟซเหมือนกับเครื่องมือเครือข่ายโครเมียม มีคนรู้จักเครื่องมือเช่นนั้นไหม ภาพหน้าจอบางส่วนที่มีคุณสมบัติที่ต้องการ: ภาพรวมของไฟล์ทั้งหมดที่ดาวน์โหลด เมื่อเลือกไฟล์คุณสามารถเห็นส่วนหัว และด้วยการตอบสนองของแท็บเนื้อหาของร่างกายจะมองเห็นได้

1
มีวิธีในการเปิด "devtools เฉพาะสำหรับโหนด" ของ Chrome โดยตรงหรือไม่
ฉันใช้ FireFox สำหรับการท่องเว็บทุกวัน ดังนั้นกระบวนการในการเรียกใช้ตัวตรวจสอบ Node จึงค่อนข้างน่ารำคาญ: เปิด Chrome ไปด้วยตนเอง chrome://inspectเนื่องจากปฏิเสธที่จะตั้งค่าหน้าเว็บในตัวเป็น "หน้าแรก" คลิก“ เปิด DevTools เฉพาะสำหรับโหนด” ปิดหน้าต่างต้นฉบับหลังจากที่ Node devtools เปิดขึ้น หน้าต่างเครื่องมือเฉพาะนี้เป็นหน้าต่าง Chrome เดียวที่ฉันเคยใช้ มีวิธีใดบ้างที่จะเปิดใช้งานได้จากบรรทัดคำสั่งหรือเมื่อเปิด Chrome ขอบคุณ!

1
ปิดกั้นคุกกี้ของบุคคลที่สามบน google chrome แต่ฉันยังคงเห็นคุกกี้ 3p ถูกตั้งค่าไว้
ฉันปิดการใช้งานคุกกี้ของบุคคลที่สามใน google chrome แต่ฉันยังคงเห็นคุกกี้ที่ถูกตั้งค่าในแท็บแอปพลิเคชัน DevTools ฉันโหลดหน้าเว็บมันนำไปสู่การตั้งค่าคุกกี้สำหรับโดเมนต่างๆ จากนั้นฉันลบเฉพาะคุกกี้ของโดเมนบุคคลที่สามหนึ่งโดเมน จากนั้นฉันบล็อกคุกกี้ของบุคคลที่สามในการตั้งค่าโครเมี่ยม จากนั้นรีเฟรชหน้า ฉันเห็นคุกกี้ของโดเมนบุคคลที่สามที่ฉันลบจะถูกตั้งค่าอีกครั้ง ใครสามารถชี้ให้เห็นถ้าสิ่งนี้คาดว่า

0
วิธีป้องกัน Chrome devtools จากการแสดงจุดไข่ปลาเมื่อทำการดีบัก?
เมื่อฉันทำการดีบั๊กใน Chrome ฉันต้องคลิกทุกคุณสมบัติของวัตถุที่ฉันต้องการตรวจสอบ: VSCode ให้ผลลัพธ์ที่เป็นประโยชน์มากขึ้น: มีการตั้งค่าใน devtools เพื่อให้มันทำงานเหมือน VSCode หรือไม่?

1
รายการการทดลองของ Chrome devtool หรือไม่
เมื่อฉันไปถึงchrome://flags/โครเมี่ยมฉันได้รับรายการตัวเลือกที่ฉันสามารถเปิดได้ หนึ่งในตัวเลือกเหล่านี้คือการทดลองเครื่องมือสำหรับนักพัฒนา ฉันกำลังมองหารายการที่แสดงการทดลอง dev-tools ปัจจุบันทั้งหมด มีรายการที่ทันสมัยอยู่ที่ไหนบ้าง?

1
การวางซ้อนกริดแสดงขึ้นทันทีที่ฉันเปิดใช้เครื่องมือนักพัฒนาของ Chrome
ด้วยเหตุผลบางอย่างทันทีที่ฉันเปิดตัวเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ฉันจะได้รับการวางซ้อนกริด .. ตามที่อธิบายไว้: ฉันลองถอนการติดตั้งแอพ Chrome ที่ไม่จำเป็นทั้งหมด (ซึ่งอาจเป็นสาเหตุของปัญหานี้) .. และเริ่มการทำงานของ Chrome ใหม่ แต่ตารางยังคงปรากฏขึ้น ที่น่าสนใจทันทีที่ฉันปิดเครื่องมือ Google dev กริดจะหายไป .. ดังนั้นจึงต้องเป็นพฤติกรรมที่เกี่ยวข้องกับเครื่องมือ dev .. ฉันจะปิดได้อย่างไร
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.