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

430

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

ฉันหวังว่าภาพหน้าจอถัดไปจะให้แนวคิดที่ดีกว่าเกี่ยวกับสิ่งที่ฉันพยายามทำ: ข้อความแสดงแทน

ภาพหน้าจอต่อไปนี้มาจากการค้นหาเดียวใน Firebug: ข้อความแสดงแทน

google-chrome google-chrome-devtools script-debugging

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

1

BTW หากคุณใช้ Source Maps (เช่นด้วยโหมด GWT Super Dev) คุณสามารถค้นหาไฟล์. java ที่แมปด้วยชื่อ ... พิมพ์ Ctrl + O (คำสั่ง + O บน mac) ในแท็บ Sources

— frankadelic

6

ฉันขอแนะนำให้เปลี่ยนคำตอบที่ยอมรับเป็น vsevik ได้หรือไม่ มีแนวโน้มมากที่จะเป็นประโยชน์สำหรับผู้อ่านในปัจจุบัน

— Mark Amery

ดีใจ! มีคำตอบที่สมบูรณ์แบบสำหรับคำถามนี้ แต่การค้นหาในการตอบกลับของเครือข่ายไม่พร้อมใช้งานเช่นเดียวกับใน Firebug ตอนนี้ไม่แม้แต่ใน firefox

— Ravi Parekh

1

ใช้ 'ไปที่ไฟล์' ใน Google Dev Tools (เครื่องมือที่ยืดหยุ่นและมีประโยชน์พร้อมค้นหาความสามารถในชื่อฟังก์ชันชื่อคลาสใน CSS, ... ) วิธีใช้ไปที่ไฟล์ใน Google Chrome DevTools

— Iman Bahrampour

678

เปิดบานหน้าต่างค้นหาใหม่ในเครื่องมือสำหรับนักพัฒนาโดย:

กดCtrl+ Shift+ F( Cmd+ Option+ Iบน mac)
คลิกเมนู⋮โอเวอร์โฟลว์( ) ใน DevTools
คลิกเมนูโอเวอร์โฟลว์ในคอนโซล ( ⋮) และเลือกตัวเลือกการค้นหา

คุณสามารถค้นหาสคริปต์ทั้งหมดของคุณด้วยการสนับสนุนการแสดงออกปกติและความไวกรณี

คลิกการจับคู่ใด ๆ เพื่อโหลดไฟล์ / ส่วนในแผงสคริปต์

ค้นหาไฟล์ทั้งหมด - ผลลัพธ์

ตรวจสอบให้แน่ใจว่าได้ทำเครื่องหมาย 'ค้นหาโดยไม่ระบุชื่อและสคริปต์เนื้อหา' ในการตั้งค่า DevTools ( F1) สิ่งนี้จะส่งคืนผลลัพธ์จากภายใน iframes และสคริปต์แบบอินไลน์ HTML:

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

14

Control + Shift + F ค่อนข้างมีประโยชน์ แต่ไม่ได้รับความนิยมทั้งหมดโดยเฉพาะสคริปต์ใน iframe

— Murali VP

35

หาก Control + Shift + F เป็นวิธีที่จะไปกล่องค้นหาด้านบนจะทำให้เข้าใจผิดอย่างเต็มที่ ประการที่สองขั้นตอนการค้นหาและล่า UI นั้นแย่มาก เท่าไหร่ที่คุณจะพอดีในพื้นที่เล็ก ๆ นั้น? ทำไมไม่ทำอย่างที่ FF ทำล่ะ

— Mrchief

6

