Sprawdzanie rozmiaru okna i ekranuSprawdzanie bieżącego rozmiaru okna na komputerze i smartfonie Narzędzie do sprawdzania rozdzielczości wyświetlacza i rozmiaru przeglądarki
To bezpłatne narzędzie umożliwia sprawdzenie bieżącego rozmiaru okna i rozdzielczości ekranu w czasie rzeczywistym na komputerze i smartfonie. Pokazuje szczegółowe dane dotyczące rozmiaru ekranu i dostępnej przestrzeni przy pierwszym dostępie, a także aktualizuje się natychmiast po zmianie rozmiaru okna w przeglądarce. Pomaga w tworzeniu stron internetowych, sprawdzaniu projektów responsywnych oraz dostosowywaniu do typowych rozmiarów ekranów, umożliwiając sprawdzenie optymalnych rozmiarów wyświetlania.
CSS & JavaScript 圧縮・整形ツール-全言語版
Sprawdzanie rozmiaru okna i ekranu
Pomiar bieżącego rozmiaru okna i rozdzielczości ekranu w czasie rzeczywistym
・Rozdzielczość ekranu wyświetlacza
・Rozmiar ekranu w momencie dostępu
・Rozmiar ekranu po zmianie rozmiaru okna przeglądarki
Rozdzielczość ekranu Twojego wyświetlacza
Width :1280
Height : 720
Dostępna przestrzeń na Twoim wyświetlaczu
Width :1280
Height : 720
Aktualny rozmiar okna ①
*Obraz ①
(Bez paska przewijania, menu, paska stanu itp.)
Width :1280
Height : 720
Aktualny rozmiar okna ②
*Obraz ②
(Z paskiem przewijania, bez menu, paska stanu itp.)
Width :1280
Height : 720
Całe okno w tej chwili
*Obraz ③
(Cała ramka, w tym pasek przewijania, menu, pasek stanu itp.)
Width :1280
Height : 720
Rozmiar okna w momencie dostępu (Z paskiem przewijania, bez menu, paska stanu itp.)
Width :1280
Height : 720
Wysokość dokumentu (body) (Cała wysokość tej strony. Nie jest zmienna)
Height : 5352
横幅
No
JavaScript
意味
現在値
a1
screen.width
ディスプレイサイズ(解像度)
横:
b1
screen.availWidth
ディスプレイの利用可能領域
横:
h1
document.documentElement.clientWidth
ウィンドウサイズ(スクロールバーを除く)
横:
c1
window.innerWidth
ウィンドウサイズ(スクロールバーを含む)
横:
d1
window.outerWidth
ウィンドウ全体のサイズ(外枠を含む全体)
横:
e1
document.body.clientWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1264
f1
document.body.offsetWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1264
g1
document.body.scrollWidth
ウィンドウサイズ域(スクロールバーを除く) ※widthを指定している場合は*2参照
横:
1264
i1
document.documentElement.offsetWidth
ウィンドウサイズ(スクロールバーを除く)
横:
1280
j1
document.documentElement.scrollWidth
ウィンドウサイズ(スクロールバーを除く) ※widthを指定している場合は*2参照
横:
1280
高さ
No
JavaScript
意味
現在値
a2
screen.height
ディスプレイサイズ(解像度)
縦:
b2
screen.availHeight
ディスプレイの利用可能領域
縦:
h2
document.documentElement.clientHeight
ウィンドウサイズ(スクロールバーを除く)
縦:
c2
window.innerHeight
ウィンドウサイズ(スクロールバーを含む)
縦:
d2
window.outerHeight
ウィンドウ全体のサイズ(外枠を含む全体)
縦:
e2
document.body.clientHeight
ドキュメント(body)の高さ
縦:
f2
document.body.offsetHeight
ドキュメント(body)の高さ
縦:
5352
g2
document.body.scrollHeight
ブラウザにより異なる(*3)
縦:
5352
i2
document.documentElement.offsetHeight
ドキュメント全体(body)の高さ
縦:
5368
j2
document.documentElement.scrollHeight
ブラウザにより異なる(*4)
縦:
5368
お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
Zmieniając rozmiar przeglądarki, zmieniony rozmiar okna będzie wyświetlany na bieżąco, dzięki czemu dowiesz się, jakiej wielkości okno aktualnie oglądasz。
Tworząc strony internetowe na dużych wyświetlaczach, można zmieniać rozmiar przeglądarki na standardowy rozmiar wyświetlacza, aby sprawdzić, jak strona wygląda w tych warunkach.
《Właściwości do pobierania rozmiaru okna》
① Client Width / Client Height ② Inner Width / Inner Height ③ Outer Width / Outer Height