วิธีเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ในหน้าต่างใหม่


250

เมื่อฉันพยายามใช้เครื่องมือสำหรับนักพัฒนาของ Chrome ดูเหมือนว่าฉันจะไม่สามารถดูได้ในหน้าต่างใหม่

นี่เป็นข้อผิดพลาดหรือเป็นการเปลี่ยนแปลงที่ตั้งใจจริง ๆ ในการอัปเดตหรือไม่

เราจะเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ในหน้าต่างใหม่ได้อย่างไร

นี่คือภาพหน้าจอของสิ่งที่ฉันพูดถึง

ป้อนคำอธิบายรูปภาพที่นี่


11
@AbelMelquiadesCallejo คุณต้องคลิกค้างเพื่อให้ตัวเลือกที่จะเปิดเผย
katalin_2003

2
เฮ้โน๊ตข้างบนกล่อง linux ที่นี่และฉันต้องกดปุ่มซ้ายของเมาส์ค้างไว้นานแล้วคลิกด้วยล้อเลื่อนของเมาส์เพื่อปลดการปลดออกให้เกิดขึ้น
Bob Barker

สำหรับจริงฉันจำปุ่มง่าย แต่ตอนนี้มันไร้สาระที่ฉันถูกบังคับให้ google วิธีการทำ
alexander_ch

คำตอบ:


426

ตั้งแต่ Chrome 52 มีการเปลี่ยนแปลง UI เมื่อกล่องโต้ตอบเครื่องมือสำหรับนักพัฒนาเปิดขึ้นคุณเลือกจุดไข่ปลาแนวตั้งและจากนั้นสามารถเลือกตำแหน่งเชื่อมต่อ:

ป้อนคำอธิบายรูปภาพที่นี่

เลือกไอคอนทางด้านซ้ายเพื่อเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ในหน้าต่างใหม่: ไอคอน windows หลาย ๆ


ก่อนหน้านี้

คลิกปุ่มค้างไว้ถัดจากปุ่มปิดของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เพื่อแสดงตัวเลือก "แยกออกเป็นหน้าต่างแยกต่างหาก"

ป้อนคำอธิบายรูปภาพที่นี่

หมายเหตุ: "กด" ไม่เพียงพอในสถานะนั้น


18
"กด" ไม่เพียงพอในสถานะนั้น คุณต้องคลิกปุ่มค้างไว้ (ที่ด้านซ้ายของปุ่มปิด) เพื่อที่จะเปิดเผยตัวเลือก "ปลดล็อคเข้าสู่หน้าต่างแยกต่างหาก"
katalin_2003

5
ใช่click and hold(ฉันใช้ Chrome สำหรับ Windows รุ่น 39.x สำหรับ x64)
ทำนู Vy

5
มีวิธีที่จะเปิดในหน้าต่างใหม่เสมอหรือไม่? มีตัวเลือกก่อนหน้า แต่ไม่พบใน 39.0.2171.95
user3285954

94
การตัดสินใจ UI ที่แย่มากคืออะไร ฉันไม่แน่ใจว่ามันจะไม่สามารถค้นพบได้มากขึ้น ขอบคุณสำหรับทิป!
Joshua Jabbour

2
ในช่วงกลางปี ​​2559 คุณจะต้องคลิกที่จุดไข่ปลาแนวตั้งเพื่อให้ตัวเลือกการเชื่อมต่อปรากฏขึ้นคุณไม่จำเป็นต้องคลิกค้างไว้อีกต่อไป
Chris B

8

ป้อนคำอธิบายรูปภาพที่นี่

  1. คลิกที่จุดสามจุดที่ด้านบนขวา ->
  2. คลิกที่ไอคอน "แยกออกเป็นหน้าต่างแยกต่างหาก"

3

คุณต้องคลิกค้างไว้จนกระทั่งไอคอนอื่นปรากฏขึ้นจากนั้นเลื่อนเมาส์ลงไปที่ไอคอน


1

เพียงพิมพ์ctrl + shift + Iใน google chrome และคุณจะเข้าสู่หน้าต่างนักพัฒนาที่แยกได้


5
ใช้งานได้ก็ต่อเมื่อเครื่องมือของนักพัฒนาซอฟต์แวร์โครมของคุณได้เปิดให้เปิดในหน้าต่างใหม่แล้ว
Abel Callejo

1

หากคุณต้องการเปิด DevTools ให้กดctrl-shift-i Ctrl-Shift-I

หากหน้าต่าง DevTools เปิดขึ้นแล้วคุณสามารถใช้ctrl-shift-dทางลัดมันสลับหน้าต่างเข้าสู่โหมดเดี่ยว

ตัวอย่างเช่นในกรณีของฉันหน้าต่างแอปพลิเคชันอิเล็กตรอน (Chrome) มีขนาดเล็กมาก

ป้อนคำอธิบายรูปภาพที่นี่

ไม่สามารถใช้คำแนะนำอื่น ๆ ได้ยกเว้นทางลัดctrl-shift-d


ฉันเพิ่งลองคำตอบนี้และดูเหมือนว่าจะทำงานได้ดีบน Windows ฉันลองใช้กับ Mac ด้วย แต่ทางลัดจะแตกต่างกัน เปิด DevTools ( cmd + ตัวเลือก + i ) และสลับไปที่ด้านอื่น ๆ ของท่าเรือ ( cmd + shift + d ) บน Mac โดยตรงโดยใช้ cmd + shift + dw / o การเปิดครั้งแรกที่ DevTools จะให้ผลกับการใช้งานที่แตกต่างกัน
Abel Callejo
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.