ทำงานได้ดี แต่ใช้เวลานานกว่าใน FF เครื่องมือ Chrome Dev ต้องการการปรับปรุงมากมาย ... = (

— Ricardo Martins

8

ตรวจสอบให้แน่ใจว่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์นั้นอยู่ในหน้าต่างของตัวเองหากมีการเชื่อมต่อ DT กับหน้าต่างหลักคำสั่ง Ctrl + Shift + F จะไม่ดึงการค้นหาแหล่งที่มาขึ้นมา

— Highway of Life

22

ความจริงที่ฉันต้อง google สำหรับเรื่องนี้บอกมากเกี่ยวกับ UX ของ Chrome Dev Tools

— Piotr Owsiak

16

ค้นหาไฟล์ทั้งหมดด้วย Control + Shift + F หรือคอนโซล -> [แท็บค้นหา]

หมายเหตุ: การค้นหาทั่วโลกจะปรากฏขึ้นถัดจากเมนู CONSOLE

— แอชเชอร์
แหล่งที่มา

คำตอบนี้เป็นหลักเหมือนกับคำตอบที่ได้รับการโหวตมากที่สุดซึ่งฉันได้อัปเดตเพื่อรวมคอนโซล -> ค้นหา

— Dan Dascalescu

10

นอกเหนือจากCtrl+ Shift+ F( Cmd+ Option+ Fบน Mac) ตามที่แนะนำในคำตอบนี้คุณสามารถคลิกขวาที่โหนดต้นไม้ด้านบนในแท็บแหล่งที่มาและเลือก "ค้นหาในไฟล์ทั้งหมด":

— บิ๊ก McLargeHuge
แหล่งที่มา

5

ไม่มีอีกแล้ว? ฉันไม่เห็นมันบน Windows

— XP1

4

ไม่มีอยู่ใน Chrome 58 อีกต่อไป

— Dan Dascalescu

มีอยู่อีกครั้งในเวอร์ชันปัจจุบัน

— Julix

ฉันไม่เห็นมันใน Chrome รุ่น 79 บน mac os

— 674669

0

ใน Windows Control + Shift + F ตรวจสอบให้แน่ใจว่าได้ค้นหาในสคริปต์เนื้อหาด้วย ไปที่การตั้งค่า> แหล่งที่มา> ค้นหาในแบบไม่ระบุชื่อและสคริปต์เนื้อหา

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

0

ใน Chrome ล่าสุด ณ วันที่ 26/26/2018 คำตอบที่ติดอันดับยอดนิยมใช้งานไม่ได้อีกต่อไปนี่คือวิธีการทำ:

— ซิหนานซิง
แหล่งที่มา

คำตอบที่ได้รับคะแนนสูงสุดยังคงใช้งานได้หากคุณเลือก "ค้นหาในแบบไม่ระบุชื่อและสคริปต์เนื้อหา" จากการตั้งค่า BTW คำตอบของคุณไม่เกี่ยวข้องกับสิ่งที่ถูกถาม ใช้สำหรับค้นหาชื่อไฟล์เท่านั้นไม่ใช่เนื้อหา

— Koray

0

ใน Widows มันใช้งานได้สำหรับฉัน ควบคุม Shift F จากนั้นจะเปิดหน้าต่างค้นหาที่ด้านล่าง ตรวจสอบให้แน่ใจว่าคุณขยายพื้นที่ด้านล่างเพื่อดูหน้าต่างค้นหาใหม่

— Rupesh Kumar Tiwari
แหล่งที่มา

-1

ข้อความของคุณอาจอยู่ในการตอบสนองของเครือข่ายนอกจากนี้ยังมีเครื่องมือค้นหาในแท็บเครือข่ายและคุณอาจลองใช้

สิ่งที่คุณต้องการค้นหาอาจอยู่ใน DOM หรือในหน่วยความจำ หากไม่ได้อยู่ใน DOM ก็อาจอยู่ในหน่วยความจำเพราะคุณเพิ่งเห็นในหน้าจอคอมพิวเตอร์ของคุณอยู่ดี ข้อความที่คุณค้นหาอาจถูกโหลดจากสคริปต์ใน DOM เริ่มต้นหรือจากการตอบสนองในคำขอในภายหลัง

— มีมลทิน
แหล่งที่มา