2009-01-07 14 views
9

पर कोई भी फ़ायरफ़ॉक्स ऐड-ऑन जानता है जो आपको वर्तमान देखने वाले पृष्ठ का आकार दिखा सकता है?पृष्ठ का आकार: फ़ायरफ़ॉक्स

+0

जवाब पुराना हो चुका है, अब नवीनतम फ़ायरफ़ॉक्स पर लागू होता है। – aaronbauman

उत्तर

19

के लिए (पेज आकार और लोडिंग समय के लिए) आप एक की जरूरत नहीं है। पृष्ठ पर राइट-क्लिक करें, View Page Info का चयन करें, आकार सूचीबद्ध है।

Page Size http://www.shog9.com/pageSize.png

+6

नोट: यह सादा HTML का आकार है (अलग छवियों, जेएस, सीएसएस की गणना नहीं की गई)। अन्य विकल्पों के लिए नीचे देखें। – Nickolay

+1

@ निकोले: सही। यदि आप पूरे पैकेज (AJAX- लोड की गई सामग्री सहित) को अनुकूलित करना चाहते हैं, तो मैं फ़ायरबग (nshaw का उत्तर देखें) – Shog9

+0

@ निकोले: या अंतर्निहित टूल्स का उपयोग करके, मेरा उत्तर नीचे देखें। –

5

Firebug आप में गहराई से विश्लेषण करना चाहते हैं। यदि आप केवल अंतिम नंबर चाहते हैं तो राइट-क्लिक करें और "पृष्ठ जानकारी देखें"।

2

फ़ायरबग आपको पेज आकार और सभी अतिरिक्त डाउनलोड (सीएसएस फाइलों, छवियों और इस तरह के) के आकार को देखने की अनुमति देता है। यह आपको सभी प्रकार की अच्छी डीबगिंग चीजों को करने की अनुमति देता है।

2

फ़ायरफ़ॉक्स दृश्य पृष्ठ HTML का आकार है। वेब डेवलपर पृष्ठ में एम्बेडेड अन्य अनुरोधों जैसे कि सीएसएस, इमेजेस, जावास्क्रिप्ट ... आदि

12

यदि आप अपने पेज के आकार को अनुकूलित कर रहे हैं (किलोबाइट्स में, पिक्सेल नहीं!) तो आपको दोनों को जानना होगा यदि आपका सर्वर आपके आउटपुट को gzipping कर रहा है तो प्रत्येक तत्व के संपीड़ित आकार। आप इसे मानक वेब ब्राउज़र "राइट-क्लिक -> गुण" के साथ नहीं प्राप्त कर सकते हैं।

वेब डेवलपर टूलबार एक्सटेंशन, किसी अन्य उत्तर में उल्लिखित, यह करता है।

http://https//addons.mozilla.org/en-US/firefox/addon/60

मैं एक और उपकरण है कि इतनी आसानी से प्रत्येक पृष्ठ तत्व के लिए संकुचित और असम्पीडित आकार की रिपोर्ट नहीं मिली है।

वेब डेवलपर टूलबार इंस्टॉल करें और टूल्स -> वेब डेवलपर -> पृष्ठ जानकारी -> दस्तावेज़ आकार देखें। बेहद सुविधाजनक!

Scripts (7 files) 82 KB (243 KB uncompressed) 

- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101 39 KB (109 KB uncompressed) 
- http://stackoverflow.com/Content/Js/wmd-base.js 15 KB (59 KB uncompressed) 
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed) 
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107 8 KB (27 KB uncompressed) 
- http://stackoverflow.com/Content/Js/showdown.js 4 KB (10 KB uncompressed) 
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1 3 KB (9 KB uncompressed) 
- http://stackoverflow.com/Content/Js/wmd-plus.js 3 KB (7 KB uncompressed) 

Style Sheets (3 files) 7 KB (27 KB uncompressed) 

- http://stackoverflow.com/Content/all.css?d=20081101 6 KB (26 KB uncompressed) 
- http://stackoverflow.com/Content/print.css 705 bytes (1 KB uncompressed) 

यदि इसके लिए कोई बेहतर टूल है, तो मुझे इसके बारे में सुनना अच्छा लगेगा। यह सुविधा केवल एक चीज है जो मुझे वेब डेवलपर टूलबार को फायरबग के लिए पूरी तरह से हटाने से रोकती है। शायद YSlow यह करता है; अधिक शोध करने की जरूरत है।

1

आप इस एड-ऑन का उपयोग कर सकते हैं: लोरी: जीवन-ऑफ-द अनुरोध की जानकारी: - कुल आकार https://addons.mozilla.org/en-US/firefox/addon/1743

यह प्रदर्शित कितनी देर तक यह पूरी तरह से पेज को पुनः प्राप्त करने लग गए, यह (ब्राउज़र कैश से आइटम सहित), और पृष्ठ प्राप्त करने के लिए कितने अनुरोध किए गए।

3

अंतर्निहित Inspect Element (Q) राइट-क्लिक मेनू से यह कर सकता है। , Network टैब पर जाएँ फिर से लोड करके एक नजर है:

enter image description here

+1

आधुनिक उत्तर के लिए धन्यवाद –

+0

@MattG: आपका स्वागत है –

संबंधित मुद्दे