ฉันจะกำหนดขนาดของแหล่งที่มาของหน้าใน Chrome ได้อย่างไร


31

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

คำตอบ:


42

เปิดเครื่องมือสำหรับนักพัฒนา ( Ctrl+ Shift+ Iหรือการตั้งค่าไอคอนที่ด้านบนขวาของหน้าต่างเบราว์เซอร์ของคุณ => Tools=> Developer tools) ในหน้าต้องการสลับไปยังเครือข่ายแท็บและโหลดหน้าเว็บ

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


2
ขอบคุณ! ความจำเป็นในการโหลดซ้ำนั้นใช้งานง่าย
xxzoid

4
ชนิดของครับ คลิกขวา -> 'ดูคุณสมบัติ' หรือสิ่งที่คล้ายกันในหน้าโหลดแล้วจะรู้สึกง่ายขึ้น
tholu

14
มูลค่าเพิ่มที่ขนาดทั้งหมดของคำขอทั้งหมดไปยังเซิร์ฟเวอร์จะแสดงอยู่ที่ด้านล่างสุดเมื่อคุณเปิดแท็บเครือข่าย ไม่ชัดเจนในทันที
Aidan Miles

ใน Chrome รุ่นที่ใหม่กว่าขนาดรวมที่ด้านล่างของแท็บเครือข่ายจะแสดงรายการเป็นKB / MB ที่ถ่ายโอนซึ่งควรเท่ากับผลรวมของคอลัมน์ขนาด
Clint Pachl


1

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

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