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

250

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

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

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

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

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

google-chrome google-chrome-devtools

— Abel Callejo
แหล่งที่มา

11

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

— katalin_2003

2

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

— Bob Barker

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

— alexander_ch

คล้ายกับ: stackoverflow.com/questions/3936925/…

— Venkat

426

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

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

ก่อนหน้านี้

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

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

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

— Kyle Hale
แหล่งที่มา

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

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

— фымышонок
แหล่งที่มา

3

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

— user1585204
แหล่งที่มา

1

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

— bulkyPanda
แหล่งที่มา

5

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

— Abel Callejo

1

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

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

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

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

— Roman Podlinov
แหล่งที่มา

ฉันเพิ่งลองคำตอบนี้และดูเหมือนว่าจะทำงานได้ดีบน Windows ฉันลองใช้กับ Mac ด้วย แต่ทางลัดจะแตกต่างกัน เปิด DevTools ( cmd + ตัวเลือก + i ) และสลับไปที่ด้านอื่น ๆ ของท่าเรือ ( cmd + shift + d ) บน Mac โดยตรงโดยใช้ cmd + shift + dw / o การเปิดครั้งแรกที่ DevTools จะให้ผลกับการใช้งานที่แตกต่างกัน

— Abel Callejo