Hatena::Groupnadesiko

雪乃☆雫のなでしこ日和

2019-08-30

なでしこ3で画面サイズの取得

| 10:25

 前に、画面のサイズに合わせてSameGameの駒数の上限を決められるようにできるだろうかとゆうことを書いたんだけど、どうもそうゆう命令は無いっぽかった。

 でも、それJavascriptで行う術を発見したので、JS実行で簡単にできるように出来そうだよ☆

 とゆうワケで、こんな感じ。

#-----------------------------------------------
#デスクトップの幅と高さ
#https://javascript.programmer-reference.com/js-window-screen-width-height/
#-----------------------------------------------
「※ディスプレイのサイズ」を表示
デスクトップ幅を表示デスクトップ高さを表示。

●デスクトップ幅
  「window.screen.width」をJS実行。
ここまで。

●デスクトップ高さ
  「window.screen.height」をJS実行。
ここまで。

 これで十分なんとか出来そうだけど、続いて、ブラウザのサイズを得る命令もあったので、それもやってみる。

#-----------------------------------------------
#ブラウザの幅と高さ
#https://javascript.programmer-reference.com/js-window-outerwidth-innerwidth/
#-----------------------------------------------
「※ブラウザ全体の横幅と縦幅」を表示ブラウザ全体幅を表示ブラウザ全体高さを表示。

「※ブラウザ表示領域の横幅と縦幅」を表示ブラウザ内部幅を表示ブラウザ内部高さを表示。

#ブラウザ全体の横幅と縦幅を取得する
●ブラウザ全体幅
  「window.outerWidth」をJS実行。
ここまで。

●ブラウザ全体高さ
  「window.outerHeight」をJS実行。
ここまで。

#ブラウザ表示領域の横幅と縦幅を取得する
●ブラウザ内部幅
  「window.innerWidth」をJS実行。
ここまで。

●ブラウザ内部高さ
  「window.innerHeight」をJS実行。
ここまで。

 ところが、ブラウザ表示領域、というのにはスクロールバーも含まれるらしい。

 含まれないようには出来ないのかなーと思ったら、ありました!

 てゆうか、めちゃくちゃいろんな種類が・・・(@_@)

 取りあえず、幅も高さも共通して「ブラウザ内の表示域(スクロールバーを除く)」となっているのはコレだった。

#-----------------------------------------------
#ブラウザ内の表示域(スクロールバーを除く)
#https://web-designer.cman.jp/javascript_ref/window/size/
#-----------------------------------------------
「※ブラウザ内の表示域(スクロールバーを除く)」を表示。
クライアント幅を表示。
クライアント高さを表示。

●クライアント幅
  「document.documentElement.clientWidth」をJS実行。
ここまで。

●クライアント高さ
  「document.documentElement.clientHeight」をJS実行。
ここまで。

 ひとまず、このくらい出来たら良いかな?

ゲスト



トラックバック - http://nadesiko.g.hatena.ne.jp/snowdrops89/20190830