Chrome Dev Tools: จะติดตามเครือข่ายสำหรับลิงก์ที่เปิดแท็บใหม่ได้อย่างไร

ฉันต้องการติดตามกิจกรรมเครือข่ายที่เกิดขึ้นเมื่อฉันคลิกที่ลิงก์ ปัญหาคือลิงก์เปิดแท็บใหม่และเห็นได้ชัดว่าเครื่องมือ Dev ทำงานได้ตามแท็บที่เปิดอยู่ "เก็บรักษาบันทึกการนำทาง" ไม่ช่วย

วิธีแก้ปัญหาปัจจุบันของฉันคือย้ายไปที่ FireFox และ HttpFox ซึ่งไม่มีปัญหานี้ ฉันสงสัยว่านักพัฒนาซอฟต์แวร์ทั้งหมดของ Chrome จะจัดการกับสิ่งนี้ได้อย่างไรมันฟังดูค่อนข้างธรรมดา (แน่นอนฉันได้ค้นหาคำตอบแล้วไม่พบว่ามีประโยชน์อะไร)

ชำระเงินchrome://net-internals/#events(หรือchrome://net-exportChrome รุ่นล่าสุด) สำหรับภาพรวมโดยละเอียดของกิจกรรมเครือข่ายทั้งหมดที่เกิดขึ้นในเบราว์เซอร์ของคุณ

วิธีแก้ไขที่เป็นไปได้อื่น ๆ ขึ้นอยู่กับปัญหาเฉพาะของคุณอาจเป็นการเปิดใช้งาน 'เก็บบันทึก' ในแท็บ 'เครือข่าย':

และบังคับให้ลิงก์ทั้งหมดเปิดในแท็บเดียวกันโดยเรียกใช้โค้ดต่อไปนี้ในคอนโซล:

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};

คำขอคุณลักษณะที่กล่าวถึงในการแสดงความคิดเห็นโดย phsource ได้รับการดำเนินการ

ในเวอร์ชันล่าสุด (เริ่มต้นด้วย Chrome 50) คุณสามารถไปที่เมนูการตั้งค่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จากนั้นใช้เมนู 3 จุดหรือกดF1) แล้วทำเครื่องหมายในช่องที่ระบุว่า "DevTools เปิดป๊อปอัปอัตโนมัติ

ใน Chrome 61.0.3163.100 ตอนนี้คุณมีตัวเลือกดังต่อไปนี้ เข้าถึงได้โดยไปที่การตั้งค่าเครื่องมือ Chrome Dev มันอยู่ที่ด้านล่าง

• เพิ่ม / อัปเดตลิงก์ไปที่ target="_self"
• ทำเครื่องหมาย "เก็บบันทึกเมื่อนำทาง" ในแท็บเครือข่าย
• คลิกที่ลิงค์และบันทึกคำขอของคุณ

คุณสามารถทำได้ด้วยวิธีนี้:

1. set target = "any_window_name" บนลิงก์ที่ต้องการ
2. คลิกลิงก์นั้นหนึ่งครั้งเพื่อเปิดในแท็บใหม่
3. ในแท็บที่เปิดอยู่เครื่องมือสำหรับนักพัฒนาเปิด

4. กลับไปที่หน้าแรกแล้วกดลิงค์นั้นอีกครั้ง

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

   คุณสามารถเปิดใช้งานตัวเลือก "เก็บบันทึก" ในเครื่องมือ dev (ดูในคำตอบที่ยอดเยี่ยมของ Konrad Dzwinel) เพื่อรับปริมาณการเปลี่ยนเส้นทางบนลิงก์นั้น

   หมายเหตุ : คนส่วนใหญ่คุ้นเคยกับลิงก์เป้าหมาย∈ {_self, _blank, _parent, _top} แต่จริงๆแล้วสามารถตั้งชื่อใด ๆ ได้สิ่งนี้จะเปิดหน้าต่างใหม่ที่มีชื่อนั้นและคลิกใด ๆ ที่ตามมาบนลิงก์แบบฟอร์มหรือหน้าต่างเปิดด้วยค่าเป้าหมายเดียวกันจะเปิดในหน้าต่างเดียวกัน อ่านเพิ่มเติม - mdn: window.open , mdn: <a> แท็ก

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

กดปุ่มอย่างรวดเร็วF12เมื่อเปิดแท็บใหม่

https://stackoverflow.com/a/13747562/660408

เหมาะกับฉันเมื่อฉันตรวจสอบการตอบสนองการดาวน์โหลด Google Drive

* คำเตือน: โพสต์โดยผู้พัฒนาของ HttpWatch *

HttpWatchบน Windows สามารถบันทึกทราฟฟิกเครือข่ายที่สร้างขึ้นเมื่อเปิดแท็บหรือหน้าต่าง Chrome ใหม่โดยเปิดใช้งานการบันทึกอัตโนมัติในเครื่องมือ -> ตัวเลือก -> การบันทึก ในหน้าต่างใหม่คลิกที่ไอคอน HttpWatch เพื่อดูการติดตามเครือข่าย

รุ่นฟรีจะให้ข้อมูลพื้นฐานเช่น URL รหัสสถานะและเวลาที่ผ่านไปสำหรับแต่ละคำขอ

* คำเตือน: โพสต์โดยผู้พัฒนาของ HttpWatch *