Разница screen.width и screen.availwidth в JavaScript

Question

В чем разница между screen.width и screen.availwidth в JavaScript?

В моей системе оба одинаковы!

Answer 1

Некоторые вещи блокируют некоторые из вашего окна просмотра, такие как боковая панель истории / закладок.Это включает в себя панель задач, если только она не скрыта

Затем window.screen.width != window.screen.availWidth.:)

Если вы рисуете вещи в окне просмотра, вы должны использовать availWidth / availHeight, чтобы определить, не находятся ли вещи вне окна просмотра и т. Д. Обязательно пересчитайте размер окна, иначе вы не будетезнать, когда боковая панель закрыта.

Обратите внимание, что не вся ширина, заданная этим свойством, может быть доступна для самого окна.Когда другие виджеты занимают пространство, которое не может быть использовано объектом окна, существует различие в window.screen.width и window.screen.availWidth.

Источник .

Answer 2

window.screen.width -> Возвращает ширину экрана.

window.screen.availWidth -> Возвращает количество горизонтального пространства в пикселях доступно для окна.

Лучше всего использовать utilWidth для точного размера, доступного для нашего примера компонента.