Как найти ширину страницы в Opera 12 (для рабочего стола Windows)?

Я хочу получить доступ к полной ширине и высоте страницы в Opera. Примечание. Я не спрашиваю о высоте или ширине окна просмотра, а о ширине и высоте страницы / документа. Я использую Opera 12.12

Я пробовал следующее:

  1. document.body.scrollWidth / Высота
  2. document.body.offsetWidth/ Высота
  3. window.innerWidth/ Высота
  4. document.body.clientWidth/ Высота

И все они дают ширину / высоту области просмотра.

Пожалуйста, используйте следующую ссылку: http://jsfiddle.net/RQhYR/

Или используйте следующую страницу HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
    <div style="width:2000px;height:2000px;background-color: blue;"></div>
</body>
<script type="text/javascript">
    alert(window.outerWidth + "," + window.outerHeight);
</script>
</html>

3 ответа

Решение

Я получаю правильные значения от body.offsetWidth/Height, body.scrollWidth/Height а также body.clientWidth/Height (используя ту же сборку, что и вы). Только window.innerWidth / Height должен вернуть окно просмотра окна браузера.

Возможно, у вас есть какой-то странный CSS, который устанавливает размеры тела для окна просмотра и помещает полосу прокрутки в элемент где-то внутри. В вашем случае я получаю ожидаемые значения 2000 x 2000 px из scrollWidth/Height из <html> см. демо.

Попробуйте это для размера:

window.outerHeight;
window.outerWidth;

Благодаря Bergi я получил ответ на свой вопрос. Я провел некоторое исследование размеров страницы и области просмотра в разных браузерах, и вот что я нашел: Google Doc Spreadsheet

Другие вопросы по тегам