Как получить размер экрана, окна браузера и самой веб-страницы на JavaScript?

```html مرحباً بالجميع! أنا جديد في JavaScript وأقوم بتطوير موقع متجاوب. أحتاج إلى أن تتكيف بعض العناصر مع أحجام جهاز المستخدم. لكني مرتبك في المصطلحات: ما هو screen و window و document؟ وكيف يمكنني الحصول على أحجامها الدقيقة؟ على سبيل المثال، كتبت هذا الكود: ```javascript console.log('screen width:', screen.width); console.log('window inner width:', window.innerWidth); console.log('document width:', document.width); ``` لكن `document.width` يُرجع `undefined`، و `screen.width` يبدو أنه لا يُظهر ما أتوقعه. لدي كمبيوتر محمول بشاشة Full HD (1920×1080)، لكن `screen.width` يُظهر 1536، و `window.innerWidth` يُظهر 1519 (عندما تكون النافذة مكبرة). لماذا يحدث ذلك؟ وكيف يمكنني الحصول بشكل صحيح على عرض وارتفاع صفحة الويب نفسها (بما في ذلك التمرير)؟ أريد أن أفهم الفرق بين هذه المفاهيم الثلاثة وأعرف الخصائص التي يجب استخدامها في المواقف المختلفة. سأكون ممتناً لشرح مفصل مع أمثلة تعمل في جميع المتصفحات (Chrome, Firefox, Safari). ```