ส่งออกข้อมูลจากเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome


138

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

การวิเคราะห์เครือข่ายโดย Chrome เมื่อโหลดหน้าเว็บ

ฉันต้องการส่งออกข้อมูลนี้ไปยัง Microsoft Excel เพื่อให้ฉันมีรายการของข้อมูลที่คล้ายกันเมื่อโหลดในเวลาที่ต่างกัน การโหลดหน้าหนึ่งครั้งไม่ได้บอกอะไรมากมายโดยเฉพาะถ้าฉันต้องการเปรียบเทียบหน้า

เป็นไปได้ไหมที่จะทำเช่นนี้ผ่านเครื่องมือหรือส่วนขยายของโครเมี่ยม


2
ดูเพิ่มเติมทีละขั้นตอน: confluence.atlassian.com/kb/…
Vadzim

คำตอบ:


93

หากคุณคลิกขวาที่แถวใดแถวหนึ่งคุณสามารถส่งออกรายการหรือชุดข้อมูลทั้งหมดเป็น HAR ซึ่งดูเหมือนจะเป็นรูปแบบ JSON

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

หากใครรู้วิธีการขับ "โหลดหน้าส่งออกข้อมูล" ส่วนหนึ่งของกระบวนการจากบรรทัดคำสั่งฉันค่อนข้างสนใจที่จะได้ยินว่า


1
เครื่องมือนี้ถูกกล่าวถึงในคำตอบที่ถูกลบ: github.com/janodvarko/harviewer
Jonathon Reinhart

3
@ JonathonReinhart มันมี 5 upvotes และมีประโยชน์ เหตุใดจึงถูกลบ ดูเครื่องมือออนไลน์นี้ได้เช่น: softwareishard.com/har/viewer
Pacerier

9
น่าแปลกที่เครือข่ายของ chrome บันทึกลงใน HAR จะบันทึกข้อมูลทั้งหมดและไม่เพียง แต่รายการ
kishu

@JonathonReinhart ถูกยกเลิกการลบแล้ว: stackoverflow.com/a/20235632/632951
Pacerier

ดูเหมือนว่าจะไม่ทำงานกับคำขอที่มาจาก localhost
Skowronek


22

ฉันพยายามคัดลอกข้อมูลขนาดที่วัดได้จากเครือข่าย Chrome และสะดุดกับโพสต์นี้ ฉันเพิ่งค้นพบวิธีที่ง่ายกว่าในการ "ส่งออก" ข้อมูลไปยัง excel ซึ่งเป็นการคัดลอกตารางและวางไปยัง excel

เคล็ดลับคือคลิก Control + A (เลือกทั้งหมด) และเมื่อไฮไลต์ทั้งตารางแล้วให้วางลงใน Microsoft Excel ปัญหาเดียวคือถ้ามีเขตข้อมูลมากเกินไปจะไม่คัดลอกแถวทั้งหมดและคุณอาจต้องคัดลอกและวางหลายครั้ง

อัปเดต: ฉันพบว่าการคัดลอกข้อมูลใช้งานได้เฉพาะเมื่อฉันปิดตัวเลือกตัวกรอง (ปุ่มค้นหาช่องทางด้านบนตาราง) - งอ


8
นี่เป็นวิธีที่ง่ายที่สุด คุณสามารถแก้ไขปัญหา "ฟิลด์มากเกินไป" ได้โดยย่อเบราว์เซอร์ออก (CTRL +/-) ไม่สำคัญว่าข้อความที่อ่านมีขนาดเล็กเกินไปหรือไม่ก็จะคัดลอก / วางลงใน excel ในขนาดปกติ
profexorgeek

3
เลือกทั้งหมด แต่คัดลอกเฉพาะไฟล์ที่มองเห็นได้ (ใน scrollpane) ฉันไม่รู้ว่าทำไม ... : /
Tom Brito

1
คุณสามารถเล่นกับคอลัมน์หากคุณคลิกขวาที่พวกเขาเพื่อให้คุณสามารถมีข้อมูลมากกว่าค่าเริ่มต้น
หรือ Duan

