แสดง URI / URL แบบเต็มในแท็บเครือข่ายเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome


47

เมื่อใช้ Chrome เพื่อแก้ไขข้อบกพร่องฉันพบว่ามันยากที่จะมีประสิทธิภาพอย่างไม่น่าเชื่อเนื่องจากฉันไม่เห็นว่าฉันสามารถบังคับแท็บ "เครือข่าย" ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เพื่อแสดง URI คำขอแบบเต็มได้อย่างไร

มันจะแสดง URI แบบเต็มหากคุณเลื่อนลิงก์และรอสักครู่ แต่นี่เป็นการต่อต้านที่ไม่น่าเชื่อ

คำขอ AJAX ของฉันทั้งหมดถูกส่งไปยัง ajax.php และจัดการโดยใช้อาร์กิวเมนต์สตริงข้อความค้นหาเช่น:

ajax.php?do=profile-set
ajax.php?do=game-save

... ฯลฯ

เนื่องจากฉันใช้ AJAX อย่างกว้างขวางแท็บเครือข่ายของฉันจึงเต็มไปด้วย "ajax.php" แต่ฉันต้องโฮเวอร์ด้วยตนเองทุกรายการเพื่อค้นหาคำขอที่ฉันต้องการ

แน่นอนว่าจะต้องมีวิธีอื่น!

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

หวังว่าฉันจะรู้วิธีการทำเช่นนี้เพื่อให้ฉันสามารถใช้ Chrome ต่อไปเป็น numero uno ของฉัน

ฉันให้ภาพหน้าจอเพื่อแสดงให้คุณเห็นว่าฉันหมายถึง:

ภาพหน้าจอ


เป็นไปได้ที่ดีขึ้นใน Stackoverflow หรือไม่
stolsvik

ฉันคิดว่าในตอนแรกเนื่องจากมันดูเหมือนว่าจะเกี่ยวข้องกับการพัฒนาเว็บ แต่ปัญหาที่ฉันมีไม่ได้เกิดจากการพัฒนา แต่ใช้ Chrome เอง
เลฟ

เครื่องมือการค้าก็มีสิทธิ์ใช้ SO
stolsvik

2
รายงานข้อบกพร่องในnew.crbug.com หรือคุณอาจจะยื่นต้นน้ำมากกว่าที่wkbug.com/new อธิบายกรณีการใช้งานของคุณในแบบที่คุณทำและฉันแน่ใจว่ามันจะได้รับการแก้ไขในที่สุด
Mathias Bynens

1
นักเขียนด้านเทคนิค DevTools ที่นี่ FYI ฉันขอแนะนำให้โพสต์คำถามแบบนี้กับ Stack Overflow โดยใช้[google-chrome-developer-tools]แท็ก เราตรวจสอบช่องนั้น แต่ไม่ใช่ช่องนี้
Kayce Basques

คำตอบ:


40

บางคอลัมน์มีเขตข้อมูลหลักและเขตข้อมูลรอง (เช่นเวลาและเวลาแฝง) เมื่อดูตารางเครือข่ายที่มีแถวทรัพยากรขนาดใหญ่ทั้งสองฟิลด์จะปรากฏขึ้น เมื่อใช้แถวทรัพยากรขนาดเล็กเฉพาะเขตข้อมูลหลักจะปรากฏขึ้น

https://developer.chrome.com/devtools/docs/network#network-panel-overview

ภาพหน้าจอของเครื่องมือ dev dev ของ Chrome ด้วย Chrome รุ่นที่ใหม่กว่าตอนนี้จะถูกซ่อนอยู่ที่นี่: ภาพหน้าจอเครื่องมือ dev dev ของ Chrome ขั้นตอนใหม่ 1 เครื่องมือภาพหน้าจอของ Chrome dev ขั้นตอนใหม่ 2

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes


1
สาระสำคัญของคำตอบยังคงเป็นจริง แต่สำหรับผู้เยี่ยมชมในภายหลัง GUI ได้เปลี่ยนแปลง (อย่างน้อยใน Chrome 78 ฉันไม่สามารถพูดได้เมื่อเปิดตัว) ตอนนี้มีตัวเลือกในการตั้งค่าเครือข่าย (แท็บเฟืองที่มุมบนขวาของแท็บเครือข่าย) ช่องทำเครื่องหมายที่ 1 ชื่อ "[] ใช้แถวคำขอขนาดใหญ่"
Daryn

4

ไม่สามารถทำได้ในปัจจุบัน อย่างไรก็ตามมีการทำงานที่ดำเนินการอยู่ในเครื่องมือ Chrome Dev (เช่นhttps://developers.google.com/chrome-developer-tools/ ) และคุณสามารถให้คำแนะนำสำหรับตัวเลือกของคุณลักษณะนี้


2

ทั้งใน Chrome และ Firefox คุณสามารถคลิกขวาและบันทึกข้อมูลเครือข่ายเป็น HAR (HTTP Archive) ไฟล์ HAR นั้นสามารถประมวลผลด้วยตนเองด้วยสคริปต์หรือกับหนึ่งในผู้ดู HAR หลายคนและมี URL แบบเต็ม

Google มีโปรแกรมอ่าน HAR ออนไลน์ที่ยอดเยี่ยมซึ่งจะแสดง URL แบบเต็มของแต่ละคำขอ: https://toolbox.googleapps.com/apps/har_analyzer/

ดังนั้นเพื่อดู URL แบบเต็ม:

  • บันทึก / ส่งออกไฟล์ HAR ผ่านการตรวจสอบ> เครือข่าย> คลิกขวา> บันทึกเป็น HAR
  • โหลดลงใน HAR HAR วิเคราะห์
  • เรียง / กรองตามต้องการหรือเน้นเซลล์ตาราง / แถวและคัดลอก / วาง

1

ฉันดีใจที่ได้รายงานว่าขณะนี้คุณลักษณะนี้มีให้บริการใน Firefox แล้ว

ฉันรู้ว่ามันไม่ใช่ Chrome แต่สำหรับฉันมันเป็นเหตุการณ์ที่ดีกว่า

Firefox Nightly 69 สามารถทำเช่นนั้นได้ เพียงคลิกขวาที่คอลัมน์และเลือก URL

FF 69

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155


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

คุณพูดถูก แต่หลายปีที่ผ่านมาฉันมีปัญหาเดียวกันและมันเป็น "ความเจ็บปวด" สำหรับนักพัฒนา (Chrome และ Firefox เช่นกัน) ดังนั้นสำหรับตอนนี้ฉันได้พบลิงค์กูเกิลติดอันดับสูงสุดเพื่อรายงานข่าว หากคุณสามารถ - เพียงแค่ย้ายไปที่คำถามที่ถูกต้อง))
Maxim

0

นี่ไม่ใช่สิ่งที่สามารถทำได้ใน Chrome ขออภัย นอกจากนี้ยังไม่มีคำพูดใด ๆ เกี่ยวกับการเปลี่ยนแปลงใด ๆ ที่จะเกิดขึ้นกับแผงนักพัฒนาซอฟต์แวร์ดังนั้นฉันจึงไม่คาดว่าจะได้รับการเพิ่มในเร็ว ๆ นี้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.