4
ฉันไม่สามารถให้ Ctrl-A ทำงานได้ แต่ฉันสามารถใช้เมาส์เริ่มที่คอลัมน์ทางซ้ายและไฮไลต์โดยคลิกและลากขึ้น fyi, ymmv, tisla
ruffin

5
@Pacerier ฉันพบว่าการคัดลอกข้อมูลใช้งานได้เฉพาะเมื่อฉันปิดตัวเลือกตัวกรอง (ปุ่มค้นหาช่องทางด้านบนตาราง)
bendur


8

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


7

ใน Chrome ในเครื่องมือนักพัฒนาซอฟต์แวร์ภายใต้เครือข่ายในคอลัมน์ชื่อให้คลิกขวาแล้วเลือก "บันทึกเป็น HAR ด้วยเนื้อหา" จากนั้นเปิดแท็บใหม่ไปที่https://toolbox.googleapps.com/apps/har_analyzer/และเปิดไฟล์ HAR ที่บันทึกไว้


4

คุณสามารถใช้ตัวแก้ไขข้อบกพร่องเว็บ fiddler เพื่อนำเข้า HAR แล้วมันง่ายมากจากพวกเขาใน ... Ctrl + A (เลือกทั้งหมด) แล้ว Ctrl + c (คัดลอกสรุป) แล้ววางใน excel และสนุก


ดีบักเกอร์เว็บพู้ทำเล่น ??
Pacerier

4

โปรดทราบว่า≪ คัดลอกทั้งหมดเนื่องจาก HAR≫ ไม่มีเนื้อหาตอบกลับ

คุณสามารถรับเนื้อหาการตอบสนองผ่าน≪ บันทึกด้วย HAR ด้วยเนื้อหา but แต่จะแตกถ้าคุณมีบันทึกมากกว่าจำนวนเล็กน้อย (ฉันลองครั้งเดียวด้วยการร้องขอเพียง 8k และไม่ทำงาน) เพื่อแก้ปัญหานี้คุณสามารถ _request.contentData()สคริปต์การส่งออกว่าตัวเองใช้

เมื่อมีบันทึกจำนวนมากเกินไปแม้กระทั่ง_request.contentData()“ การตอบสนองคัดลอก” จะล้มเหลวหวังว่าพวกเขาจะแก้ไขปัญหานี้ได้ ก่อนหน้านี้การตรวจสอบบันทึกเครือข่ายมากกว่าเล็กน้อยไม่สามารถทำได้อย่างถูกต้องกับผู้ตรวจสอบเครือข่าย Chrome และควรใช้เครื่องมืออื่น


3

ฉันไม่เห็นตัวเลือกการส่งออกหรือบันทึกเป็น

ฉันกรองคำขอที่ไม่ต้องการทั้งหมดโดยใช้-.css -.js -.woffจากนั้นคลิกขวาที่หนึ่งในคำขอแล้วคัดลอก > คัดลอกทั้งหมดเป็น HAR

จากนั้นวางเนื้อหาลงในโปรแกรมแก้ไขข้อความและบันทึกไว้


ฉันใช้วิธีนี้มันทำงานเหมือนมีเสน่ห์ ฉันต้องการเพิ่มคำตอบ; เนื้อหาเมื่อคุณวางใน text editor เป็นไฟล์ json ในความเป็นจริงฉันใช้ powershell เพื่อแจง json และศึกษาการเปลี่ยนเส้นทางคำร้องขอ (ในกรณีของฉัน)
Siva Senthil

1

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


1

ใน Chrome รุ่นที่ทันสมัยกว่านี้คุณสามารถลากไฟล์ .har ลงในแท็บเครือข่ายของ Chrome Dev Tools เพื่อโหลด


6
ฉันคิดว่าเขาต้องการส่งออกหรือไม่
Pacerier

0

ในการรับสิ่งนี้ในรูปแบบ excel หรือ csv ให้คลิกขวาที่โฟลเดอร์และเลือก "คัดลอกคำตอบ" - วางเพื่อ excel และใช้ข้อความเป็นคอลัมน์

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